README.md 1.9 KB
Newer Older
C
cangdu 已提交
1
## 前言
M
udpata  
maguohua 已提交
2

M
updata  
maguohua 已提交
3
vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么web端也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular1写的,最近才发现原来这段时间改成vue1,看来饿了么也入了vue的坑。
C
cangdu 已提交
4

C
cangdu 已提交
5

C
cangdu 已提交
6
首先遇到的问题当然是跨域,我们启动本地服务器是获取不到官网数据的,这是跨域的。当然解决的方法很多,jsonp,nginx反向代理,webpack-dev-server的proxy。这里我用的是 http-proxy-middleware 其实它们的原理是一样的。
C
cangdu 已提交
7

M
udpata  
maguohua 已提交
8 9

__注:此项目纯属个人瞎搞,正常下单请选择饿了么官方客户端。__
C
cangdu 已提交
10

C
cangdu 已提交
11

C
cangdu 已提交
12
## 技术栈
C
cangdu 已提交
13
vue2 + vue-rotuer + vuex + webpack + ES6 + fetch + scss + flex + http-proxy-middleware反向代理 
C
cangdu 已提交
14

C
cangdu 已提交
15
## 目标功能
C
cangdu 已提交
16

C
cangdu 已提交
17
- [ ] 定位功能
C
cangdu 已提交
18
- [ ] 选择城市
C
cangdu 已提交
19
- [ ] 搜索附近餐馆或食品
C
cangdu 已提交
20 21 22 23 24
- [ ] 附近商家列表展示
- [ ] 根据距离、销量、评分、特色菜等进行排序和筛选
- [ ] 单个餐馆的详细信息展示,商品列表,优惠活动
- [ ] 餐馆及单个商品的评价列表展示、筛选
- [ ] 购物车功能
C
cangdu 已提交
25 26
- [ ] 登陆、注册
- [ ] 修改密码
C
cangdu 已提交
27 28 29
- [ ] 个人中心
- [ ] 帐户信息
- [ ] 服务中心
C
cangdu 已提交
30
- [ ] 新增、修改收货地址
C
cangdu 已提交
31
- [ ] 订单列表
C
cangdu 已提交
32
- [ ] 下单功能
C
cangdu 已提交
33
- [ ] 付款(很难实现)
C
cangdu 已提交
34

C
cangdu 已提交
35

C
cangdu 已提交
36
说明:因为并不是elm官方,而且因为要开代理,必须在pc端打开,所以预计最多只能做到下单这一步,下单成功后可以在手机客户端查看并付款。
C
cangdu 已提交
37

C
cangdu 已提交
38
## 项目运行
M
updata  
maguohua 已提交
39 40
```
git clone https://github.com/bailicangdu/elm.git
C
cangdu 已提交
41

C
cangdu 已提交
42
cd elm
C
cangdu 已提交
43

M
udpata  
maguohua 已提交
44
npm install
M
updata  
maguohua 已提交
45
```
M
udpata  
maguohua 已提交
46

C
cangdu 已提交
47
### 编译环境
M
updata  
maguohua 已提交
48
```
M
udpata  
maguohua 已提交
49
npm run dev
M
updata  
maguohua 已提交
50 51
```

M
udpata  
maguohua 已提交
52

C
cangdu 已提交
53
### 线上版本
M
updata  
maguohua 已提交
54
```
M
udpata  
maguohua 已提交
55
npm run build
M
updata  
maguohua 已提交
56 57
```

M
udpata  
maguohua 已提交
58