|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/auth-vue3-django-api/
课程评论：没有评论
**课程名称：** 使用 Vue3, Django 和 RestApi 构建认证系统 (阿拉伯语) **课程概述：** 本课程将指导您使用 Vue3, Vuetify3, Vuex, Axios (前端) 和 Django, Rest framework, Djoser (后端) 构建一个完整的用户认证系统。 **后端开发路线图：** 1. **环境准备与 Django 项目创建：** 搭建开发环境，初始化 Django 项目。 2. **添加 Django Rest Framework：** 集成 Django 强大的 API 框架。 3. **用户 API：** 学习如何通过 Django Rest Framework 暴露用户相关的 API。 4. **安装和配置 Djoser：** 引入 Djoser 库，简化认证流程，并进行相关设置。 5. **Token 认证：** 实现基于 Token 的用户认证方式。 6. **JWT 认证：** 学习并实现 JSON Web Token (JWT) 认证。 7. **JWT 系统详解：** 深入理解 JWT 的工作原理和优势。 8. **修改默认用户模型：** 根据需求定制 Django 的用户模型。 9. **新用户注册：** 实现用户注册功能。 10. **用户激活与重发激活邮件：** 开发用户邮箱激活和重发激活邮件的功能。 11. **获取、删除和更新登录用户：** 实现对当前登录用户信息的管理。 12. **Djoser 进阶设置：** 探索 Djoser 提供的更多高级配置选项。 **前端开发路线图：** 1. **创建 Vuetify 应用和设置 Vue Router：** 初始化 Vuetify 项目，并配置 Vue 的路由管理。 2. **登录页面和 Axios 设置：** 开发登录界面，并集成 Axios 用于发送 HTTP 请求。 3. **发送首次请求获取 Access Token：** 实现向后端请求认证令牌。 4. **Vuex 设置和 Token 存储：** 配置 Vuex 状态管理，用于存储 Access Token。 5. **本地存储 Token：** 利用 Local Storage 持久化存储 Token，以便页面刷新后仍可使用。 6. **使用 Access Token 获取用户并存储：** 通过 Token 获取用户信息，并将其保存在 Vuex 中。 7. **退出登录功能和中间件：** 实现用户退出登录功能，并设置路由守卫（中间件）进行权限控制。 8. **异步登录函数：** 将登录操作设计为异步函数，以提供更好的用户体验。 9. **未登录用户重定向：** 当用户未登录时，将其重定向到登录页面。 10. **登录页面优化：** 对登录页面进行一些视觉和交互上的改进。 11. **注册页面创建：** 开发用户注册页面。 **技术栈简介：** * **Django：** 一个高级 Python Web 框架，鼓励快速开发和简洁实用的设计。它负责处理 Web 开发中的许多繁琐细节，让开发者可以专注于编写应用逻辑。Django 免费且开源。 * **Vue.js：** 一个渐进式的 JavaScript 框架，适用于构建用户界面。它易于上手、性能优越且功能灵活。
Build full authentication system by using:FrontEnd: Vue3, Vuetify3, Vuex, Axios BackEnd: Django, Rest framework, Djoser----------------------------Back End - Road Map1. Preparing the environment and creating a Django project2. Add django rest framework to project3. Make users as Apis to know how you can use django rest framework4. Install djoser and add settings5. First way: token based authentication6. Second way: JWT authentication7. Explain JWT system8. Change default user model9. Register new user10. User activate and resend activation email11. Get, delete and update the logged in user12. More settings in DjoserFront End - Road Map1. Create new vuetify app and setup vue-router2. Create login page and add axios settings3. Send first request to get access token4. Vuex setting and make store to store access token5. Use local storage to store token and use it after refresh page6. Use access token to fetch user and store it7. Add logout functions and middleware8. Make login an asynchronous function to react with user9. Redirect the user to login page if he isn't logged in10. Add some improvements to the login page11. Create register page-----------------------------Django is a high-level Python web framework that encourages rapid development and clean, pragmatic design. Built by experienced developers, it takes care of much of the hassle of web development, so you can focus on writing your app without needing to reinvent the wheel. It's free and open source.Vue is progressive javaScript framework an approachable, performant and versatile framework for building web user interfaces.
