智慧学友

我要开发同款
奉孝0162023年10月11日
88阅读
所属分类教育H5网站

作品详情

技术栈:Vue3、Express、Pinia、Element-Plus
项目简介:智慧学友是一个学生在线学习社区,为学生提供互相学习和交流的平台,学生可以互动、交流。
负责模块:
聊天模块:创建了一个 Socket.io服务器,在用户发送消息时,将消息存储到数据库中,并使用 Socket.io 对消息进行实时广播。在接收到消息时,也会实时发送给接收方。
学习助手:接入chatGPT,调用openAi提供的API接口,提前在服务端使用文本来训练chatGPT模型,修正回
的内容,来帮助用户解决学习问题。
注册:使用 Nodemailer 配置相关的 SMTP 服务器信息,创建邮件传输器实例。通过封装自定义邮件模板,发送包含随机验证码的邮件,并使用 Promise 封装发送邮件函数。发送后将验证码等信息保存至缓存,以便在服务端进行有效期和正确性验证。
登录持久化:用户登录时,封装了Express中间件生成token。前端将 token 存储 localStorage中 ,并使用 Pinia存储用户信息和 token。在路由守卫中,获取 localStorage 中的 token 封装到请求头当中发送给服务端来验证身份,获取用户信息。将其存储在 Pinia中,以便在整个应用中共享和使用。
高清作品文件上传:使用分片上传,将体积大的作品文件分成一个个小文件(切片),使用FormData对象将切片转成二进制形式逐个上传,后端使用Http模块接收切片,使用multiparty中间件解析FormData对象,将上传的切片数据解析成文件再使用fse将切片存储在临时文件夹中,所有切片上传完毕后,前端通知后端使用fs-extra模块将所有切片合并成一个大文件。
响应式设计:使用Css的媒体查询让网站可以适应不同的设备屏幕大小,使用 CSS Reset重置Html元素默认样式,兼容不同的浏览器。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论