本文源码：Github简介：刚入门vue，做了一个简单完整的纯vue2全家桶项目。数据全部由本地json请求模拟；详情请移步这里：vue-proj-demo为了真正做到真正的访问数据库，所以开始上手node+express+mongoose，用这个来写之前vue的后台数据接口页。项目描述：前端：client目录；主要技术：vue-cli+vue2+vue-router2+vuex2+axios+es6+sass+eslint后台：服务器目录；主要技术：node(express)+mongodb(mongoose)（前后端分离，路由跳转由前端vue-router控制，后台只负责数据接口）代码目录说明：|--vue-node-proj|--client//前端vue页面：http://gjincai.github.io/tags/vue/|--s1_serverNodeBegin//《Node入门》学习实践代码，地址：https://www.nodebeginner.org/index-zh-cn.html|--s2_serverExpress//express入门学习练习|--s3_Mongodb//mongodb入门学习练习：http://gjincai.github.io/tags/mongodb/|--s4_mongoose//mongoose入门学习练习：http://gjincai.github.io/tags/mongodb/|--s5_server//Express和mongoose集成，实现注册登录数据在mongodb中的访问|--server//前端客户端页面官方后台：|--api.js//所有接口|--db.js//数据库初始化，Schema数据模型|--index.js//后台服务启动入口|--initCarts.json//第一次连接数据库，初始化购物车数据|--initGoods.json//第一次连接数据库，初始化所有商品数据|--package.json//安装依赖：express、mongoose项目运行：环境配置：node.js和express入门：学习实践代码：参考本项目文件夹vue-node-proj/s1_serverNodeBegin和vue-node-proj/s2_serverExpress；mongodb安装mongoose的配置和基本使用：博客学习笔记：http://gjincai.github.io/categories/mongodb/；学习实践代码：参考本项目文件夹vue-node-proj/s3_Mongodb和vue-node-proj/s3_Mongodb；运行顺序：新建命令行窗口1、打开本地mongodb服务：mongod新建命令行窗口2、打开本地后台节点服务器：cdvue-node-proj/servercnpminstall--savenodeindex.jscreatea新建命令行窗口3.打开本地前端vue的dev模式：cdvue-node-proj/clientcnpminstall--savenpmrundev--color然后在浏览器中打开：localhost:8080相关学习笔记速递+mongoose实现简单的后台数据界面效果展示：
