项目介绍

gshop-client 硅谷外卖前台
gshop-server 硅谷外卖后台
gshop-client_pages 硅谷外卖切图

技术参考

前台

axios
better-scroll
date-fns
mint-ui
mockjs
moment
node-static
swiper
vant
vue2.5
vue-lazyload
vue-router
vuex

后台

node
mongoose
express
js-base64
svg-captcha

项目运行

前后台安装相应依赖

npm install

安装mongoDB数据库并成功启动

windows安装包,百度链接：https://pan.baidu.com/s/1M7HhtTRW8fE1Oknb0o4TgA 提取码：kz8x
win版MongoDB安装教程
MongoDB配置环境变量里面写的不清楚，我在这里重写下，

MONGO_HOME = C:\Program Files\MongoDB\Server\3.4\bin
Path = %MONGO_HOME%

推荐使用可视化工具管理数据库，清晰明了，我现找了一个，全是英文看不懂，但也能凑活用了，如果有更好的希望推荐下。教程网址Robo 3T,mongoDB可视化工具

启动后台项目

启动前查看本地MongoDB地址并进行更改

//  --db/models.js
mongoose.connect('mongodb://localhost:27017/guigu_zhipin')

修改发送短信验证SID 短信验证官网:容联云通讯
注册登录以后,控制台首页有开发者主账号,复制四条秘钥进行修改

// --util/sms_util.js
var ACCOUNT_SID = '填入你的SID';
var AUTH_TOKEN = '填入你的TOKEN';
var Rest_URL = 'https://app.cloopen.com:8883';
var AppID = '8aaf0708697b6beb016985281c8103f4';

启动

PS M:\个人做过的项目\学习项目\vue项目\硅谷外卖\gshop\gshop-server> npm start

> gshop_server@0.0.0 start M:\个人做过的项目\学习项目\vue项目\硅谷外卖\gshop\gshop-server
> nodemon ./bin/www

[nodemon] 1.17.1
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node ./bin/www`
server running on port 3000
数据库连接成功!

数据库连接成功,启动成功,端口号3000

修改默认端口号在bin/www文件

// --bin/www
var port = normalizePort(process.env.PORT || '3000');

启动前台项目

npm start

前台登录注册功能是一起的,也就是登录时后台判断是否有此账号,没有进行注册再登录,返回登录成功信息

ynzy/vue2.0_gShop

ErrorLooks like something went wrong!

About

Resources

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Languages

Error
Looks like something went wrong!

Packages