项目名称: 海外商城 (移动端)
项目介绍: 该项目是基于vue框架结合vant组件库开发的,用于海外用户购物的APP,项目包括登录、首页、商品列表、这 商品详情、搜索、购物车、订单、收获地址、用户个人中心、商品评价等模块
负责模块:首页、商品列表、商品详情
技术要点:1、负责首页、登录、购物车、商品评价等页面模块静态页面的编写,功能的实现, 与后台的数据交互
2、 使用 Vue-cli 搭建开发环境, 使用 vue+vant 搭建页面基本布局
3、对异步请求 axios 进行模块化封装,同时设置拦截器, 判断是否携带 token 请求
4、使用 vuex 与 localstorage 实现数据共享与判断用户是否登录
5、使用 postcss-pxtorem 插件与 amfe-flexible 解决移动端的适配问题
6、使用 moment 解决时间格式问题
7、使用 vant 中的 lazy-load 图片懒加载与 js 防抖提高用户体验
项目名称: 海外商城管理系统(PC)
项目介绍:海外商城后台管理系统,主要分为首页,用户管理,商场管理,商品管理,推广管理,系统管理,配置管理这几个功能模块
负责模块: 商品管理(商品列表、商品上架、商品评论)、推广管理(广告管理、优惠券管理)
技术要点: 1、使用Vue前端框架开发,前后端分离,使用element-ui 进行页面静态布局
2、封装了列表页码、导出、商品列表、日期范围选择器、图片上传组件来提高代码的复用性和可维护性
3、使用echarts对用户、订单、商品进行统计,提升了项目的用户体验和数据展示效果
4、跳转页面时在路由前置守卫中判断用户身份获取权限,Vuex 存储当前用户的权限,根据 Vuex 中存储的用户权限渲染相应页面
5、配合运维解决了生产环境使用history模式后访问内容页,刷新后会404页面问题
6、参与开发多条数据渲染功能,优化了页面加载时间
7、负责新功能的开发、维护更新、bug 修改、项目优化
项目名称: Turkey- 游戏后台管理系统
项目介绍:该项目是基于 vue 框架结合 Element-ui 组件库开发,主要用于对游戏、玩家、代理进行管理,包括用
户管理、玩家管理、游戏记录、投注记录、游戏公告、风控设置、资讯管理等模块
负责模块: 资讯管理、游戏记录、投注记录
技术要点:1、使用 vue-cli 脚手架搭建项目结构,配合 element-ui 组件库进行开发
2、axios 发送网络请求,完成前后端数据交互
3、使用 element-ui 的分页组件,实现分页并实时更新数据
4、资讯管理模块,使用 vue-quill-editor 富文本编辑框, 完成资讯功能
5、在拦截器里使用 NProgress 加载进度条,完成页面的加载进度显示
6、使用路由懒加载提高页面的加载速度
7、负责新功能的开发、维护更新、bug 修改、项目优化
项目名称: 百度头条新闻(H5)
项目介绍:该项目是一个互联网线上技术浏览平台,首页文章浏览,提供问答界面,促使用户之间的互动交流
技术要点: 1、根据项目原型,使用 Vue+vant 搭建页面基本布局
2、利用 Vant 中的 flexible 配置来实现屏幕的适配功能
3、使用 Vant 实现首页文章列表上拉加载与刷新,频道管理,文章搜索,文章评论与回复等样
式的交互
4、使用 Axios 进行前后台异步数据交互,并渲染
5、使用 Vuex 来保存用户的基本信息和 token 保存
6、利用 Axios 的响应拦截来解决 token 的过期问题和无感刷新处理
7、利用 localstorage 来实现数据持久化
项目名称: 冷链供应链管理后台
项目介绍:一个物流冷链后台管理系统,包括货物的增删改查,仓库货物的参数设置