/database-manager

vuejs Database Manager数据管理系统——后端(重构...)

Primary LanguageJavaScript

说明

刚开始学习nodejs时不免枯燥,总想着如何造一个好看的前端页面,尝试着在网上搜索相关的项目找找灵感,发现对于前端使用vue.js搭配后台nodejs的教程不多(也可能是我没找着🐫),不管怎样,在这个大前提下DMB的开发工作开始了。

DMB是针对经常使用excel的个人或者团体(比如公司每月提交excel报表)而开发的excel数据管理系统,他能够帮助您完成表格的整合、编辑、数据筛选以及导出等等功能,一键导入、按需筛选、指定导出,DMB能让你不再被被一堆excel文件折磨。

DBM后端是使用nodejs开发的服务端应用,响应DBM前端的请求,其中涉及到sql语句组装、基于url的权限控制、异步的同步实现等。

如果您也想使用vue.js结合nodejs开发一个带前后端的完整应用的话,参考DBM的实现也许能够帮您解决如下问题

如何拦截路由实现未登录的页面不允许访问?

如何拦截网络请求并在后台做权限验证?

如何将前端后台两个工程整合为一个工程部署?

如何动态动态生成SQL语句实现动态建表、自定义筛选等数据库操作?

如何实现文件上传、后端分页等等

由于此项目使用业余时间来做且属于边学边做,开发周期较长,代码的整洁程度仍待提高,我将不断修改做到自己满意为止,如果您发现问题请直接在Issues中提出,或者您对模块的实现有更好的解决方案欢迎Pull Requset

如果对您有帮助,您可以点击右上角 "Star" 支持一哈!谢谢!

目标功能

  • 用户登录
  • 修改密码、注销
  • 创建用户
  • 启用、禁用用户
  • 创建、删除角色
  • 修改角色权限
  • 参考java shiro框架的权限管理简单实现
  • 以瀑布流的形式展示所有数据表格
  • 数据表格的名称、列项编辑(提供文本、数字、时间、选项以及图片五种列类型)
  • 数据表格的修改日志
  • 表数据展示以及后端分页
  • 表数据的新增、编辑、删除
  • 自定义表格筛选条件
  • excel文件导入
  • excel文件导出
  • 操作日志

项目运行

克隆到本地

git clone https://github.com/carrayboy/nodejs-DBM.git

安装依赖包

npm install

配置Mysql数据库

  1. 新建名称为vue_dm_db的数据库并执行conf目录下的vue_dm_db.sql脚本
  2. 修改conf目录下的db.json配置数据库连接的账号密码
  3. dev为开发环境,production为生成环境

启动服务

nodejs server.js

前端工程演示

demo地址

对应的前端工程

地址在这里

如何结合前后端项目

  1. 打开cmd控制台,cd进入到前端工程的根目录运行npm run build
  2. 等待一段时间将在dist目录下生产index.html与static文件夹,将其拷入后端的public目录下(运行nodejs server.js将会生成public目录)
  3. 重启服务,在地址栏输入localhost:3982