# wft-page-generate-h5

**Repository Path**: wang-futai/wft-page-generate-h5

## Basic Information

- **Project Name**: wft-page-generate-h5
- **Description**: 希望能快速生成移动端页面，主要考虑在uniapp上使用
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2024-07-03
- **Last Updated**: 2025-02-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 低代码, 拖拉拽, 移动端

## README

# wft-page-generate-h5

## 描述
由于公司使用的Vue2，所以就采用典型的V2技术栈来进行编写，希望能快速生成移动端页面，主要考虑H5、uniapp渲染执行，开发进行中，下面列一些要实现的功能，大部分已经实现。组件可以自定义再添加进行二次开发

## 技术栈
| 名称                | 版本  | 名称             | 版本   |
| ------------------- | ----- | --------------- | ------ |
| Vue                 | 2.x.x | VueRouter     | 3.6.x  |
| ElementUI             | 2.5.x | Vant           | x.x.x  |
| 详见 `package.json` | 😁    | 🥰          | 🤗     |

## 功能
1.  H5、uniapp
2.  编辑器
3.  自定义组件
4.  组件删除、复制、剪切、是否可拖动、是否可调整大小、是否允许拖出父节点、PNG下载
5.  图层、组件置顶、置底、上移、下移
6.  冲突检测
7.  组件动画
8.  画板清空、粘贴、清空剪切板
9.  在线预览、保存、导出
10. 在线编辑
11. 删除、撤销、恢复等快捷键（撤销、恢复功能主要记录组件增加、删除、拖拽和调整大小的动作）
12. 自动吸附功能、参考辅助线
13. 容器组件
14. 循环组件
15. 静态数据、动态接口数据
16. 事件绑定
17. 标尺、网格
18. 生成海报
19. 导出代码
20. ......

## 环境(npm下载慢，可以使用cnpm)
1. Node 18.20.3
2. npm 10.7.0 registry=https://registry.npmjs.org/
3. cnpm 9.4.0 registry=https://registry.npmmirror.com/

## 项目设置
```
npm install
```

### 项目启动编译
```
npm run serve
```

### 项目打包
```
npm run build
```