项目名称:惠享生活(小程序)
项目介绍:惠享生活项目打造集优惠、社区于一体的智慧消费平台,通过精准推送 优惠信息,促进邻里互动,提升消费体验,实现社区消费升级。
项目体系:vite、Vue3、pinia、lodash、luch-request、Typescript、UniApp、 TMUI、微信小程序API。
负责模块:个人身份模块、订单模块、提货点模块、优惠模块、购物车模块。
技术要点:
通过 uniapp原生api进行设备类型判断,实现了不同端显示不同登录页面;
利用pinia持久化插件 pinia-plugin-persistedstate 进行状态的数据持久化,解决数据共享和数据重显问题;
利用ref与InstanceType、type进行子组件实例类型的判断与获取子组件对象,从而实现子组件方法的调用;
使用第三方类库如lodash等进行对象的节流防抖函数的应用对按钮一次点击操作进行处理,防止按钮重复点击,提高用户体验;
利用百度地图的微信小程序API获取经纬度,便于后端提货点的搜索;
使用map以及百度地图进行地图的展示操作,并使用markers进行标记点设置标识处理;
使用createIntersectionObserver来实现图片的懒加载,提升大数据量图片列表页的渲染。
项目名称:智能好店电商管理后台系统
项目介绍:智能好店电商管理后台系统是一款专为电商平台设计的全面管理软件, 旨在帮助电商企业高效管理商品、订单、用户和营销等各个环节,提升 运营效率和用户体验。其主要的特点包括:对商品的全面管理、实时监 控订单状态、管理客户信息,提供个性化的服务和推荐、生成营销报表, 指定更好的营销策略。
项目体系:vite、react、react-router-dom、Typescript、redux、redux-toolkit、 antd、jszip、axios、dayjs、echarts、lodash。
负责模块:RBAC权限管理模块、用户模块、首页模块、订单模块、多图相册、海量 数据导出、订单模块。
技术要点:
通过递归算法对登录不同角色的用户,显示不同的菜单权限及访问页面的路由权限;
对服务端返回的多维菜单数据处理,以显示在树形结构的 UI组件中;
再分配权限时采用一维数组的形式,为用户分配菜单及按钮权限;
封装高阶组件,对不同角色所拥有的按钮权限进行限制,根据需求去采用不同的按钮展现形式;
利用hook封装技术,对表单进行CURD的封装,以此来提高代码复用性、保证操作一致性、简化复杂性并易于后期扩展和维护,使数据处理更为高效和规范;
使用虚拟列表+无限滚动技术对海量数据进行优化处理,解决因数据过多导致页面卡顿问题;
使用多并发分片上传、断点续传,实现文件上传及秒传功能;
利用分批异步多并发压缩技术实现海量数据导出,极大减少海量数据导出的时间。
项目名称:校园绿色书屋
项目介绍:校园绿色书屋计划面向高中生和大学生群体,倡导资源循环利用的理念,搭建二 手书籍交换共享平台。学生可以在此平台上自由捐赠、借阅或交易闲置书籍,减 少资源浪费,增进知识流通,共建绿色校园文化。通过这一行动,我们不仅培养 学生的环保意识,更实现了教育资源的公平分享与可持续利用。
项目体系:vue3、vant4 UI 框架、vite 、百度地图 API、bcrypt、element-plus、pinia、 less、vue-router 、腾讯云短信 API。
负责模块:用户模块、定位及附近模块、回收模块。
技术要点:
通过请求拦截器和响应拦截器传递token以及拦截token的有效性,实现对 accessToken的刷新,避免用户在操作资源时token过期后的重复登录,从而实现无缝、安全、高效的交互体验;
利用百度地图API提供了定位功能的接口,如geolocation API ;通过调用这些接口,可以获取用户设备的位置信息,包括经纬度、精度等;
通过设置百度地图API提供的定位精度参数来控制定位的精度,解决定位不精准问题;
在使用百度地图API进行定位时,对定位失败、网络异常等问题,提供友好的错误提示和用户反馈,来提升用户体验。