m0_73226022的博客

1. 学习、应用figma，确定项目整体前端风格，设计通用组件布局和样式，设计网站首页、登录、注册、忘记密码、用户主页、问答页、典籍问答页、典籍展示页。1. 实现user类的基本功能，包括注册、登录、更改头像、邮件重置密码、个人信息编辑。3. 设计用户类后端数据库结构，设计登录、注册、忘记密码的流程。2.依照设计稿完成登录、注册前端页面的优化。2. 确定合适的前端样式库naive。1.依照设计稿完成个人主页页面。2. 初步完成前端的页面。2.修复前后端通讯bug。1.完成修改密码前后端。

【代码】naive信息组件使用。

【代码】后端前端异常处理适配。

拦截器

下的文件会被打包到 JAR 文件中，这意味着在运行时，这些文件不再是普通的文件系统文件，而是嵌套在 JAR 中的资源，不能直接访问。设置路径为：avatar.upload.dir=./public/avatars。对于已经存在的图片，可以访问，但是更新后的图片无法访问。原因：查询得知，Spring Boot 在打包时，解决：将文件存储在应用程序外部的目录中，而不是。

classpath:/static/：表示从类路径下的 static 目录加载静态资源，也就是src/main/resources。/uploads/avatars/**：表示所有以 /uploads/avatars/ 开头的请求路径都会被视为静态资源请求。1. spring.web.resources.static-locations：指定静态资源的存储位置。2. spring.mvc.static-path-pattern: 指定的静态资源的访问路径模式。完成配置后可以通过打开下面链接看是否成功。

比如我前端是local:3000，后端是local:9090。前后端接口一致但是无法连接上，发现是跨域的原因。解决：在后端添加如下 CORS 配置即可。

实现user类基本功能。

springboot项目，已在pom加入依赖，但依旧找不到。解决：javax改为jakarta即可，不爆红了。

【代码】项目学习与实践（一）

字段名类型必填说明user_idBIGINT√自增主键username√用户名，唯一email√用户邮箱，唯一password√加密后的密码avatar×头像存储路径created_atTIMESTAMP√创建时间。

为了给团队项目设计网页，初步学习了Figma的使用，下面是学习总结。1. 下载安装：在官网下载即可。

比如头像框要无视卡片的拉动固定在左下角，那么就对卡片的位置进行约束，设为左下。如下例子，选择 可换行，左上对齐。