博学谷 > 免费课 > 电商项目课程

电商项目课程

电商项目课程

本视频讲解的是电商项目的相关内容,包括mui框架使用、前端校验插件、echarts数据可视化、Ajax进度条组件、图片上传插件等, 在这个案例的讲述过程中,您将会重温前端学科相关的知识,并且对其会有更加深入的理解。

主讲:前端高级讲师 | 课程时长:13课时| 学习人数:635人 | 难度: 进阶

免费

立即报名

课程简介

本课程讲解电商项目的相关内容,包括mui框架使用、前端校验插件、echarts数据可视化、Ajax进度条组件、图片上传插件等技术, 在项目讲述过程中,学员将会重温前端学科相关的知识,并且对其有更加深入的理解。

适合人群

1.?适合有HTML和CSS基础的学员

2.掌握一定的JS基础知识的学员

课程亮点

1.案例驱动教学,知识点由浅入深进行讲解,深化基础知识的理解

2.快速培养代码优化能力,实现高质量的编程

3.实现多样化的功能,能够满足不同的需求

主讲内容

(一)电商项目介绍

1.课程介绍

2.开发模式

3.技术栈

(二)电商项目搭建

1.项目搭建

2.node安装失败的解决办法

3.移动端项目目录搭建及访问

4.mui框架基本介绍

5.项目公共样式制作

6.控制台提示说明

(三)电商项目首页效果实现

1.实现首页轮播图

2.实现首页导航链接

3.实现首页品牌专区布局

4.实现产品布局

(四)电商项目分类页面效果实现

1.实现分类页面架构布局

2.实现分类页面区域滚动

3.实现分类页面左侧布局

4.实现分类页面右侧布局

5.一级分类数据获取

6.一级分类数据展示

7.二级分类数据获取

8.二级分类数据展示

(五)电商项目实现搜索功能

1.制作搜索中心样式(上)

2.制作搜索中心样式(下)

3.实现搜索结果页面布局

4.实现搜索跳转

5.实现存储搜索历史关键字(上)

6.实现存储搜索历史关键字(下)

(六)电商项目商品搜索效果实现

1.实现商品搜索(上)

2.实现商品搜索(下)

3.实现搜索结果分页(上)

4.实现搜索结果分页(中)

5.实现搜索结果分页(下)

6.实现商品按照价格排序

7.商品排序更正this指向

8.实现页面跳转

(七)电商项目注册页面效果实现

1.注册页面布局

2.实现注册功能(上)

3.实现注册功能(中)

4.实现注册功能(下)

5.完善注册页面

6.实现用户登录

7.会员中心布局

8.退出登录

9.获取用户信息并处理用户未登录的情况

10.展示用户数据

(八)电商项目实现修改密码功能

1.修改密码页面布局

2.修改密码(上)

3.修改密码(中)

4.修改密码(下)

(九)电商项目收货地址页面效果实现

1.收货地址列表页面布局

2.添加收货地址页面布局

3.获取收货地址列表并展示

4.添加收货地址(上)

5.添加收货地址(下)

6.收货地址编辑删除按钮制作

7.删除确认提示框制作

8.删除收货地址

9.修改收货地址(上)

10.修改收货地址(中)

11.修改收货地址(下)

(十)电商项目实现加入购物车功能

(十一)电商项目后台管理登录功能实现

1.后台管理介绍

2.实现后台登录

3.实现退出功能

4.实现登录拦截(上)

5.实现登录拦截(下)

(十二)电商项目后台管理实现一、二级分类数据渲染

1.获取用户列表

2.更新用户状态

3.一级分类数据获取并展示

4.一级分类数据分页

5.添加一级分类数据

6.二级分类数据并展示

7.二级分类数据分页

8.二级分类添加

9.商品数据获取并且展示

(十三)电商项目后台管理实现添加商品功能