formmaking-feiwei v0.1.0

formmaking-feiwei

项目简介

本项目为一个独立的表单构建器，是一个稳定可拓展版本，可为各项目提供表单服务

项目预览

• 飞未独立表单构建器

项目准备

• node 和 git -项目开发环境
• element-ui - ui 组件库基本用法
• vuex - 状态管理工具
• axios - 实现 AJAX 异步通信
• lodash - JavaScript 工具函数库基本用法
• Es6+ - 熟悉 es6 基本语法
• vuedraggable - 可视化拖拽依赖包
• vue-router - vue 路由基本用法

项目使用

• 拉取代码

git clone http://101.91.199.54/meijiaxun/formmaking-feiwei.git

• 安装依赖

yarn / npm install

• 运行

yarn serve / npm run serve

• 打包

yarn / npm run build

项目结构

├─.eslintignore -------------------- // ESLint 的忽略目录配置
├─.gitignore ----------------------- // git 的忽略配置
├─.yarnrc -------------------------- // 配置额外的yarn功能（如安装包镜像等）
├─babel.config.js ------------------ //  babel 设置
├─package.json --------------------- // 项目信息和依赖
├─public --------------------------- // 静态资源文件夹
│ ├─ace.js
│ ├─favicon.ico -------------------- // 网站icon
│ └─index.html
├─README.md ------------------------ // 项目介绍
├─src ------------------------------ // 项目主要业务代码
│ ├─api ---------------------------- // 网络请求
│ │ ├─fileUpload.js ---------------- // 文件上传的api
│ │ └─form.js ---------------------- // 表单相关操作api
│ ├─App.vue ------------------------ // 项目根组件
│ ├─assets ------------------------- // 图片资源文件夹
│ │ ├─1.png
│ │ ├─10.png
│ │ ├─11.png
│ │ ├─12.png
│ │ ├─13.gif
│ │ ├─14.gif
│ │ ├─15.gif
│ │ ├─16.png
│ │ ├─17.png
│ │ ├─2.png
│ │ ├─3.png
│ │ ├─4.png
│ │ ├─5.gif
│ │ ├─6.png
│ │ ├─7.png
│ │ ├─8.png
│ │ └─9.png
│ ├─components --------------------- // 公共组件
│ │ ├─CodeEditor ------------------- // 代码编辑器组件
│ │ │ └─index.vue
│ │ ├─config ----------------------- // 配置文件
│ │ │ └─componentsConfig.js -------- // 组件配置
│ │ ├─Container.vue ---------------- // 主页面组件
│ │ ├─DataSource ------------------- // 数据源
│ │ │ ├─arrayDynamic.vue
│ │ │ ├─dialog.vue
│ │ │ └─index.vue
│ │ ├─Editor ----------------------- // 富文本编辑器
│ │ │ └─index.vue
│ │ ├─EventPanel ------------------- // 事件面板组件
│ │ │ ├─config.vue
│ │ │ ├─dialog.vue
│ │ │ └─index.vue
│ │ ├─FormTable -------------------- // 表格组件
│ │ │ └─index.vue
│ │ ├─generator -------------------- // 生成器相关组件（预览）
│ │ │ ├─GenerateColItem.vue
│ │ │ ├─GenerateElementItem.vue
│ │ │ ├─GenerateForm.vue
│ │ │ ├─GenerateFormItem.vue
│ │ │ ├─GenerateInline.vue
│ │ │ ├─GenerateReport.vue
│ │ │ └─GenerateTabItem.vue
│ │ ├─others ----------------------- // 其他工具组件
│ │ │ ├─CodeDialog.vue
│ │ │ ├─CusDialog.vue
│ │ │ ├─OperationManual.vue
│ │ │ ├─PreviewDialog.vue
│ │ │ └─SelectFromTemplate.vue
│ │ ├─Upload ----------------------- // 上传文件组件
│ │ │ ├─file.vue
│ │ │ └─index.vue
│ │ └─widget ----------------------- // 构建器设计区和属性设置区相关组件
│ │   ├─DebuggerConfig.vue
│ │   ├─FormConfig.vue
│ │   ├─WidgetColItem.vue
│ │   ├─WidgetConfig.vue
│ │   ├─WidgetElementItem.vue
│ │   ├─WidgetForm.vue
│ │   ├─WidgetFormItem.vue
│ │   ├─WidgetInline.vue
│ │   ├─WidgetReport.vue
│ │   ├─WidgetTabItem.vue
│ │   ├─WidgetTable.vue
│ │   ├─WidgetTableFormItem.vue
│ │   └─WidgetTableItem.vue
│ ├─iconfont ----------------------- // 字体图标文件
│ │ ├─demo.css
│ │ ├─demo_index.html
│ │ ├─iconfont.css
│ │ ├─iconfont.js
│ │ ├─iconfont.json
│ │ ├─iconfont.ttf
│ │ ├─iconfont.woff
│ │ └─iconfont.woff2
│ ├─lang --------------------------- // 国际化语言配置
│ │ ├─en-US.js
│ │ └─zh-CN.js
│ ├─main.js ------------------------ // 项目主入口js文件
│ ├─router ------------------------- // 路由配置
│ │ └─index.js
│ ├─styles ------------------------- // 公用样式
│ │ ├─cover.scss
│ │ └─index.scss
│ └─util --------------------------- // 工具脚本文件
│   ├─city.js
│   ├─directive.js
│   ├─event-bus.js
│   ├─generateCode.js
│   ├─generateTemplateCode.js
│   ├─getAuthorization.js
│   ├─history-manager.js
│   ├─index.js
│   ├─layout-clone.js
│   ├─request.js
│   ├─validate.js
│   └─version-upgrade.js
├─vue.config.js -------------------- // 项目配置
├─yarn-error.log
└─yarn.lock

Git 提交规范

• feat 增加新功能
• fix 修复问题/BUG
• style 代码风格相关无影响运行结果的
• perf 优化/性能提升
• refactor 重构
• revert 撤销修改
• test 测试相关
• docs 文档/注释
• chore 依赖更新/脚手架配置修改等
• workflow 工作流改进
• ci 持续集成
• types 类型定义文件更改
• wip 开发中

commit 提交示例

• 1.需求完成

feat(模块名/需求名)：需求描述或对应的 coding id

• 2. bug 修改

fix(模块名/需求名): bug 描述或对应的 coding id