项目地址：http://friend.dangzg.cn 账号(同密码)：admintest 源码：https://github.com/1968210376/friend-frontend.git 基于 Vue 3 + Vant UI 的移动端网站，包括用户登录、更新个人信息、按标签搜索用户、建房组队、推荐相似用户等功能。 • 前端使用 Vant UI 组件库，并封装了全局通用的 Layout 组件，使主页、搜索页、组队页布局一致、并减少重复代码打包后代码体积减小30％。 • 基于 Vue Router 全局路由守卫实现了通过通配符以及是否携带 session 拦截非法提高安全性。 • 使用axios请求/响应拦截器，统一打印日志。 • 根据不同页面来动态切换导航栏标题，并通过在全局路由配置文件扩展 title 字段来减少无意义的 if else代码。 •使用路由懒加载，优化首屏启渲染速度，首屏渲染时间减少30％。 • 使用 TypeScript 类型定义保证项目编码规范，提高项目的质量 • 头像上传图床减小服务器储存压力。

前端开发 源码：https://github.com/1968210376/Share.git 心愿享是一款以共享为理念的小程序，用户可以共享自己的闲置物品、技能以及提出自己的需求，使用原生*小程序开发，实现*登录、分类检索、物品、技能、需求的发布、个人动态的发布、点赞、评论等功能。 • 使用上拉刷新，下拉加载的方式分页加载数据，提高渲染速度。 • 调用腾讯地图接口发送时上传位置信息，实现在地图上显示附近的发布信息，以及当前位置距离目标位置的导航路线。 • 使用canvas生成分享海报 • 引入第三方评分组件进行评分 • 使用 gitee和 foxapi 协同开发提高团队开发效率 • 项目获得2023年（第16届）中国大学生计算机设计大赛省三等奖

项目地址：http://movie.dangzg.cn 账号(同密码)：admintest 源码:https://github.com/1968210376/MovieProject.git Movie-Web 是一个影视网站，它使用 Node 脚本自动导入影视资源，并对资源进行分类和分页检索。通过字符串分割实现分集，通过解析接口解析播放。 •从0到1独立开发了整个项目的前后端 •前端开发基于 Vue2 + Element UI，包括前台影视站和后台管理系统 •后端开发基于 Node.js + Express 框架 •使用 Apipost 工具进行接口调试，并生成相应的 API 接口文档 •后端使用 JWT 生成 Token ，用于验证用户身份，前端在请求资源时携带 Token ，使用 axios 实现了前后端的联调，并封装了全局的 axios 请求，统一打印日志，减少了代码量 •设置了全局路由守卫，与后端 Token 结合，拦截非法请求 •在请求头中添加了 no-referrer ，绕过图床防盗链检测，解决同一时间请求过多图片，图床拒绝响应的问题