# Vue2.0+Node.js+MongoDB打造的商城系统
### 商城采用前后端分离的开发方式(SPA)
前端Vue2.0全家桶;<br>
整个商城后台通过Node.js进行实现,通过Express框架实现后端的REST接口,并以json的形式进行输出;<br>
MongoDB以最常用的数据传输格式json进行数据存储,并且可以和Node.js进行无缝集成.<br>
> 前端技术栈:Vue全家桶/ES6<br>
> 后端技术栈:Node.js/Express<br>
> 数据库:MongoDB<br>
页面:
- 商品列表页面
- 购物车列表页面
- 地址页面
- 订单确认页面
- 订单成功页面
实现的功能:
- 图片懒加载
- 商品列表分页和排序功能
- 价格过滤功能
- 加入购物车功能
- 登录和退出功能
- 商品删除和修改功能
- 购物车全选和商品实时计算功能
- 地址列表展开
- 地址设置默认和删除
- Vuex实现登录和购物车数量状态
项目启动:
mongodb建一个名为db_demo的数据库,在这个数据库中添加两个集合分别为goods、users,导入的数据在resource文件夹中(dumall-goods,dumall-users)<br>
进入项目文件<br>
npm install <br>
npm run dev<br>
另开一命令窗口启动后端<br>
node server/bin/www<br>
### 效果展示:
![1](https://raw.githubusercontent.com/wonderfulshan/vue2.0-shoppingMall/master/static/result1.PNG)
![2](https://raw.githubusercontent.com/wonderfulshan/vue2.0-shoppingMall/master/static/result2.PNG)
![3](https://raw.githubusercontent.com/wonderfulshan/vue2.0-shoppingMall/master/static/result3.PNG)
![4](https://raw.githubusercontent.com/wonderfulshan/vue2.0-shoppingMall/master/static/result4.PNG)
![5](https://raw.githubusercontent.com/wonderfulshan/vue2.0-shoppingMall/master/static/result5.PNG)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行! 基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行! 基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行!
资源推荐
资源详情
资源评论
收起资源包目录
Vue2.0+Node.js+MongoDB打造的商城系统.zip (95个子文件)
project_demo
vue-shopping
.editorconfig 147B
src
mock
mock.js 332B
goods.json 1KB
App.vue 141B
assets
logo.png 7KB
css
product.css 10KB
login.css 3KB
base.css 20KB
checkout.css 29KB
loading-spinning-bubbles.svg 2KB
main.js 1KB
components
NavFooter.vue 1KB
Modal.vue 888B
NavHeader.vue 8KB
NavBread.vue 312B
router
index.js 773B
util
currency.js 715B
views
Address.vue 10KB
GoodsList.vue 6KB
Cart.vue 12KB
OrderSuccess.vue 2KB
OrderConfirm.vue 8KB
resource
dumall-goods 3KB
svg.svg 3KB
util.js 699B
dumall-users 8KB
db 691B
.babelrc 230B
package.json 2KB
build
check-versions.js 1KB
logo.png 7KB
utils.js 3KB
vue-loader.conf.js 553B
webpack.prod.conf.js 5KB
build.js 1KB
webpack.base.conf.js 2KB
webpack.dev.conf.js 3KB
package-lock.json 304KB
.postcssrc.js 246B
index.html 278B
.gitignore 154B
server
app.js 2KB
bin
www 2KB
public
stylesheets
style.css 111B
routes
users.js 10KB
goods.js 4KB
index.js 205B
models
user.js 639B
goods.js 465B
util
util.js 699B
views
index.html 153B
static
pingheng.jpg 95KB
result5.PNG 23KB
2.jpg 15KB
mi6.jpg 90KB
logo1.png 5KB
photo.jpg 83KB
note.jpg 16KB
10.jpg 170KB
result1.PNG 118KB
13.jpg 99KB
14.jpg 278KB
6.jpg 80KB
15.jpg 63KB
16.jpg 31KB
1.jpg 14KB
result_.png 157KB
12.jpg 26KB
ok-2.png 17KB
5.jpg 72KB
result4.PNG 29KB
.gitkeep 0B
result3.PNG 24KB
result2.PNG 36KB
loading-svg
loading-spokes.svg 2KB
loading-bars.svg 2KB
loading-balls.svg 1KB
loading-cylon-red.svg 980B
loading-cubes.svg 1KB
loading-spin.svg 422B
loading-cylon.svg 1KB
loading-bubbles.svg 946B
loading-spinning-bubbles.svg 2KB
8.jpg 75KB
11.jpg 25KB
zipai.jpg 62KB
3.jpg 81KB
7.jpg 131KB
icon.png 6KB
9.jpg 68KB
4.jpg 137KB
README.md 2KB
config
prod.env.js 61B
index.js 2KB
dev.env.js 156B
共 95 条
- 1
资源评论
白话机器学习
- 粉丝: 8690
- 资源: 7682
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功