vue + MintUI + express + VueRouter + VueResource + mysql(navicat) 入门项目

项目链接:  https://github.com/Summer-Lin/driving-booking2

项目技术:vue + MintUI + express + VueRouter + VueResource + mysql(navicat)

项目动态图:

    

同上个项目对比(这个是请求数据库的数据,上个项目是直接用vuex状态管理)

增加了express中间件,连接数据库,本地地址请求数据,删除了vuex和mock.js


运用到请求数据库的部分(其他没有用到)

  • 首页的“训练预约选项”
  • 首页的“本人预约”中的 “训练预约”
  • 首页的“本人资料”


项目结构

  • express-mysql
    • sql 数据库文件,导入你的数据库
    • images //忽略
    • server //express搭建的服务器+ 连接mysql数据库
      • routes//路由
        • booking.js//训练预约数据库请求
        • index.js//服务器配置路由
        • personData.js//个人资料数据库请求
        • school.js//驾校数据库请求
        • type.js//驾照类型数据库请求
      • db.js//数据库连接mysql
      • package.json//express服务器需要的模块信息
      • server.js//express服务器文件
    • src //vue项目
    • .babelrc //忽略
    • package.json //需要的模块信息
    • webpack.config.json//webpack配置信息


有问题可以留下QQ,有看到会回复您!




原文地址:https://www.cnblogs.com/xiaoxiaossrs/p/7280229.html