总结项目功能点(前台系统1)| 学习笔记

本文涉及的产品
云数据库 Tair(兼容Redis),内存型 2GB
Redis 开源版,标准版 2GB
推荐场景:
搭建游戏排行榜
简介: 快速学习 总结项目功能点(前台系统1)

开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot)总结项目功能点(前台系统1)学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/667/detail/11558


总结项目功能点(前台系统1)


内容介绍:

一、首页数据显示

二、注册功能

三、登录功能


一、首页数据显示

前台用户系统运用3000进行访问

(1)显示幻灯片功能/Baner 轮播图

(2)显示热门课程

(3)显示名师大咖

在面试过程中,如果被提问到幻灯片显示的内容或多久进行一次更换等,可以回答幻灯片是按照实际内容来进行显示,根据 id 排序每次显示前两条最新数据,课程也显示最新添加的课程或者根据播放量找出最热门播放的几门课程,名师亦是如此。


二、注册功能

在注册的过程中,除了填写基本信息外,同时也进行了获取手机验证码的功能。

(1)获取手机验证码

整合阿里云的短信服务,通过短信服务发送手机验证码,完成注册功能。


三、登录功能

(1)普通登录

SSO(单点登录):单点登录有很多种实现方式,如 session 广播机制实现、使用 cookie + redis 实现以及使用token 实现,这三种为常见的实现方式,但为底层的实现过程,在实际的项目过程中会有一些框架使其更加方便。

第一种方式为 session 广播机制实现,即通过 session 复制;

第二种方式为使用 cookie + redis 实现,在登陆之后将数据放到两个地方,即 cookie 和 redis,下次登录会带着cookie 发送,运用 cookie 的值查询 redis 中是否有数据,有数据即为登录,没有数据即为没有登陆;

第三种方式为使用 token 实现,在登陆之后,根据一定的规则生成字符串,字符串中包含用户信息,可以将 token 字符串通过 cookie 返回或者通过地址栏返回,每次访问都带着 token 值在里面进行查询,如果从 token 中得到用户信息则为登录,否则为没有登录。

token 字符串通过 JWT 进行生成。

JWT 由三部分组成

第一部分为 jwt 头信息

第二部分为有效载荷、包括主体信息(用户信息),

第三部分为签名哈希即添加防伪标志。

登录流程:

第一步为调用登录接口返回 token 字符串;

第二步为将返回的 token 字符串放到 cookie 里面;

第三步为创建前端拦截器做判断,判断 cookie 里面是否有 token 字符串,如果有则把 token 字符串放到 header(请求头);

第四步为根据 token 值,调用接口,根据 token 获取用户信息,为了首页面显示,把调用接口返回用户信息放到cookie 里;

第五步为在首页面显示用户信息,从第四步 cookie 获取用户信息。

(2)微信扫描登录

OAuth2:OAuth2是针对特定问题的解决方案,主要有两个问题:开放系统间授权和分布式访问。

如现在不同系统间要互相访问,但默认是访问不到的,这时要进行授权来解决问题;

在进行单点登录时,第一个模块登录后其他模块就不需要再进行登录,可以直接进行访问。

所以 OAuth2的解决方案为令牌机制,按照一定规则生成字符串,字符串包含用户信息。

但需要注意 OAuth2只是一种解决方案,按照一定规则生成字符串,但规则没有规定,同时 OAuth2也不是一种协议。

实现获取扫描人信息过程:

通过扫描二维码得到扫描二维码的人的信息,得到信息后在首页面中显示数据,显示数据仍用 cookie + header 来进行操作。

通过第一步为扫描之后,在微信过程中会返回 code 值,代表临时票据,即类似于手机验证码,随机唯一的值,执行本地的 callback 方法,在 callback 获取两个值,在跳转时候传递过来;

第二步为运用第一步获取到的 code 值,请求微信提供固定的地址,获取到有两个值:access_token和openid,access_token  为访问凭证,openid 为每个微信唯一标识;

第三步为运用第二步获取到的两个值 access_token 和 openid,再去请求一个微信提供固定地址,最终可以得到微信扫描人信息,包括微信名称、微信头像等等来实现获取扫描人信息过程。

相关文章
|
2天前
|
弹性计算 人工智能 安全
云上十五年——「弹性计算十五周年」系列客户故事(第二期)
阿里云弹性计算十五年深耕,以第九代ECS g9i实例引领算力革新。携手海尔三翼鸟、小鹏汽车、微帧科技等企业,实现性能跃升与成本优化,赋能AI、物联网、智能驾驶等前沿场景,共绘云端增长新图景。
|
8天前
|
存储 弹性计算 人工智能
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
2025年9月24日,阿里云弹性计算团队多位产品、技术专家及服务器团队技术专家共同在【2025云栖大会】现场带来了《通用计算产品发布与行业实践》的专场论坛,本论坛聚焦弹性计算多款通用算力产品发布。同时,ECS云服务器安全能力、资源售卖模式、计算AI助手等用户体验关键环节也宣布升级,让用云更简单、更智能。海尔三翼鸟云服务负责人刘建锋先生作为特邀嘉宾,莅临现场分享了关于阿里云ECS g9i推动AIoT平台的场景落地实践。
【2025云栖精华内容】 打造持续领先,全球覆盖的澎湃算力底座——通用计算产品发布与行业实践专场回顾
|
7天前
|
人工智能 自然语言处理 自动驾驶
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
关于举办首届全国大学生“启真问智”人工智能模型&智能体大赛决赛的通知
|
7天前
|
云安全 人工智能 自然语言处理
阿里云x硅基流动:AI安全护栏助力构建可信模型生态
阿里云AI安全护栏:大模型的“智能过滤系统”。
|
8天前
|
编解码 自然语言处理 文字识别
Qwen3-VL再添丁!4B/8B Dense模型开源,更轻量,仍强大
凌晨,Qwen3-VL系列再添新成员——Dense架构的Qwen3-VL-8B、Qwen3-VL-4B 模型,本地部署友好,并完整保留了Qwen3-VL的全部表现,评测指标表现优秀。
624 7
Qwen3-VL再添丁!4B/8B Dense模型开源,更轻量,仍强大
|
10天前
|
存储 机器学习/深度学习 人工智能
大模型微调技术:LoRA原理与实践
本文深入解析大语言模型微调中的关键技术——低秩自适应(LoRA)。通过分析全参数微调的计算瓶颈,详细阐述LoRA的数学原理、实现机制和优势特点。文章包含完整的PyTorch实现代码、性能对比实验以及实际应用场景,为开发者提供高效微调大模型的实践指南。
747 2