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,有看到会回复您!




 

posted @ 2017-08-03 16:05  笑笑~上善若水  阅读(580)  评论(0编辑  收藏  举报