Vue-MallVue全家桶+Node后端服务实现的一个Vue.js项目1、Vue全家桶项目介绍。本项目是基于Vue全家桶开发的商城网站。使用的技术栈为Webpack+Vue+Vuex+Vue-router+Sass+Es6+LocalStorage+Css3+Node(express)+MongoDB;整个项目前端单独开发,前端基于Vue全家桶渲染,后端由NodeJs+MongonDB服务。整个项目的前后端都是自己开发的,基本实现了一个商城该有的功能!1、项目依赖基础核心版本:body-parser:"~1.17.1",cookie-parser:"~1.4.3",debug:"~2.6.3",express:"~4.15.2",jade:"~1.11.0",moment:"^2.20.1",morgan:"~1.8.1",serve-favicon:"~2.4.2",vue:"^2.5.2",vue-router:"^3.0.1",vuex:"^3.0.1"2.项目前端搭建:基于Vue全家桶进行前端页面渲染。基本风格基于Bootstrap。引入Moment.js格式化前端页面显示时间3.项目后台搭建:使用NodeJs的express框架完成项目的后台搭建;使用mongodb完成数据存储,通过mongoose模块完成mongodb数据的构建;4、商城基本功能:正常访问项目不需要管理员权限,修改个人中心数据需要用户登录,对商城产品和分类的基本操作(增删改查)需要管理员权限,默认管理员是一个(chenjun/123456)。具体功能如下:基本用户登录、注册、修改个人资料用户权限管理、登录进行会话处理(有效期暂定为5天)、增删改查(分页查询)添加购物车和结账,添加、编辑、删除订单收货地址功能。查词功能订单查询功能5.项目Github地址:vue-mall2.项目预览整体效果,请看这里的截图3.运行环境要运行整个项目,首先要确保安装并配置了Node+MongoDB。4.项目安装运行Clone项目,进入项目目录;gitclonegit@github.com:chenjun1127/vue-mall.gitcdvue-mall安装依赖npminstall或yarninstall启动后端服务npmrunserverexecutenpmrundev或npmstartbrowsehttp://localhost:4000/packagenpmrunbuild5.项目总结由于整个项目都是自己开发的,UI部分是基于Bootstrap(没有UI设计器),整体UI细节需要优化;有些功能有小瑕疵,比如订单的操作(增删改查)没有根据订单的状态判断,商品分类列表没有分页等等,都需要有待改进!如果觉得项目不错,可以给个Star,谢谢!6.重要提示:npminstall或yarninstall时,请确保网络良好。如果有些依赖无法安装,请设置淘宝镜像为安装源;强烈推荐yarn,npm真的太慢了??!要运行这个项目,你必须先启动Mongo服务并连接到MongoDB数据库。如有问题:请发或联系QQ:402074940
