Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
m0_60613409
vue2-elm
提交
b66bb244
V
vue2-elm
项目概览
m0_60613409
/
vue2-elm
与 Fork 源项目一致
从无法访问的项目Fork
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
vue2-elm
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
b66bb244
编写于
2月 11, 2017
作者:
M
maguohua
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
updata
上级
1f49308e
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
14 addition
and
7 deletion
+14
-7
README.md
README.md
+6
-4
src/page/shop/children/foodDetail.vue
src/page/shop/children/foodDetail.vue
+0
-0
src/page/shop/children/shopDetail.vue
src/page/shop/children/shopDetail.vue
+0
-0
src/router/router.js
src/router/router.js
+8
-3
未找到文件。
README.md
浏览文件 @
b66bb244
...
...
@@ -2,7 +2,7 @@
vue2的发布后自己也研究了一段时间,奈何公司的技术栈是以react为主,没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo,但和写一个完整的项目还是有很大差别的。于是自己想着用空余的时间写一个项目,选择了饿了么也只是因为经常用,熟悉它的布局。之前的饿了么官网是用angular写的,最近才发现原来这段时间改成了vue1,看来饿了么也入了vue的坑。
既然要写一个完整的项目,就要认真对待,
除了付款其他所有功能都尽可能
实现,包括登陆、注册、个人中心、搜索、购物车、下单等等,也包括所有我能注意到的细节也都一并做出来,所以这绝对算是一个比较大的项目。
既然要写一个完整的项目,就要认真对待,
所以除了付款其他所有功能都尽可能的
实现,包括登陆、注册、个人中心、搜索、购物车、下单等等,也包括所有我能注意到的细节也都一并做出来,所以这绝对算是一个比较大的项目。
项目不使用模拟数据,所有数据均使用从官网实时获取的真实数据,最大程度实现和官网一样的功能,所以首先遇到的问题是跨域,我们启动本地服务器是获取不到官网数据的,这是跨域的。当然解决的方法很多,jsonp,nginx反向代理,webpack-dev-server的proxy,这里我用的是 http-proxy-middleware 原理都是一样的。
...
...
@@ -20,9 +20,11 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + svg + http-
-
[x] 展示所选地址附近商家列表 -- 完成
-
[x] 搜索美食,餐馆 -- 完成
-
[x] 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成
-
[x] 餐馆
详细页面
-- 完成
-
[x] 餐馆
食品列表页
-- 完成
-
[x] 购物车功能 -- 完成
-
[x] 店铺评价页面 -- 完成
-
[ ] 单个食品详情页面
-
[ ] 商家详情页
-
[ ] 登陆、注册
-
[ ] 修改密码
-
[ ] 个人中心
...
...
@@ -74,8 +76,8 @@ vue2 + vue-rotuer2 + vuex2 + webpack + ES6/7 + fetch + sass + flex + svg + http-
| |-- search // 搜索页
| |-- shop // 商铺筛选页
| |-- children
| |--
rating // 评论
页
| |-- shopDetail
s
// 商铺信息页
| |--
foodDetail // 单个商铺信息
页
| |-- shopDetail
// 商铺信息页
| |-- vipcard // vip办理页
|
| |-- plugins // 引用的插件
...
...
src/page/shop/children/
rating
.vue
→
src/page/shop/children/
foodDetail
.vue
浏览文件 @
b66bb244
文件已移动
src/page/shop/children/shopDetail
s
.vue
→
src/page/shop/children/shopDetail.vue
浏览文件 @
b66bb244
文件已移动
src/router/router.js
浏览文件 @
b66bb244
...
...
@@ -12,7 +12,8 @@ const checkout = r => require.ensure([], () => r(require('../page/checkout/check
const
order
=
r
=>
require
.
ensure
([],
()
=>
r
(
require
(
'
../page/order/order
'
)),
'
order
'
)
const
vipcard
=
r
=>
require
.
ensure
([],
()
=>
r
(
require
(
'
../page/vipcard/vipcard
'
)),
'
vipcard
'
)
const
food
=
r
=>
require
.
ensure
([],
()
=>
r
(
require
(
'
../page/food/food
'
)),
'
food
'
)
const
rating
=
r
=>
require
.
ensure
([],
()
=>
r
(
require
(
'
../page/shop/children/rating
'
)),
'
rating
'
)
const
foodDetail
=
r
=>
require
.
ensure
([],
()
=>
r
(
require
(
'
../page/shop/children/foodDetail
'
)),
'
foodDetail
'
)
const
shopDetail
=
r
=>
require
.
ensure
([],
()
=>
r
(
require
(
'
../page/shop/children/shopDetail
'
)),
'
shopDetail
'
)
export
default
[{
...
...
@@ -28,8 +29,12 @@ export default [{
{
path
:
'
/shop
'
,
component
:
shop
,
children
:
[
{
path
:
'
rating
'
,
component
:
rating
,
path
:
'
foodDetail
'
,
component
:
foodDetail
,
},
{
path
:
'
shopDetail
'
,
component
:
shopDetail
,
}
]
},
//商铺详情页
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录