vue+vant+mongodb+nodejs的礼物帮手毕设项目

礼物帮手app

主要功能:
   详细的礼物分类,解决送礼物难问题
   
主要模块:
首页:包含精选、送女友、送同事、送长辈等部分
榜单:人气高、销量多的礼物展示页面
礼物:包含推荐、纪念日、生日、结婚、商务等礼物信息展示
积分商城:积分兑换商品功能
我的:包含购物车、订单、积分数、送礼提醒等部分
登录注册:登录注册、个人信息的修改等

技术要求:
使用语言主要是:HTML、CSS、JavaScript、nodeJS;
数据库使用MongoDB;
其他技术根据需要使用。

先上github源码地址
前端代码
后台接口

文章整理:
礼物帮手APP栏目

礼物帮手App项目(1)-环境搭建
礼物帮手APP项目(2)登录注册
礼物帮手项目 (3)- 可以左右滑动的导航栏
礼物帮手项目(4) - 传id跳转详情页(尝试2种方法)
礼物帮手项目(5)- 加入购物车(mongoose坑)
礼物帮手项目(6)- 购物车列表
礼物帮手-论文(不全)

本项目参考礼物说app的原型图

在这里插入图片描述

基于前后台分离架构,前端使用Vue脚手架及axios和vue-router等vue技术+Vant+Html+CSS+JavaScript,后台使用nodejs和express框架搭配mongoDB数据库。

话不多说先看效果图

在这里插入图片描述在这里插入图片描述

在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述
在这里插入图片描述在这里插入图片描述在这里插入图片描述

安装 mongodb robo nodejs vscode

mongoDB (version:4.0.6) 
node (version:10.15.3) 
npm (version:6.4.1)

monogoDB和robo的安装教程
https://blog.csdn.net/fengtingYan/article/details/88371232
nodejs安装教程
https://blog.csdn.net/fengtingYan/article/details/86649526
vscode下载链接
https://pan.baidu.com/s/1a-5V8O89WKja45K5sPg8og 提取码:pvlp

git下载链接
https://pan.baidu.com/s/1kFMcS4LZnkc81ZyOfzMMHw 提取码:qpf4

启动mongo服务,连接数据库 (右键底部菜单栏,选任务管理器,选服务,输入MongoDB,右键-开始)

下载模块包 分别双击打开gift文件和gift-api文件 两个都右键 git bush here
输入npm install 分别下载node_modules模块包

启动项目 右键git bush here(或者按住shift右键-在此打开Powershell窗口) (gift-api)npm start (gift)npm run serve

浏览器输入 服务器 http://localhost:3000/ 前台 http://localhost:8000/ 打开robo管理 GiftDB

猜你喜欢

转载自blog.csdn.net/fengtingYan/article/details/104966836