前端技术栈:Vue、Vite、React、uniapp、原生小程序、typescript、
前端库:地图api、echarts(可视化图表)、element-plus、vant、antd等
后端技术栈:node.js、MYSQL、express、jwt
项目一:
项目名称:北科检测小程序
项目介绍:使用HBuilder开发工具,从0到1完成了小程序的开发,实现了用户授权登录,浏览、下单、支付等核心功能。用户可登录小程序对检测项目进行下单操作,查看检测订单状态和历史情况。
项目周期:2024.06-2024.10
技术栈:uni-app、Vue3、Vite、TypeScript、Sass、Pinia、Git
项目职责:
1.封装uni.request()请求方法,添加请求拦截器与响应拦截器对请求体与响应体统一处理提示信息, 异常捕获,登录信息过期等操作。
2.小程序获取微信头像、微信昵称;个人信息编辑、文件、图片上传;
3.自定义标题栏组件,自定义tabbar组件,解决安全距离适配问题;
4.用户查看、添加和删除委托人、客户、发票抬头;
5.用户先选择委托人,再选择检测领域和检测项目,编写样品名称和填写检测参数进行下单操作;
6.用户查看个人账户、下单状态、选择订单开发票;
7.通过分包、分包预加载、列表懒加载等方案优化前端操作体验;
8.使用弹性布局实现在不同屏幕上自适应大小;
9.小程序对接企业微信客服;
10.严格按照TS语法标准进行开发,增加项目可靠性;
项目二:
项目名称:北科检测后台管理
项目介绍:在后台管理中可查看客户对检测项目的下单情况,及时对订单分配实验室和上传实验结果附件;查看和修改订单的各个状态。管理员可为客户对检测项目下单并提醒客户账户余额不足的功能。
项目周期:2024.01-2024.06
技术栈:Vue3、TypeScript、Vite、Vue-router、Sass、Element-plus组件库、Pinia、Echarts、Git
负责模块:和产品沟通业务逻辑,完整的完成项目所有功能。实现管理员查看用户管理、检测项目管理、订单管理、售后管理、发票管理、财务管理。
技术要点:
1.封装Axios,添加请求拦截器与响应拦截器对请求体与响应体统一处理提示信息,异常捕获,登录信息过期等操作。
2.组件封装:路由加载组件、权限展示组件、列表展示组件等。二次封装Element-plus组件进行复用;
3.用户模块:用户信息的状态管理。
4.使用KeepAlive缓存页面。
5.使用echarts库实现用户下单趋势的数据可视化;
6.使用前置守卫进行用户登录认证与页面访问权限控制。
7.对单位账户支付组件进行封装,实现组件复用;
8.使用深度监听用户提交的表单信息,优化前端表单交互;
9.用Xlsx对各项数据报表进行表格的导入与导出。
10.用Print对各项数据报表进行pdf的打印。
项目三:
项目名称:质链云
项目介绍:主要展示产业链的相关信息和公司简介,用户可通过AI问答了解到产品的相关信息。
项目周期:2023.09-2024.01
前端技术栈:Vue3、vuex、vue-router、Vite、Element-plus组件库、Sass、Git
技术要点:
1.封装Axios,添加请求拦截器与响应拦截器对请求体与响应体统一处理提示信息,异常捕获,登录信息过期等操作。
2.使用前置守卫进行用户登录认证与页面访问权限控制。
3.使用Transition组件做出页面淡入淡出切换效果;
4.根据UI设计和后端接口,实现项目数据交互;
5.AI问答需要实现逐字显示效果,使用fetch单向传输接收流式数据;
6.封装常用组件,包括图片、pdf的上传/下载功能,二次封装Element-plus组件进行复用;
7.广告位的循环弹幕动画效果;
8.独立完成项目的开发和日常维护,打包、新旧版本的迭代;
项目四:
项目名称:宠物管理系统
项目介绍:该项目是网上选购宠物的管理系统,用户可以在前台选购宠物、管理员可以在后台管理宠物信息。
项目周期:2023.02-2023.05
前端技术栈:Vue3、Pinia、vue-router、Vite、Sass、Git、Element-plus组件库
后端技术栈:Node.js、mysql模块、fs模块、express模块、json-web-token模块、muler模块
负责模块:UI设计部分、用户管理、宠物管理、宠物分类管理、订单管理、组件封装、axios封装、首页轮播、首页推荐、接口开发、接口调试、项目优化。
技术要点:
1.封装axios,添加请求拦截器与响应拦截器对请求体与响应体统一处理提示信息,异常捕获,登录信息过期等操作;
2.严格按照ts语法标准进行开发,保证项目优雅;
3.封装路由守卫组件、权限展示组件;
4.配置路由懒加载、路由跳转、路由守卫、路由重定向;
5.结合项目需求对element
角色 | 职位 |
负责人 | 前端开发工程师 |
队员 | 前端工程师 |
队员 | 后端工程师 |
项目名称:北科检测小程序 项目介绍:使用HBuilder开发工具,从0到1完成了小程序的开发,实现了用户授权登录,浏览、下单、支付等核心功能。用户可登录小程序对检测项目进行下单操作,查看检测订单状态和历史情况。 项目周期:2024.06-2024.10 项目角色:前端开发工
项目名称:质链云 项目介绍:主要展示产业链的相关信息和公司相关资料。 项目周期:2023.09-2024.01 项目角色:前端开发工程师 前端技术栈:Vue3、vuex、vue-router、Vite、Element-plus组件库、Sass、Git 技术要点: 1.