formily admin template

เทมเพลตผู้ดูแลระบบอย่างเป็นทางการ

นี่เป็นพื้นฐานการจัดการผู้ดูแลระบบอย่างเป็นทางการ คุณสามารถเลือก Vue2/React และ Element UI/Antd UI รวมกับ axios & iconfont & lint ซึ่งจำเป็นในการสร้างแบ็กเอนด์

ตัวอย่างการทำงานมาจากโปรเจ็กต์ vue-element-admin คลังข้อมูลนี้ใช้ไลบรารีที่เกี่ยวข้อง @formily เพื่อแทนที่ฟังก์ชันทั่วไปบางส่วนทั้งหมดจัดทำโดยโปรเจ็กต์ตัวอย่างการทำงาน

• Vue2 สร้างขึ้นบน [email protected]
• React สร้างขึ้นจาก webpack@^4.41.5",

โครงการที่เกี่ยวข้อง

• ตัวอย่างฟังก์ชันซอร์ส vue-element-admin

การตั้งค่า Vue Build

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/vue2

# 安装依赖
npm install

# 启动服务
npm run dev

การเข้าถึงเบราว์เซอร์ http://localhost:9527

ตอบสนองการตั้งค่า Build

 # 克隆项目
git clone https://github.com/wangwangtou/formily-admin-template.git

# 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 进入mock目录

cd formily-admin-template/mock

# 安装依赖
npm install

# 进入项目目录
cd formily-admin-template/react

# 安装依赖
npm install --force

# 启动服务
npm run start

การเข้าถึงเบราว์เซอร์ http://localhost:3000

ตัวอย่างที่ออกแบบได้อย่างเป็นทางการ

โปรเจ็กต์โต้ตอบมีตัวอย่างที่ออกแบบได้ คุณสามารถใช้ designable เพื่อแก้ไขเพจในโปรเจ็กต์ได้ บันทึกสคีมาที่แก้ไขแล้วในหน่วยความจำ

• ./react/โฮมไดเร็กตอรี่ที่ออกแบบได้
• ./react/designable/components ข้อมูลส่วนประกอบของส่วนประกอบโครงการที่ลงทะเบียนเพื่อ designable
• ./react/designable/decorator เพิ่มการตั้งค่ามัณฑนากรให้ออกแบบได้ คุณสามารถเลือกจากมัณฑนากรที่กำหนดได้หลายรายการ
• การกำหนดค่า SchemaEditorWidget ของส่วนประกอบ ./react/designable/schema และมัณฑนากร
• ./react/designable/setters ส่วนประกอบของ SchemaEditorWidget
• ./react/designable/dn รายการส่วนประกอบและการจำแนกประเภทสำหรับการควบคุมที่ออกแบบได้
• ./react/designable/formily สรุปส่วนประกอบอย่างเป็นทางการ รวมถึงส่วนประกอบ antd และโครงการ
• การเรนเดอร์ของ ./react/designable/main designable

ใช้ในวิว

แผนปัจจุบันคือการใช้ React เพื่อทำให้ส่วนของนักออกแบบเสร็จสมบูรณ์ จากนั้นจึงโหลดลงใน Vue ผ่าน systemjs

• ใช้การโต้ตอบเพื่อกำหนดการควบคุมประเภทต่างๆ คุณสมบัติการควบคุมแผนที่ และปรับ EditorSchema (โปรดดูคำอธิบายแคตตาล็อกด้านบน)
• ส่งออกโมดูลที่คุณต้องการใช้ใน ./react/editor.tsx
• โดย cd ./react && npm run build:editor ไฟล์โมดูล systemjs ของเอดิเตอร์จะถูกสร้างขึ้นในไดเร็กทอรี ./vue2/public ซึ่งสามารถใช้เป็นเทมเพลตโดยตรงสำหรับโปรเจ็กต์ Vue เทมเพลตประกอบด้วย systemjs importmap ของเอดิเตอร์
• โหลดที่ออกแบบได้ผ่าน vue2/src/views/designable/index.vue

ใบอนุญาต

ใบอนุญาตเอ็มไอที

ลิขสิทธิ์ (c) 2017-ปัจจุบัน wangwangtou