资讯专栏INFORMATION COLUMN

vue 仿美丽说项目

jokester / 497人阅读

摘要:在这里我就选择了美丽说,原因就不细说了,让我来列举一些我需要做的事。此项目大大小小共个页面,涉及注册登录商品展示购物车下单等等,是一个完整的流程。

前言

初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有购物车的项目,这类项目因为涉及到money,所以对逻辑严谨度要求高,页面之间交互复杂,又会伴随着登录、注册、用户信息等等,常常会让我们很头疼。因为这类的项目好多都没人用vue来写,那么我就写一个这样的项目,希望对看到想学或者正在写此类项目的人有所帮助。

在这里我就选择了美丽说,原因就不细说了,让我来列举一些我需要做的事。

此项目大大小小共60个页面,涉及注册、登录、商品展示、购物车、下单等等,是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂,如果这个项目能驾驭的了,相信大部分公司的其他单页面应用也就不在话下,即便更复杂,也不会比这个高到哪里去。

由于现在在工作时期,只能利用业余时间来做,现在刚开始写,更新的会有点慢,目前项目已经在策划,增加详细的注释 以及简单的方法来实现, 方便读者易懂 ……

注:此项目纯属个人瞎搞,正常下单请选择美丽说官方客户端。 技术栈

vue2 + vue-cli + vuex + vue-router + vue-resource/axios + webpack + ES6/7 + fetch + sass + flex + svg + git

目标功能

首页 -- 未完成

搜索 -- 未完成

消息 -- 未完成

通知 -- 未完成

服务保障 -- 未完成

1分抽奖 -- 未完成

9.9封顶 -- 未完成

时尚拼团 -- 未完成

大家都在买 -- 未完成

签到领券 -- 未完成

限时秒杀 -- 未完成

潮流速递 -- 未完成

正在流行 -- 未完成

流行单品 -- 未完成

分类 -- 未完成

热门穿搭 -- 未完成

畅销热榜 -- 未完成

猜你喜欢 -- 未完成

流行 -- 未完成

热销 -- 未完成

购物车 -- 未完成

设置 -- 未完成

登录、注册 -- 未完成

我 -- 未完成

忘记密码 -- 未完成

找回密码 -- 未完成

发送短信-- 未完成

钱包 -- 未完成

优惠券 -- 未完成

会员中心 -- 未完成

客服帮助 -- 未完成

收藏 -- 未完成

足迹 -- 未完成

猜你喜欢 -- 未完成

我的拼团 -- 未完成

成为分享达人 -- 未完成

个人信息设置 -- 未完成

站外绑定设置-- 未完成

上传头像 -- 未完成

部分截图

首页

分类

购物车


地址:https://github.com/haxxk/vue-mls

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/91866.html

相关文章

  • 微信小程序实战(一)之仿美丽

    摘要:被美丽说少女粉吸引,就想着自己也写一个来练练手,正好最近在学习微信小程序。微信小程序的组件真的很强大,以前写图片切换功能都好麻烦,小圆点的切换都要自己写。 被美丽说少女粉吸引,就想着自己也写一个来练练手,正好最近在学习微信小程序。接下来让我们分享一下我的学习历程吧! 选题 其实纠结了好久该仿什么,看到别人都写的差不多了,自己却还没有动手,很着急,那两天一直在思考在查找,弄得自己特别烦躁...

    wangdai 评论0 收藏0
  • 微信小程序实战(一)之仿美丽

    摘要:被美丽说少女粉吸引,就想着自己也写一个来练练手,正好最近在学习微信小程序。微信小程序的组件真的很强大,以前写图片切换功能都好麻烦,小圆点的切换都要自己写。 被美丽说少女粉吸引,就想着自己也写一个来练练手,正好最近在学习微信小程序。接下来让我们分享一下我的学习历程吧! 选题 其实纠结了好久该仿什么,看到别人都写的差不多了,自己却还没有动手,很着急,那两天一直在思考在查找,弄得自己特别烦躁...

    acrazing 评论0 收藏0
  • 微信小程序实战(一)之仿美丽

    摘要:被美丽说少女粉吸引,就想着自己也写一个来练练手,正好最近在学习微信小程序。微信小程序的组件真的很强大,以前写图片切换功能都好麻烦,小圆点的切换都要自己写。 被美丽说少女粉吸引,就想着自己也写一个来练练手,正好最近在学习微信小程序。接下来让我们分享一下我的学习历程吧! 选题 其实纠结了好久该仿什么,看到别人都写的差不多了,自己却还没有动手,很着急,那两天一直在思考在查找,弄得自己特别烦躁...

    zsirfs 评论0 收藏0
  • Vue2.0开发仿豆瓣电影WebApp

    摘要:从之前黄轶老师的高仿外卖开始接触过这个滚动库,感觉体验感很好,用起来也比较顺手,所以在后来的项目联系中就一直在使用。 前言 虽然在此之前已经有类似的仿豆瓣电影的webapp,但或是开发的有些简洁功能不太完善,或是体验感觉得可以再完善下,所以自己摸索着对比豆瓣和豆瓣电影两款app做了一下,初步满足了自己的想法,经过几次完善基本不会出现bug,如果发现存在问题请告诉我修改,谢谢! 2017...

    gplane 评论0 收藏0
  • 12个令人惊叹的CSS实验项目

    摘要:看看这些惊人的纯实验,也许你自己也可以尝试一下。项目链接叠叠高游戏你可以不用来编写一个游戏。这个纯粹用实现的叠叠高游戏看上去很简单,但是很有趣,而且图形也很漂亮。项目链接鬼影渐变效果按钮令人惊讶的是它是只用编写的。 翻译:疯狂的技术宅原文:https://1stwebdesigner.com/12... 本文首发微信公众号:jingchengyideng欢迎关注,每天都给你推送新鲜...

    LiuZh 评论0 收藏0

发表评论

0条评论

jokester

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<