主意!此项目已重构,当前版本为2.0,老版本请查看 release下载1.0版本
DMB是针对经常使用excel的个人或者团体(比如公司每月提交excel报表)而开发的excel数据管理系统,他能够帮助您完成表格的整合、编辑、数据筛选以及导出等等功能,一键导入、按需筛选、指定导出,DMB能让你不再被一堆excel文件折磨。
DBM前端是使用vue-cli脚手架构建的一个SPA应用,主要依赖于 与
,为了让前后端分离更加彻底,前端在开发时将根据与后端商定的接口协议使用Mockjs模拟响应,在后端完成接口编写后使用不同的启动命令转接后端接口完成整个系统的测试。
如果您也想使用vue.js结合nodejs开发一个带前后端的完整应用的话,参考DBM前端工程的实现也许能够帮您解决如下问题
- 如何提高组件的复用性?
- 如何使用状态管理中的多模块?
- 如何实现页面级、元素级的权限处理?
- 如何拦截HTTP请求并使用Mockjs模拟响应驱动UI?
- 如何使用render函数结合element-ui等框架定制业务组件?
- 如何提升打包效率以及减小打包体积等
由于此项目使用业余时间来做,开发周期较长,代码的整洁程度仍待提高,我将不断修改做到自己满意为止,如果您发现问题请直接在Issues中提出,或者您对模块的实现有更好的解决方案欢迎PR
您的本地环境需要包含有 nodejs,如果您使用git clone还需要有git。本项目主要使用了vue、vuex、vue-router、element-ui、axios、Mock.js等技术栈,熟悉这些技术能够更好的掌握本项目。
本项目在开发时针对性的做了一些笔记,建议可以先看看这些笔记再了解本项目源码
TODO
TODO
TODO
# 克隆项目 git clone https://github.com/calebman/vue-DBM.git # 安装依赖 npm install # 如果下载依赖报错可通过以下方式尝试解决 npm install --registry=https://registry.npm.taobao.org # 启动服务 npm run dev # 浏览器访问 http://localhost:8060 # 打包发布 npm run build本项目的架构参考了vue-element-admin的实现,表格组件基于vue-easytable进行了定制化的修改,在此非常感谢PanJiaChen与huangshuwei两位项目作者。
Copyright (c) 2018-calebman