formily admin template

secara formal-admin-template

Ini adalah latar belakang manajemen admin formal. Anda dapat memilih Vue2/React dan Element UI/Antd UI yang dikombinasikan dengan axios & iconfont & lint, yang diperlukan untuk membangun backend.

Contoh fungsional berasal dari proyek vue-element-admin. Gudang ini hanya menggunakan perpustakaan terkait @formily untuk menggantikan beberapa fungsi umum. Semua kelas komponen disediakan oleh proyek contoh fungsional.

• Vue2 dibangun di atas [email protected]
• React dibangun berdasarkan webpack@^4.41.5",

Proyek terkait

• Contoh fungsi sumber vue-elemen-admin

Pengaturan Pembuatan Vue

 # 克隆项目
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

Akses peramban http://localhost:9527

Pengaturan Pembuatan Reaksi

 # 克隆项目
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

Akses peramban http://localhost:3000

contoh yang dapat dirancang secara formal

Proyek reaksi berisi contoh-contoh yang dapat dirancang secara formal. Anda dapat menggunakan desain untuk memodifikasi halaman dalam proyek. Skema yang dimodifikasi disimpan dalam memori.

• ./react/direktori home yang dapat dirancang
• ./react/designable/components Informasi komponen dari komponen proyek yang didaftarkan ke designable
• ./react/designable/decorator menambahkan pengaturan dekorator ke designable. Anda dapat memilih dari beberapa dekorator yang ditentukan.
• Konfigurasi SchemaEditorWidget komponen dan dekorator ./react/designable/schemas
• ./react/designable/setters Komponen SchemaEditorWidget
• ./react/designable/dn Daftar komponen dan klasifikasi untuk kontrol yang dapat dirancang
• ./react/designable/formily Ringkasan komponen formal, termasuk komponen antd dan proyek
• Rendering ./react/designable/main designable

Gunakan di vue

Rencananya saat ini adalah menggunakan React untuk menyelesaikan bagian desainer, dan kemudian memuatnya ke Vue melalui systemjs.

• Gunakan reaksi untuk menentukan berbagai jenis kontrol, memetakan properti kontrol, dan menyesuaikan EditorSchema. (Lihat deskripsi katalog di atas)
• Ekspor modul yang perlu Anda gunakan di ./react/editor.tsx
• Dengan cd ./react && npm run build:editor, file modul systemjs editor akan dibuat ke direktori ./vue2/public, yang dapat langsung digunakan sebagai template untuk proyek Vue. Templat berisi peta impor systemjs editor
• Muat designable melalui vue2/src/views/designable/index.vue

Lisensi

lisensi MIT.

Hak Cipta (c) 2017-sekarang wangwangtou