电商项目概述实战day1.pptx

Vue_day07

Contents目录电商项目概述电商项目准备工作电商项目登录功能电商项目登出功能将开发的代码提交到码云

Contents目录电商项目概述电商项目准备工作电商项目登录功能电商项目登出功能将开发的代码提交到码云

了解项目实战是做什么要点提示项目实战的学习目标掌握程度：了解1.1项目实战的学习目标视

了解电商项目基本业务要点提示项目概述-电商项目基本业务概述掌握程度：了解1.2电商项目基本业务概述视

了解电商项目的功能模块要点提示项目概述-电商后台管理系统的功能划分掌握程度：了解1.3电商后台管理系统的功能划分视

了解电商项目使用了哪些技术以及项目的开发模式要点提示项目概述-项目的开发模式以及技术选型掌握程度：了解1.4项目的开发模式以及技术选型视

Contents目录电商项目概述电商项目准备工作电商项目登录功能电商项目登出功能将开发的代码提交到码云

了解整个项目初始化的过程要点提示项目初始化-前端项目初始化掌握程度：了解2.1前端项目初始化视练

练习创建电商项目提示按照步骤创建电商项目A.安装Vue脚手架B.通过脚手架创建项目C.配置路由D.配置Element-UI:在插件中安装，搜索vue-cli-plugin-elementE.配置Axios：在依赖中安装,搜索axios(运行依赖)5分钟2.1前端项目初始化案例：初始化电商项目视练

了解如何创建和配置SSH公钥要点提示项目初始化-创建码云账号并配置SSH公钥掌握程度：了解2.2创建码云账号并配置SSH公钥视

了解整个项目如何托管到码云要点提示项目初始化-将本地项目托管到码云中掌握程度：了解2.3将本地项目托管到码云中视练

练习将项目托管到码云提示按照步骤创建电商项目A.注册码云账号B.创建SSH公钥C.在码云中配置SSH公钥D.在码云中新建仓库E.将本地项目代码和码云仓库进行关联5分钟2.3将本地项目托管到码云中案例：将电商项目托管到码云视练

了解如何安装phpStudy以及导入mysql要点提示项目初始化-安装MySQL掌握程度：掌握2.4安装MySQL视

了解使用postman发送请求调试接口要点提示项目初始化-配置API接口服务器并使用PostMan调试接口掌握程度：了解2.5配置API接口服务器并使用PostMan调试接口视练

练习安装phpStudy以及mysql运行vue_api_server，并使用postman调试接口提示按照步骤完成练习A.安装phpStudy，导入mysql数据库B.打开vue_api_server，安装依赖项C.使用postman发送请求调试接口5分钟2.5配置API接口服务器并使用PostMan调试接口案例：调试后台接口服务器视练

Contents目录电商项目概述电商项目准备工作电商项目登录功能电商项目登出功能将开发的代码提交到码云

理解项目登录过程要点提示登录退出-分析登录过程以及token的原理掌握程度：掌握3.1分析登录过程以及token的原理视

了解登录页面的结构要点提示登录退出-分析登录页面的布局结构并创建login子分支掌握程度：掌握3.2分析登录页面的布局结构并创建login子分支视

理解项目要如何进行清理更改要点提示登录退出-梳理项目结构掌握程度：了解3.3梳理项目结构视练

练习创建login分支更改项目初始结构提示按照步骤完成练习A.添加并切换到login分支B.更改main.jsC.更改App.vueD.更改router.jsE.删除components中的vue组件5分钟3.3梳理项目结构案例：更改项目初始结构视练

了解如何设置router.js来设置Login组件以及重定向要点提示登录退出-渲染Login组件并实现路由重定向掌握程度：掌握3.4渲染Login组件并实现路由重定向视

了解如何绘制登录盒子要点提示登录退出-设置背景色并在屏幕中央绘制登录盒子掌握程度：掌握3.5设置背景色并在屏幕中央绘制登录盒子视

了解如何绘制头像信息要点提示登录退出-绘制默认头像掌握程度：掌握3.6绘制默认头像视

了解如何绘制表单区域要点提示登录退出-绘制登录表单区域掌握程度：掌握3.7绘制登录表单区域视

了解如何给文本框添加图标要点提示登录退出-绘制带icon的input输入框掌握程度：了解3.8绘制带icon的input输入框视练

练习绘制电商项目登录页提示按照步骤完成练习A.绘制登录页面结构，样式B.绘制页面头像C.绘制页面表单结构5分钟3.8绘制带icon的input输入框案例：绘制项目登录页视练

上午复习Vue第七天-上午复习确定当前项目状态的git命令是：硬前端路由件创建分支的命令是硬前端路由件·查看