vue.js商城页面和功能演示_Vue.js商城15天从零实战课程、跨平台APP开发(含源代码)-CSDN在线视频培训

课程介绍
- 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商城页面和功能演示

课程介绍

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

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