README.md

项目介绍

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环境下安装MongoDB数据库_windows安装mongodb_·惊鸿的博客-CSDN博客
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

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

01 硅谷外卖项目day01相关推荐

外卖项目 - Day01
外卖-Day01 外卖项目介绍开发环境搭建后台登录功能开发后台退出功能开发 1. 项目介绍在开发外卖这个项目之前,我们需要全方位的来介绍一下当前我们学习的这个项目.接下来,我们将从以下的五个方 ...
瑞吉外卖项目day01
一.软件开发整体介绍 1.1 软件开发流程需求分析:产品原型.需求规格说明书设计:产品文档.UI界面设计.概要设计.详细设计.数据库设计编码:项目代码,是单元测试上线运维:软件环境安装.配置 ...
尚硅谷外卖项目笔记一
目录 1. 项目准备 2 路由的使用 3 stylus 4 swiper组件的使用 5 vuex 6 路由组件的meta属性 7 异步数据的请求 8 ajax跨域问题:配置代理 9 异步数据 ...
尚硅谷外卖项目笔记二
目录 1. 商家整体界面搭建 2. 模拟(mock)数据/接口 3. vue transition动画 4. 滚动实现(better-scroll) 5. 滚动右边食物列表,同步更新左侧菜单 6. 点 ...
前端学习（2243）硅谷外卖项目展示
Vue移动端项目---尚硅谷外卖
文章目录 Vue移动端项目--尚硅谷外卖项目目录结构介绍移动端适配头部和底部导航登录注册页面密码登录短信登录 Profile页面未登录已登录 Msite页面首页导航 ShopList ...
HTML5前端视频_Vue项目实战《硅谷外卖》-张晓飞-专题视频课程
HTML5前端视频_Vue项目实战<硅谷外卖>-369人已学习课程介绍 1.基于 Vue 的新版本: 2.项目是关于外卖业务的前后台分离Web App,功能模块包含商家, ...
JAVA外卖项目第一天技术选型和包结构
瑞吉外卖-Day01 课程内容软件开发整体介绍瑞吉外卖项目介绍开发环境搭建后台登录功能开发后台退出功能开发 1. 软件开发整体介绍作为一名软件开发工程师,我们需要了解在软件开发过程中的开发 ...
瑞吉外卖项目笔记+踩坑1——基础功能
导航: [黑马Java笔记+踩坑汇总]JavaSE+JavaWeb+SSM+SpringBoot+瑞吉外卖+SpringCloud/SpringCloudAlibaba+黑马旅游+谷粒商城目录 1 ...

01 硅谷外卖项目day01

README.md

项目介绍

技术参考

前台

后台

项目运行

01 硅谷外卖项目day01相关推荐

最新文章

热门文章