该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

小程序页面自由DIY VUE3.0项目源码

安装依赖

npm install

运行项目

npm run serve

荐目打包

npm run build

项目说明

  • 项目分为页面、模块、组件三个部分组成,可同时保存多个页面,可新建页面,可自由拖动模块至页面,模块可以复制,上下移动,可设置模块字体,背景,文字,图片,连接,样式等属性。
  • 所有模块JS初始文件在 src/util/module.js 里面定义
  • 页面主框架页面在 views/diy.vue
  • 模块属性设置在 views/attr/ 下面
  • 模块上左右组件在 components/ 下面
  • 拖入模块组件在 views/module/ 下面

后台保存说明

  • 将页面控件和模块数据通过JSON形式保存到后台数据库
  • 页面回显查询数据库然后转回数组回显到页面上
  • 前端显示同样查询数据库将JSON转换为数组然后新建与项目样式相同的模块循环渲染在一个页面上。
  • 主要弄明白每个模块里面字段的作用,在module.js里面都有备注说明

Image text

项目预览地址:http://diy.hsycms.com/

项目交流群:942832552

空文件

简介

页面后台拖动设计DIY,使用VUE3.0编写 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化