Vue.js商城15天从零实战课程、跨平台APP开发(含源代码)

Vue.js商城15天从零实战课程、跨平台APP开发(含源代码)
共116节 8641人在学 课程详情

  • 课程介绍

    • vue.js商城页面和功能演示
    • 商城界面演示（H5+CSS3）
    • Hbuider打包成app
    • vue商城打包的app演示

  • 知识点-axios的使用

    • Axios介绍
    • Axios如何提交数据到远程服务器
    • Axios如何获取服务器的数据

  • 公用代码块说明

    • Axios公用代码块和Vue公用代码块说明

  • 商城首页-最新资讯列表】

    • 【实战】-引入vue的框架和首页代码初始化
    • 【知识点】-v-for循环指令-简易数组的使用
    • 【知识点】-v-for循环指令-对象的迭代显示
    • 【知识点】-v-for循环指令-对象迭代显示中参数的使用
    • 【知识点】-v-for循环指令-循环显示整数和九九乘法表
    • 【知识点】-v-for循环指令-对象数组的内容显示
    • 【接口】-获取某个分类最新几条资讯
    • 【实战】-首页-最新活动-信息列表

  • 常用知识点

    • Vue中的系统属性的使用
    • 数据绑定-文本插值
    • 数据绑定之v-html指令
    • 双向数据绑定v-model指令
    • v-model指令-select中的应用
    • v-model指令-checkbox单选
    • v-model指令-checkbox多选
    • v-model指令-radio单选应用
    • v-bind指令绑定HTML属性值和参数的使用（链接a应用）

  • 信息详情和信息列表

    • 【知识点】-window对象location的属性
    • 【实战】-信息详情页面初始化和参数的获取
    • 【实战】-信息详情页面参数的处理
    • 【实战】-信息详情接口及数据获取和显示
    • 【实战】-信息列表页面初始化
    • 【实战】-信息列表页面程序化

  • 商城首页-最新产品和推荐产品

    • 【接口】-首页最新产品接口的使用
    • 【接口】-首页最新产品程序化
    • 【接口】-首页推荐产品接口及数据获取和显示

  • 图片轮播】

    • 【说明】如何接入轮播的功能

  • 产品页面

    • 产品简介、详情、评论页面的初始化和相互跳转
    • 产品简介页面-初始化和轮播功能复制
    • 产品简介页面-接口及数据获取和显示
    • 产品简介页面-修改轮播图
    • 产品详情-接口及数据获取和显示
    • 产品评论-接口及数据获取和显示

  • 知识点-Storage存储对象

    • JS存储对象-是否支持
    • localStorage对象-数据存储读取（第一种方式）
    • localStorage对象-数据存储读取（第二种方式）
    • localStorage对象-数据的删除和判断

  • 用户注册和登录

    • 【知识点】-如何获取要提交的表单数据
    • 用户注册页面的初始化
    • 验证手机号必填和是否正确
    • 验证密码和确认密码是否填写和一致
    • 提交注册数据并返回信息
    • 登录页面-初始化和是否内容填写判断
    • 登录页面-功能实现和缓存数据

  • 购买说明】

    • 购买说明

  • 会员功能-账号相关

    • 会员首页-是否登录判断和跳转
    • 会员功能-退出登录
    • 会员功能-密码修改-页面初始化和空值判断
    • 会员功能-密码修改-功能实现

  • 会员功能-用户信息

    • 会员首页-会员信息的读取和显示
    • 用户信息-页面初始化和改造
    • 用户信息-读取并显示会员信息
    • 用户信息-上传头像接口和功能实现
    • 用户信息-更新用户信息接口和功能实现

  • 会员功能-地址新增

    • 地址管理-新增地址-页面初始化
    • 地址管理-新增地址-1级地区分类的读取和显示
    • 地址管理-新增地址-2级地区分类的读取和显示
    • 地址管理-新增地址-3级地区分类的读取和显示
    • 地址管理-新增地址-数据获取和提交前的判断
    • 地址管理-新增地址-接口和功能实现

  • 会员功能-地址管理

    • 地址管理-地址列表-接口和功能实现
    • 地址管理-地址列表-添加删除和删除前提示
    • 地址管理-地址列表-删除接口和功能实现
    • 地址管理-修改页面-初始化和参数的获取
    • 地址管理-修改页面-获取地址信息和显示
    • 地址管理-修改页面-获取1级地址和显示
    • 地址管理-修改页面-获取2级地址和显示
    • 地址管理-修改页面-获取3级地址和显示
    • 地址管理-修改页面-修改接口和功能实现

  • 产品页面-会员功能：收藏、购物车、立即购买

    • 产品页面-用户是否登录的判断
    • 产品页面-收藏接口和功能实现
    • 产品页面-加购物车（立即购买）接口和功能实现

  • 购物车

    • 购物车-页面初始化
    • 购物车-读取产品列表接口和显示
    • 购物车-增加数量-接口和功能实现
    • 购物车-减少数量-接口和功能实现
    • 购物车-单选-费用的计算
    • 购物车-单选选中、增加和减少数量费用的计算
    • 购物车-全选和取消全选费用的计算
    • 购物车-去结算功能

  • 下单

    • 下单页面-初始化和参数的获取
    • 下单页面-读取地址列表和显示
    • 下单页面-新增地址功能
    • 下单页面-读取产品接口和功能实现
    • 下单页面-总费用的计算
    • 下单页面-提交数据前的数据获取和判断
    • 下单页面-提交数据接口和功能实现

  • Vue.js中样式class知识点

    • Vue.js样式-class属性绑定
    • Vue.js样式-class属性绑定多个样式
    • Vue.js样式-class属性绑定数据里的一个对象
    • Vue.js样式-class属性绑定一个数组
    • class属性通过三目运算符绑定

  • 会员功能-订单处理

    • 订单列表-顶部状态的切换
    • 订单列表-获取订单接口和功能实现
    • 订单列表-不同的状态不同的操作功能
    • 订单列表-取消订单
    • 订单列表-去付款
    • 订单列表-确认收货
    • 【作业】订单列表-评价接口和功能实现

  • 会员功能-我的收藏

    • 收藏列表-接口和功能实现
    • 收藏列表-删除收藏接口和功能实现

  • 产品分类

    • 产品分类-页面初始化和原理分析
    • 产品分类-左侧产品分类接口和功能实现
    • 产品分类-右侧分类产品接口和功能实现

  • 产品列表

    • 产品列表-页面初始化和原理分析
    • 产品列表-关键词查询
    • 产品列表-产品排序

  • 其他补充

    • 底部菜单的用户登录判断

    订阅失败

    Vue.js商城15天从零实战课程、跨平台APP开发(含源代码)
    Vue.js商城15天从零实战课程、跨平台APP开发(含源代码) ...

    订阅列表已满，请先移出部分订阅内容。

    当前章节需购买后观看
    开通超级会员免费看！专家精选系列课程，满足你从入门到精通！更有问答月卡免费送，你的问题有问必答！
    提交答案

    购买课程

    扫码完成付费，可继续学习全部课程内容

    加载中...
    播放页问题反馈
    视频学习中有任何产品建议都可由此反
    馈，我们将及时处理！

    课时介绍

    【实战】-信息列表页面程序化

    课程介绍

    学会Vue.js的商城开发
    学会Vue.js和后台数据接口的使用

    本课程是实战课程，需要了解js和vue.js的基础知识；主要讲解移动商城首页、商城分类、商城购物车、产品分类、产品列表、评论、地址管理、下单、会员注册、会员登录、密码修改、订单列表、收藏、信息列表和详情等功能...


    推荐课程

    Vue.js商城15天从零实战课程、跨平台APP开发(含源代码)

    黄菊华 · 8641人在学

    Vue.js 实战教程 V2.x（一）基础篇

    刘宏强 · 817人在学

    Vue移动端数据可视化项目实战

    张子良 · 1507人在学

    Vue.js新手入门引导课

    黄菊华 · 2982人在学

    2019全新vue2.5项目实战全家桶单页面仿京东电商实战前端js教程

    张颜源 · 4822人在学

    Vue全家桶基础+实战高仿美团外卖App

    董秀玲 · 3307人在学

    Vue2.x从入门到实战

    胜洪宇 · 37269人在学

    Vue.js基础知识入门与提升视频教程

    陶国荣 · 1135人在学

    2020最新vue实战移动端京东商城(第二季)

    lampol · 658人在学

    网页分析技术之一---Vue.js基础

    雷玉广 · 224人在学

    正在试验
    后自动删除环境
    课程实验
    本次实验时间已到期 00:00:00
    课件正在飞速打包中，请耐心等待几秒钟～