留言板产品系统

这是个人项目，由于本人及朋友家人热爱旅游，于是想写一个类似朋友圈的网站，是为了写一个旅游分享网站，这是前身......

• 用户认证体系：基于 Axios 封装请求拦截器与响应拦截器，实现用户登录、注册接口的高效调用，配合后端完成身份校验；采用 pinia进行状态管理，存储用户身份信息、权限状态及登录令牌，通过 localStorage实现登录状态持久化或localSession保持当前会话，避免用户重复登录，提升使用体验；添加表单验证逻辑，对账号密码格式、必填项进行校验，减少无效请求。
• 留言交互功能：设计“留言-回复”多层级评论结构，支持用户发布留言时插入文本、表情，同时提供预览功能；实现点赞反馈功能，交互过程中添加加载动画与错误提示（如网络异常、操作失败），优化用户操作感知；通过防抖处理，避免重复提交留言，减轻服务器压力。
• 个人信息与内容管理：开发个人中心模块，支持用户上传头像，编辑个人信息，实时预览修改效果，提交后同步更新服务器数据；实现个人留言管理功能，用户可对自己发布的留言进行编辑、删除操作，提升管理效率。
• 性能优化处理：采用分页对页面留言进行分片展示，避免一次性渲染太多造成页面卡顿。通过IntersectionObserver和Image实现图片懒加载。

前端技术栈：vue3、vue router、ts、element plus、tailwind css、vite-plugin-svg-icons
后端技术栈：nodejs、express、jsonwebtoken、cors、ali-oss、mongodb