[前端实战] Vue全家桶+SSR+Koa2全栈开发美团网(已完结)

  [复制链接]
查看: 3686|回复: 506
  • TA的每日心情
    难过
    2018-8-28 00:36
  • 签到天数: 1 天

    [LV.1]初来乍到

    2178

    主题

    2173

    帖子

    38万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9

    积分
    388528
    发表于 2018-10-26 16:47:52 | 显示全部楼层 |阅读模式
    Vue全家桶 SSR Koa2全栈开发美团网.png
    第1章 课程导学
    这门课主讲以Vue SSR+Koa2全栈技术为目标,最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注:我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等
    1-1 课程导学

    第2章 Vue基础知识
    整个SSR部分都是用的Vue框架,需要给初级用户讲解Vue的基础语法,不会让他们在学习实战的时候感到迷茫,这个章节会通过vue-cli搭建一个简单的demo,让大家快速的掌握Vue的基础应用,即使他没有学习过。
    2-1 概述&脚手架
    2-2 模板语法(1)
    2-3 模板语法(2)
    2-4 样式与遍历
    2-5 事件
    2-6 组件(1)
    2-7 组件(2)
    2-8 路由基础
    2-9 Vuex基础用例(1)
    2-10 Vuex基础用例(2)
    2-11 Vuex高级用例(1)
    2-12 Vuex高级用例(2)

    第3章 Koa2基础知识
    Node服务是全栈的核心,异步操作是为了提高并发数,koa2最大的特色就是灵活、轻巧,这都要归功于中间件机制。路由、数据库连接都是中间件的一种,通过这个章节的学习让大家掌握服务端开发基本技能。
    3-1 Koa-generator
    3-2 Koa异步async
    3-3 Koa中间件
    3-4 koa路由和cookie


    第4章 Mongoose和Redis基础
    mongoose是mongodb的对象模型管理工具,使用mongoose可以更简单的操作mongodb数据库,通过可视化工具的robo 3t的介绍,任何数据库操作都可以直观的感受到,非常利于数据库操作的学习。redis是服务端开发必备的工具之一,通过本章的学习可以快速掌握常用redis命令以及在node中的应用。...
    4-1 mongoose(1)
    4-2 mongoose(2)
    4-3 Redis(1)
    4-4 Redis(2)

    第5章 Nuxt.js基础知识
    Nuxt是Vue实现SSR最好的方案,我们整个项目都是基于Nuxt框架来实现的,我们需要了解如何通过脚手架快速初始化一个工程项目,熟悉每个目录的含义,知道如何配置各个页面的视图、模板、异步获取数据等。这个章节让学员快速掌握Nuxt本身的知识点,为实战做好准备。...
    5-1 Nuxt.js基础(1)
    5-2 Nuxt.js基础(2)
    5-3 Nuxt.js基础(3)
    5-4 Nuxt.js基础(4)

    第6章 实战准备
    工程搭建使用Nuxt脚手架快速搭建工程,这块是通用的,所有学员都可以直接应用到自己的项目。

    第7章 开发美团网首页
    这个章节每一部分功能都包含两部分:前端+服务端。城市服务使用腾讯的地图服务,我们使用真实的数据来实现。登录注册使用koa2+mongodb来设计并实现。分来导航主要利用CSS模块化和组件技术。推荐搜索模块也是通过koa2+mongodb来设计并实现接口,轮播图使用swiper组件来实现。...

    第8章 切换城市页
    切换城市页的难点是如何把复杂的数据内容利用数据结构设计、Vue语法并使用最简单的DOM结构完成开发。整个页面介绍了如何自定义常用的级联操作、远程搜索、中文转拼音等内容,精彩不可错过。

    第9章 美团网产品列表页
    点击产品列表可以进入到产品详情页,详情页也有类似的推荐列表和地图服务,我们会在搜索页的时候考虑好接口的复用,重点内容在于数据结构的设计和接口的复用设计能力。

    第10章 美团网产品详情页开发
    产品详情页有购买入口,点进去进入到订单页,点击支付进入到支付页,购买完成进入到订单详情页。这块涉及较复杂的后端接口设计和数据库操作。学员可以进一步掌握真实的开发场景。

    第11章 购物车开发
    购物车难点在于数据库的设计、是于订单相融合的一个页面,在前端页面交互上的难点是element-ui对于表格的数据绑定

    第12章 订单页开发
    订单页是对整个产品的最后呈现页面,是课程完整性的一部分,难点在于数据库设计,前端页面无难点。

    第13章 课程总结
    对课程整体进行回顾与总结

    下载地址:
    游客,如果您要查看本帖隐藏内容请回复

    解压密码:www.52xxit.com




    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    2018-10-26 17:37
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    13

    积分

    新手上路

    Rank: 1

    积分
    13
    发表于 2018-10-26 17:38:03 | 显示全部楼层
    5666666666666666666666666
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-10-26 19:59
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    13

    积分

    新手上路

    Rank: 1

    积分
    13
    发表于 2018-10-26 19:59:41 | 显示全部楼层
    看看
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    2018-10-31 03:07
  • 签到天数: 7 天

    [LV.3]偶尔看看II

    0

    主题

    19

    帖子

    65

    积分

    新手上路

    Rank: 1

    积分
    65
    发表于 2018-10-26 20:08:19 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2018-10-26 20:57
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    2

    帖子

    8

    积分

    新手上路

    Rank: 1

    积分
    8
    发表于 2018-10-26 20:57:25 | 显示全部楼层
    哈哈哈哈哈哈哈
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2018-10-26 21:20
  • 签到天数: 1 天

    [LV.1]初来乍到

    0

    主题

    3

    帖子

    8

    积分

    新手上路

    Rank: 1

    积分
    8
    发表于 2018-10-26 21:21:12 | 显示全部楼层
    看看能不能免费下载?
    回复

    使用道具 举报

  • TA的每日心情
    无聊
    前天 11:32
  • 签到天数: 77 天

    [LV.6]常住居民II

    2

    主题

    164

    帖子

    844

    积分

    永久会员

    Rank: 5Rank: 5

    积分
    844
    发表于 2018-10-26 21:41:34 | 显示全部楼层
    确实是难得好帖啊,顶先
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 07:30
  • 签到天数: 26 天

    [LV.4]偶尔看看III

    0

    主题

    32

    帖子

    266

    积分

    年费会员

    Rank: 2

    积分
    266
    发表于 2018-10-26 23:04:06 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 07:30
  • 签到天数: 26 天

    [LV.4]偶尔看看III

    0

    主题

    32

    帖子

    266

    积分

    年费会员

    Rank: 2

    积分
    266
    发表于 2018-10-26 23:04:21 | 显示全部楼层
    啥也不说了,感谢楼主分享哇!
    回复

    使用道具 举报

  • TA的每日心情
    奋斗
    前天 09:38
  • 签到天数: 103 天

    [LV.6]常住居民II

    0

    主题

    278

    帖子

    1035

    积分

    永久会员

    Rank: 5Rank: 5

    积分
    1035
    发表于 2018-10-27 09:36:18 | 显示全部楼层
    确实是难得好帖啊,顶先
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Copyright;  ©2017-2018  IT学习网  Powered by Discuz!  如有侵犯您的版权,请及时发邮件联系我们:[email protected] 我们将会尽快处理,谢谢!