هل أنت غارق في المتطلبات الثقيلة لصفحات أحداث WeChat وH5؟ هل تريد أداة يمكنها إنشاء صفحات أحداث WeChat بالسحب والإسقاط؟ تم تطوير هذا المشروع بناءً على نقطة الألم هذه، وهي أداة يمكنها السحب والإفلات لإنشاء صفحات H5 ومعاينة التأثيرات.
جيثب: العنوان التجريبي للبوابة: Portal
معاينة الواجهة:
الواجهة الأمامية:
vue
: يتطلب التطوير المعياري أحد الخيارات الثلاثة: الزاوي، أو التفاعل، أو vue.
vuex
: إدارة الدولة
sass
: مترجم مسبق لـ css.
element-ui
: لا تعيد اختراع العجلة، هناك مكتبات مكونات Vue جاهزة وممتازة، لذلك عليك بالطبع استخدامها. إذا لم يكن لديك، فقط قم بتغليف بعضها بنفسك.
loadsh
: فئة الأداة
الخادم:
koa
: تستخدم اللغة الخلفية Nodejs، وهناك أيضًا العديد من مستندات koa والمواد التعليمية التي تم إنشاؤها بواسطة فريق Express الأصلي.
mongodb
: قاعدة بيانات تعتمد على تخزين الملفات الموزعة، وهي أكثر مرونة.
1. فهم تطوير مكدس تقنية vue
2. فهم كوا
3. فهم mongodb
|-- 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 --------配置文件
فكرة تنفيذ المحرر هي: يقوم المحرر بإنشاء بيانات JSON للصفحة، ويكون الخادم مسؤولاً عن الوصول إلى بيانات JSON، وعند العرض، يتم جلب بيانات JSON من الخادم وتسليمها إلى قالب الواجهة الأمامية للمعالجة .
كوارك-h5
ترخيص أباتشي 2.0