Skip to content

Commit

Permalink
更新Vue文档 (#355)
Browse files Browse the repository at this point in the history 
* feat(Web_module): Add Vue & Express Intro Courses in Chapter 4.WEB

* fix(package): fix Dependent version number

* feat(Web_module): Add Week5 in Chapter 4.3(Vue&Express Intro)
fix(Web_module): Fixed the dead link error

* chore: PWA max file size

* doc:add Vue week6&7 in Chapter 4

---------

Co-authored-by: Duke486 <[email protected]>
Co-authored-by: camera-2018 <[email protected]>
  • Loading branch information
@Duke486 @camera-2018
Duke486 and camera-2018 authored Dec 14, 2024
1 parent d965f01 commit e6191b5
Show file tree
Hide file tree
Showing 14 changed files with 2,487 additions and 7 deletions.
12 changes: 6 additions & 6 deletions 4.WEB模块/4.3 Vue与Express快速入门/4.3.1 引入/4.3.1.0 时间表.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,9 +15,9 @@
| 2 | **进阶JS & GitHub** | [表单与JS交互，Git协作](../4.3.3%20week-2%20Git初步/4.3.3.0%20doc-Git协作) | [创建表单并获取数据，Git协作](../4.3.3%20week-2%20Git初步/4.3.3.1%20lab-获取表单内容) | [计算用户输入数字的和](../4.3.3%20week-2%20Git初步/4.3.3.2%20homework-两数之和) |
| 3 | **DOM操作与事件处理** | [JavaScript DOM操作与事件处理](../4.3.4%20week-3%20DOM操作%20Node基础/4.3.4.0%20前端doc-DOM与事件处理) | [创建Todo List应用](../4.3.4%20week-3%20DOM操作%20Node基础/4.3.4.1%20前端lab-Todo应用) | [点击按钮计数，改变背景颜色](../4.3.4%20week-3%20DOM操作%20Node基础/4.3.4.2%20前端homework-计数器) |
| 4 | **Vue.js 组件基础** | [Vue组件入门与props](../4.3.5%20week-4%20Vue入门%20Express路由/4.3.5.0%20前端doc-组件与props) | [创建通知展示Vue组件](../4.3.5%20week-4%20Vue入门%20Express路由/4.3.5.1%20前端lab-展示通知) | [Vue实现页面布局与数据绑定](../4.3.5%20week-4%20Vue入门%20Express路由/4.3.5.2%20前端homework-温度换算) |
| 5 | **Vue路由与表单处理** | [Vue Router与双向数据绑定](../4.3.6%20week-5%20Vue路由%20POST请求处理/4.3.6.0%20前端doc-Vue路由) | 创建多页面导航和表单输入页面 | 实现表单数据提交并验证 |
| 6 | **Axios API请求** | 使用Axios发送GET/POST请求 | 获取API数据并展示在页面上 | 通过API获取并显示用户数据 |
| 7 | **Vuex状态管理** | Vuex全局状态管理基础 | 使用Vuex实现全局状态共享 | 让不同组件共享状态（如计数器） |
| 5 | **Vue路由与表单处理** | [Vue Router与双向数据绑定](../4.3.6%20week-5%20Vue路由%20POST请求处理/4.3.6.0%20前端doc-Vue路由.md) | [创建多页面导航和表单输入页面](../4.3.6%20week-5%20Vue路由%20POST请求处理/4.3.6.1%20前端lab-游戏介绍页.md) | [实现表单数据提交并验证](../4.3.6%20week-5%20Vue路由%20POST请求处理/4.3.6.2%20前端homework-用户注册页.md) |
| 6 | **Axios API请求** | [使用Axios发送GET/POST请求](../4.3.7%20week-6%20Axios请求%20数据库操作/4.3.7.0%20前端doc-Axios请求.md) | [获取API数据并展示在页面上](../4.3.7%20week-6%20Axios请求%20数据库操作/4.3.7.1%20前端lab-获取和展示数据.md) | [通过API获取并显示用户数据](../4.3.7%20week-6%20Axios请求%20数据库操作/4.3.7.2%20前端homework-订房信息.md) |
| 7 | **JWT认证 服务上线** | [JWT用户认证](../4.3.8%20week-7%20JWT认证%20上线服务/4.3.8.0%20doc-JWT认证过程.md) | [服务上线部署](../4.3.8%20week-7%20JWT认证%20上线服务/4.3.8.1%20lab-上线服务.md) | 实践Doc内容 |
| 8 | **Vue动画与过渡效果** | Vue中的动画与过渡效果 | 添加组件过渡动画 | 实现页面切换时的过渡效果 |
| 9 | **项目优化与懒加载** | Vue项目性能优化 | 项目懒加载优化与按需加载 | 优化首屏加载时间，减少资源消耗 |
| 10 | **项目整合与展示** | 回顾与总结 | 完成最终Vue项目并展示 | 提交最终Vue项目，展示功能 |
Expand All @@ -32,9 +32,9 @@
| 2 | **进阶JS & GitHub** | [表单与JS交互，Git协作](../4.3.3%20week-2%20Git初步/4.3.3.0%20doc-Git协作) | [创建表单并获取数据，Git协作](../4.3.3%20week-2%20Git初步/4.3.3.1%20lab-获取表单内容) | [计算用户输入数字的和](../4.3.3%20week-2%20Git初步/4.3.3.2%20homework-两数之和) |
| 3 | **Node.js 基础** | [Node.js 环境与基础操作](../4.3.4%20week-3%20DOM操作%20Node基础/4.3.4.3%20后端doc-初识服务端环境) | [创建简单Node.js服务器](../4.3.4%20week-3%20DOM操作%20Node基础/4.3.4.4%20后端lab-随机水果) | [修改服务器返回包含当前时间的JSON](../4.3.4%20week-3%20DOM操作%20Node基础/4.3.4.5%20后端homework-显示时间) |
| 4 | **Express 路由处理** | [Express 路由与API开发](../4.3.5%20week-4%20Vue入门%20Express路由/4.3.5.3%20后端doc-路由与API) | [创建查询用户信息的API](../4.3.5%20week-4%20Vue入门%20Express路由/4.3.5.4%20后端lab-查询用户信息) | [设计商店API](../4.3.5%20week-4%20Vue入门%20Express路由/4.3.5.5%20后端homework-商店API) |
| 5 | **处理POST请求** | 处理POST请求，接收和解析数据 | 实现一个POST路由，接收用户表单数据并返回确认消息 | 实现用户登录API，验证用户名和密码 |
| 6 | **数据库操作** | 连接MongoDB或MySQL数据库 | 创建用户数据表，并保存用户数据 | 实现一个API，返回数据库中的所有用户数据 |
| 7 | **用户认证与JWT** | 使用JWT进行用户认证 | 实现登录功能并返回JWT令牌 | 增加JWT中间件，保护特定API路由 |
| 5 | **处理POST请求** | [处理POST请求，接收和解析数据](../4.3.6%20week-5%20Vue路由%20POST请求处理/4.3.6.3%20后端doc-POST请求处理.md) | [实现一个POST路由，接收用户表单数据并返回确认消息](../4.3.6%20week-5%20Vue路由%20POST请求处理/4.3.6.4%20后端lab-简易用户注册.md) | [实现用户登录API，验证用户名和密码](../4.3.6%20week-5%20Vue路由%20POST请求处理/4.3.6.5%20后端homework-检查账号密码.md) |
| 6 | **数据库操作** | [连接MongoDB数据库](../4.3.7%20week-6%20Axios请求%20数据库操作/4.3.7.3%20后端doc-连接MongoDB.md) | [创建用户数据表，并保存用户数据](../4.3.7%20week-6%20Axios请求%20数据库操作/4.3.7.4%20后端lab-订房.md) | 实现一个API，返回数据库中的所有用户数据(../4.3.7%20week-6%20Axios请求%20数据库操作/4.3.7.5%20后端homework-列出用户) |
| 7 | **用户认证与JWT** | [使用JWT进行用户认证](../4.3.8%20week-7%20JWT认证%20上线服务/4.3.8.0%20doc-JWT认证过程.md) | [服务上线部署](../4.3.8%20week-7%20JWT认证%20上线服务/4.3.8.1%20lab-上线服务.md) | 实践Doc内容 |
| 8 | **文件上传** | 处理文件上传 | 创建文件上传API，并保存文件到服务器 | 返回上传文件的URL并提供下载功能 |
| 9 | **API性能优化** | API性能优化与缓存 | 为API添加缓存机制，减少查询次数 | 实现分页查询功能，优化数据处理 |
| 10 | **项目整合与展示** | 回顾与总结 pnp | 完成最终Express API项目并展示 | 提交最终API项目，展示功能 |
Expand Down
Loading

0 comments on commit e6191b5

Please sign in to comment.