注意:本项目只是一个个人demo,只用于学习交流,故不在维护!
项目github地址:vueMall
如果觉得对您有帮助,您可以在右上角给我个star支持一下,谢谢!
如下图所示:
注:该项目是真实的请求后台api。server为后端数据接口项目结构,运行时可以单独拿出来放在wamp/www下或者xammp/htdocs 这两是集成包(apache+php+mysql...)没用过的小伙伴可以百度学习学习很容易的。当然你也可以自己单独配置Mysql环境,这个看个人习惯。连接Mysql代码在server/conf/conf.js大家只要将配置信息改成自己的就行。表创建sql语句在server/malldata.sql文件内大家可以直接复制插入就ok。我的数据库名是malldata,大家不一样的记得改,不懂的用数据库的小伙伴们去百度百度很容易的,基本的增删改查会就够了。
# 克隆到本地:
https://github.com/wzz5304/vueMall.git
# 安装依赖:
vue:
....
cd vueMall(进入项目文件下)
npm install (安装依赖)
express:(进入项目文件下)
cd server
npm install(安装依赖)
# 本地开发,开启服务器,浏览器访问http://localhost:8081,express监听的是3001端口http://localhost:3001(我改了监听端口)
vue:
npm run dev
express:
node bin\www
# 构建生产
npm run build
注:第一次使用vue和express的小伙伴记得全局安装下vue-cli和express
vue-cli
键入命令:npm install -g vue-cli
express
键入命令:cnpm i -g express-generator
不懂的改后台监听端口的可以打开查看,对你有帮助记得给个爱心哦,谢谢!
小伙伴们右上角狠狠给个Star吧,谢谢~
用到的技术栈
vue-cli2 + vue2.0 + vue-router + vuex + axios + stylus + scss + node.js + es6 + express + mysql
实现功能
- 登录注册
- 商品详情
- 购物车管理
- 地址管理
- 模拟支付(由于调用不了支付接口)
- 订单管理
- 基于vue2.0
- 使用vue-cli脚手架搭建项目
- 使用vue-router实现路由切换
- 使用vuex进行状态管理
- 使用axios进行数据请求
- stylus和scss编写样式
- 联动滚动借助了vue-infinite-scroll插件和图片懒加载vue-lazyload插件
- Express编写后台api
- Mysql实现数据存储
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。