【源码】基于Vue2框架的H5端低代码手机应用设计平台

项目简介

本项目基于Vue2框架搭建，借助uni-app脚手架工具，采用element-ui作为UI组件库，是一个H5端低代码手机应用设计平台。用户能通过拖拉拽的方式构建应用页面，同时平台还支持代码导出功能。

项目的主要特性和功能

1. 组件拖拽：借助vue.draggable实现自定义组件的拖拽，拖拽时通过clone方法复制组件，为组件赋予唯一id和画布index。
2. 属性编辑：单击画布上的自定义组件，可获取其可编辑属性，编辑后实时反馈到画布组件上。
3. 代码导出：使用ejs模板引擎渲染html内容和data部分，生成元素所需的类style，可导出用户生成的自定义布局文件。
4. 组件库：采用json形式记录自定义组件的props信息，通过vuex全局暴露，形成类似组件库的形式。
5. 嵌套渲染：画布底层数据结构为数组，通过数组嵌套和循环渲染实现组件的嵌套。

安装使用步骤

假设用户已下载本项目的源码文件，可按以下步骤操作： 1. 安装依赖：在项目根目录下，使用命令行工具执行npm install，安装项目所需的依赖包。 2. 启动项目：执行npm run serve命令，启动开发服务器。 3. 访问项目：打开浏览器，访问开发服务器地址（通常为http://localhost:8080），即可使用平台进行应用页面的设计。 4. 导出代码：在设计完成后，可通过平台提供的代码导出功能，将设计的页面导出为代码。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】