# online

**Repository Path**: iteaj/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**: 39
- **Forks**: 22
- **Created**: 2021-04-09
- **Last Updated**: 2024-07-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 低代码, 表单设计, 功能设计, vue3, 原型设计

## README

### 项目简介
olcd是一个支持直接通过拖拽表单来设计前端整个功能和生成sql等其他高级功能的web可视化平台。[预览](http://online.iteaj.com/#/)
### 此项目能做些什么
1. 做简单的通用的原型设计, 支持设计搜索栏、列表、编辑、详情
2. 编辑和设计搜索栏
3. 编辑和设计数据表格
4. 生成sql语句
### 项目规划以及进度
1. 表单设计(已完成)
2. 搜索栏和列表设计(已完成)
3. mysql表创建语句(已完成)
4. 源码和页面功能预览(已完成)
5. 外键设计包括一对一(完成), 一对多(开发中)
### 使用语言和框架
1. 语言: js + css
2. 框架: vue3 + vite2 + antdv2 + vuex4 + router4 + axios
### 相较第一版有哪些改进
1. 大量使用事件总线的机制使得功能之间耦合性更低更灵活和易于理解
2. 引入了vuex来管理这个框架的数据更容易理解和扩展
3. 调整项目的结构使之更加合理和容易理解
4. 功能重新设计和实现更加合理和更具扩展性
5. 性能更加突出，升级到vue3+vite2并且引入了vuex和事件机制代码复杂度降低了很多, 每个模块更加独立
### 页面截图参考(还未定稿完成会有调整)
![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")
### 发布地址：npm publish --registry=https://registry.npmjs.org
### 参与贡献

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