商城项⽬htmlpc,Vue实战篇（PC端商城项⽬）
这是⼀个基于vue全家桶+node.js+express+mysql实现的商城⽹站
项⽬github地址：vueMallphp
查看demo：地址css
若是以为对您有帮助，您能够在左下⾓给我个喜欢⽀持⼀下，谢谢！html
项⽬结构
以下图所⽰：vue
注：该项⽬是真实的请求后台api。server为后端数据接⼝项⽬结构，运⾏时能够单独拿出来放在wamp/www下或者xammp/htdocs 这两是集成包(apache+)没⽤过的⼩伙伴能够百度学习学习很容易的。固然你也能够本⾝单独配置Mysql环境，这个看我的习惯。链接Mysql代码在server/conf/conf.js你们只要将配置信息改为本⾝的就⾏。表建⽴sql语句在server/malldata.sql⽂件内你们能够直接复制插⼊就ok。个⼈数据库名是malldata，你们不同的记得改，不懂的⽤数据库的⼩伙伴们去百度百度很容易的，基本的增删改查会就够了。node
项⽬运⾏
# 克隆到本地：
# 安装依赖：
vue:
....
cd vueMall-master(进⼊项⽬⽂件下)
npm install (安装依赖)
express:(进⼊项⽬⽂件下)
cd server
npm install(安装依赖)
vue:
npm run dev
express:
node bin\www
# 构建⽣产
npm run build
复制代码
注：第⼀次使⽤vue和express的⼩伙伴记得全局安装下vue-cli和expressmysql
vue-cliios
键⼊命令：npm install -g vue-cligit
expresses6
键⼊命令：cnpm i -g express-generatorgithub
不懂的改后台监听端⼝的能够打开查看，对你有帮助记得给个爱⼼哦，谢谢！
项⽬说明
⽤到的技术栈
vue-cli2 + vue2.0 + vue-router + vuex + axios + stylus + scss + node.js + es6 + express + mysql 实现功能
- 登陆注册
- 商品详情
- 购物车管理
- 地址管理
- 模拟⽀付(因为调⽤不了⽀付接⼝)
- 订单管理
复制代码
如何运行php项目功能说明
- 基于vue2.0
- 使⽤vue-cli脚⼿架搭建项⽬
- 使⽤vue-router实现路由切换
- 使⽤vuex进⾏状态管理
- 使⽤axios进⾏数据请求
- stylus和scss编写样式
- 联动滚动借助了vue-infinite-scroll插件和图⽚懒加载vue-lazyload插件
- Express编写后台api
- Mysql实现数据存储
复制代码
学习参考

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。