# online

**Repository Path**: lonsun/online

## Basic Information

- **Project Name**: online
- **Description**: 基于vue3+vite2+antd2+router4+vuex4+vuedraggable等最新技术研发的支持拖拽表单，支持拖拽功能按钮，支持表格拖拽排序，支持拖拽搜索栏等
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 23
- **Created**: 2021-05-29
- **Last Updated**: 2021-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### 项目简介
online是一个支持在线编辑,设计前端整个功能页面和生成sql等其他高级功能的可拖拽工具
, 他可以通过拖拽表单的方式来编辑设计表单和搜索栏以及表格等组件, 实现了前端的可视化编辑以及代码生成
### 此项目能做些什么
1. 通过拖拽方式设计功能表单
2. 编辑和设计页面的搜索栏
3. 编辑和设计页面的数据表格
4. 生成sql语句(全栈开发者版)
5. 在线生成设计完的代码, 生成的代码可以直接复制到[项目ivzone](https://gitee.com/iteaj/ivzone)使用
### 项目规划以及进度
1. [项目预览](http://online.iteaj.com/#/)
2. 开发中...
### 使用语言和框架
1. 语言: js + vue3 + css
2. 框架: antdv2 + vuex4 + router4 + axios
### 相较第一版有哪些改进
1. 大量使用事件总线的机制使得功能之间耦合性更低更灵活和易于理解
2. 引入了vuex来管理这个框架的数据更容易理解和扩展
3. 调整项目的结构使之更加合理和容易理解
4. 功能重新设计和实现更加合理和更具扩展性
5. 性能更加突出(引入了vuex和事件机制代码复杂度降低了很多, 每个模块更加独立)
6. 根据使用者的不同分出前端开发者版和全栈开发者版
### 页面截图参考(还未定稿完成会有调整)
![ssl](https://images.gitee.com/uploads/images/2021/0418/213900_2844a43e_1230742.png "[VE$_JW_CASSQURZYOHGXC8.png")
![new](https://images.gitee.com/uploads/images/2021/0418/213923_647519c6_1230742.png "878LF179]F%KAY5`28CJB~F.png")
![搜索栏和表格设计](https://images.gitee.com/uploads/images/2021/0415/110417_056fcc26_1230742.png "截图_选择区域_20210415110352.png")
![表单编辑设计](https://images.gitee.com/uploads/images/2021/0415/110835_89097284_1230742.png "截图_选择区域_20210415110826.png")
### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request