1.精通HTML5和CSS3网页布局和样式,可以独立完成静态页面构建,熟练运用Less/Sass预编译语言进行项目开发;
2.熟练掌握JavaScript实现页面交互效果,熟悉ES6新特性,了解JS原理;
3.熟练使用 Ajax进行网络数据请求,实现前后台数据的传输,能够解决常见的跨域问题;
4.熟练掌握Vue.js框架及Vue Router、Vuex等工具,熟悉Vue2、Vue3框架,TypeScript语言、Piana状态管理库;
5.熟练使用Element UI、Vant、Bootstrap、ECharts等组件或框架进行项目开发,能够应用响应式设计进行移动端开发;
6.熟练使用小程序开发工具,熟练使用uni-app框架进行小程序开发;
7.熟悉Node.js以及webpack等前端常用工程化工具,熟练使用npm运行项目;
8.了解React框架;
9.熟练使用版本控制工具Git、Gitee远程仓库进行代码管理和团队协作。
1、人事管理系统(Vue2) 2021.12-2022.04
项目描述:这是公司内部进行管理人力资源的后台管理系统,企业通过该平台可完成员工管理、审批管理、考勤管理、社保公积金的管理、薪资管理等功能。
技术栈:Vue2、Vuex3、Vue Router、Webpack4、Axios、RBAC权限控制
主要模块:该项目采用vue-element-template框架进行二次开发。主要包括用户模块(登录、退出、个人信息管理、 重置密码)、组织架构、员工模块(员工批量导入、员工批量导出、员工离职、转岗、头像上传)、角色管理、权限管理、工资模块、社保模块、考勤模块等。
项目职责 : 我在项目中负责的有登录模块、主页模块、组织架构、角色设置、员工管理和权限设计管理的部分内容。
解决跨域问题;
运用Vuex与本地存储共同管理token;
封装了Axios;
路由跳转权限控制:路由前置守卫;
增删改查业务;
组织架构页面,需要树形结构展示数据,用到Element-UI的tree组件。使用递归算法进行数据转换;实现删除、新增、编辑部门的功能:其中新增和编辑功能使用的是同一个弹框,需要进行区分,并且在提交的时候需要进行校验。
角色设置页面:添加、删除和编辑功能,常规的增删改查实现过程。该页面有excel导入导出功能,借助js-xlsx实现;
封装文件上传组件,实现图片上传功能,用腾讯云服务进行图片存储;
权限设计和管理:采用的方案是RBAC的权限模型,即基于角色的权限分配方案;
在主要模块之外,这个项目中还进行了多语言、全屏、还有主题切换的功能。
2、美诺商城小程序(uni-app+Vue3) 2023.04-2023.05
项目描述:本项目是一个小程序电商购物网站,用户可以方便快捷的网上购物,主要有首页、分类、购物车、我的四大业务模块。
技术栈:uni-app、Vue3、Vuex、Sass、uni-ui、uni-ajax
项目职责:
首页页面布局、数据请求和渲染、抽离搜索组件并作全局注册(分类页面复用),实现搜索功能和结果展示;
完成分类页面的一级分类和二级分类的数据获取和渲染;实现一级分类高亮和切换效果,点击一级分类右侧显示对应二级分类;
轮播图和商品描述数据获取和渲染、购物车商品数量显示、加入购物车实现(需要登录);
使用uni-ui表单组件实现校验和提交,验证码功能的实现;登录成功,存储 token到 Vuex并持久化,跳转到未登录之前的页面;
获取登录用户购物车列表数据并渲染,实现购物车商品的数量修改,实现购物车商品的滑动删除,实现购物车中选中商品数量和价格计算,实现购物车商品全选和取消全选;
获取登录用户信息并渲染,实现退出登录。
3、东风物流(Vue2) 开始时间 : 2022-12 结束时间 : 2023-03
项目描述:东风物流是一款涵盖了管理后台、用户端、快递端以及司机端的物流智能系统,覆盖多种业务,实现了整个物流快递业务的智能管理。
我们负责的是东风物流的后台管理,业务包括了从收到订单开始,通过仓库拣货发货,再通过分拨进行运输、末端配送,然后进行考核、结算等功能。
技术栈:Vue2、Vuex3、Vue Router、Webpack4、Axios、Element-UI
主要模块:车型管理、车辆管理、司机管理、排班管理、运费管理和订单管理。
项目职责:
使用Element-UI进行基础页面搭建,封装一些可以通用的组件;表格展示、分页功能。表格中使用了固定列、循环展示等,还有一些数据的处理。
提前封装Axios接口请求、在开发中直接使用;
完成各个页面中的添加编辑等功能,搜索和重置功能;
项目中的难点是一些数据的处理,例如时间计算,还有相同弹框不同展现形式的处理。
4、智慧数字化大屏(Vue3+微前端) 2022.10-2022.11
项目描述:灵软数字化是一个数字化园区管理项目,包括已有的后台管理和新增可视化大屏两个部分,实现对园区内的楼宇、企业、员工、车辆和一体杆等进行数字化管理,以及通过园区3D模型实时展示园区概况。
原有的后台管理系统负责园区内各项数据的管理,需要新增前台可视化项目负责重点园区数据的展现。
技术栈:
前台可视化:Vue3、ECharts、Spline、V Scale Screen
微前端接入:qiankun、vite-plugin-qiankun插件
项目职责:我在本项目中负责的是可视化大屏部分,以及与后台管理系统的接入。
封装cookies存取模块;
封装request请求模块;
创建路由组件,绑定路由
分类:用户可利用搜索、分类选项快速准确的找到自己所心仪的类型款式,使用户使用时更加方便流畅。 商品详情:用户可以在详情页里查看具体商品信息,以及购买者的评价活动信息等一切有关商品的信息。 购物车:将你想要的东西都加入购物车,然后进入我的购物车,选择产品,下单,付款。
这是一个包含技术文章,问答内容,视频解答等内容的专业IT资讯平台,为用户提供专业、优质的IT内容。 项目分为PC端和移动端,PC端作为个人内容管理使用,主要功能有:登录、首页、内容管理、发布、编辑文章等;移动端负责社区的内容展示,主要分为四个页面:首页、问答、视频、我的。主要功