dddms-ui-el v0.1.4
说明
- DMS 管理系统,基于 Vue 的前端集成解决方案。
前序准备
- 本地安装 nodejs 请使用 v12.10.0 及以上版本,建议使用 nvm 管理。
- 建议使用 yarn 管理 npm 依赖。
- 编译器统一使用 VScode,必要的插件列表:
- Vetur
- Prettier
- EditorConfig
- ESLint
安装
使用 yarn 或 npm 安装
bashbashbashbash
安装依赖
$ yarn install
启动本地服务
$ npm run dev
发布,构建生产环境代码
$ npm run build bashbashbash
主要功能
bashbashbash
权限验证
- 菜单/页面级权限
- 页面按钮级权限
- ajax 防重复提交
导航菜单
- 导航快速检索/收藏和常用导航
- 多级菜单,底层递归处理
- 自适应收缩侧边栏
- 头部标签栏导航,并支持页面缓存
- 动态面包屑
提供的组件
- Anchor 锚点组件
- Spin 加载中组件
- SvgIcon svg格式的图标组件
- ButtonArea 功能按钮区的容器组件
- BreakSpace 功能模块的分隔符组件
- BaseDialog 模态框组件,支持子组件的销毁
- BaseTable 表格组件
- Drawer 抽屉组件,支持子组件的销毁
- LazyLoadTab 选项卡的按需/动态加载
- TopFilter 页面头部筛选组件
- UploadCropper 图片上传组件,支持图片的裁剪和压缩
- UploadFile 附件上传组件
- DownloadFile 文件导出及下载组件
- Pinyin 中文字符转换成拼音插件
- BasePrint 基于 Lodop 插件的打印组件
- FormPanel 表单操作的功能组件
- Tinymce 富文本编辑器组件
- AjaxButton ajax 防止重复提交组件
- MultiuseButton 多功能按钮的组件,可实现权限控制及 ajax 防止重复提交 bashbashbash 组件说明请参考:http://ychexing.yycsy.com:10227/pages/viewpage.action?pageId=11175028
目录结构
bashbashbash ├── build # webpack 构建相关 ├── config # webpack 参数配置 ├── static # 资源文件 ├── src # 源代码 │ ├── api # 所有请求 │ ├── assets # 静态资源 │ ├── components # 全局公用组件 │ ├── config # 全局配置 │ ├── directive # 全局指令 │ ├── filters # 全局 filter │ ├── layout # 全局 layout │ ├── mock # 项目 mock 模拟数据 │ ├── pages # 所有页面 │ ├── routes # 路由 │ ├── store # 全局 store 管理 │ ├── utils # 全局公用方法 │ ├── App.vue # 入口页面 │ └── main.js # 入口文件 ├── .babelrc # babel-loader 配置 ├── .editorconfig # EditorConfig 配置 ├── .env # 开发环境环境常量 ├── .gitignore # git 忽略清单 ├── favicon.ico # favicon 图标 ├── index.html # html 模板 ├── postcss.config.js # postcss 配置 ├── prettier.config.js # Prettier 配置 ├── README.md # README.md └── package.json # package.json bashbashbash
新建页面
bashbashbash 1.在pages下创建对应的文件夹及目录 例:pages/report/retail/potenCusInsertStat/index 2.在api下创建对应的文件夹的接口文件 例:api/report/retail/potenCusInsertStat/index 3.在routes下创建对应的文件夹的路由文件文件, 路由文件通常都是一个大模块放在一起, 路由添加后需引入routes/index文件, 同时需要后台接口添加对应的路由数据 例:routes/report bashbashbash
4 years ago