Unduh wx page builder - unduh kode sumber wx page builder

wx page builder

Kategori lainnya

1.0.0

Unduh

Kata pengantar

Apakah Anda kewalahan dengan banyaknya tuntutan halaman acara WeChat dan H5? Apakah Anda menginginkan alat yang dapat menghasilkan halaman acara WeChat dengan drag and drop? Proyek ini dikembangkan berdasarkan titik kesulitan ini, sebuah alat yang dapat menarik dan melepas untuk menghasilkan halaman H5 dan melihat pratinjau efeknya.

Github: Alamat demo portal: Portal

Pratinjau antarmuka:

Antarmuka masuk manajemen proyek Seret dan lepas pengeditan

Fitur

Seret dan lepas komponen pengeditan
Hasilkan halaman H5
�Pratinjau antarmuka
�Rilis fungsi halaman H5 (sedang dikembangkan)
Mendukung applet WeChat (sedang dikembangkan)
��Elemen Dukungan-UI (sedang dikembangkan)
Edit halaman backend PC (dalam pengembangan)

tumpukan teknologi

ujung depan:
vue : Pengembangan modular memerlukan salah satu dari tiga opsi: sudut, reaksi, atau vue.
vuex : manajemen negara
sass : prakompiler css.
element-ui : Jangan menemukan kembali rodanya. Ada pustaka komponen Vue siap pakai yang sangat bagus, jadi tentu saja Anda harus menggunakannya. Jika Anda tidak memilikinya, rangkum saja sendiri.
loadsh : kelas alat

pelayan:
koa : Bahasa back-end menggunakan nodejs. Ada juga banyak dokumen koa dan materi pembelajaran.
mongodb : Database berdasarkan penyimpanan file terdistribusi, yang lebih fleksibel.

Persiapan sebelum membaca

1. Memahami pengembangan tumpukan teknologi vue
2. Pahami koa
3. Memahami mongodb

Konstruksi teknik

Struktur direktori proyek

 |-- client					--------前端项目界面代码
    |--assets					--------前端界面对应静态资源
    |--components				--------组件
    |--config					--------配置文件
    |--eventBus					--------eventBus
    |--filter					--------过滤器
    |--mixins					--------混入
    |--pages					--------页面
    |--router					--------路由配置
    |--store					--------vuex状态管理
    |--service					--------axios封装
    |--App.vue					--------App
    |--main.js					--------入口文件
    |--permission.js			--------权限控制
|-- server					--------服务器端项目代码
    |--confog					--------数据库链接相关
    |--middleware				--------中间件
    |--models					--------Schema和Model
    |--routes					--------路由
    |--views					--------ejs页面模板
    |--public					--------静态资源
    |--utils					--------工具方法
    |--app.js					--------服务端入口
|-- common					--------前后端公用代码模块（如加解密）
|-- engine-template			--------页面模板引擎，使用webpack打包成js提供页面引用
|-- docs					--------预留编写项目文档目录
|-- config.json				--------配置文件

Implementasi editor front-end

Ide implementasi editor adalah: editor menghasilkan data halaman JSON, server bertanggung jawab untuk mengakses data JSON, dan saat rendering, data JSON diambil dari server dan diserahkan ke template front-end untuk diproses .