掌握HTML+CSS3布局方式,PC端页面架构和布局,使用less预处理器编译工具,高效还原静态页面,快速地完成符合W3C标准的页面,
使用弹性盒子布局,能够使用媒体查询、rem等技术进行响应式布局来适配不同移动端设备,
Vue前端框架,基本指令系统,Vue-cli脚手架,vuex,使用Vue-Router搭建路由,掌握axios实现数据请求交互,以及对vant UI和element UI主流框架的使用;搭建官网项目、数据可视化大屏项目以及后台管理系统;使用不同插件完成既定的页面功能,
使用微信开发者工具完成小程序开发,使用uni-app实现多端开发,以及echarts数据可视化的实现
1.单位培训管理系统
https://serviceslearning.net/login 网站
项目介绍 pc端管理系统,有管理员、领导、老师、员工、领导&&老师、员工&&老师角色。管理员录入课程和题目,领导进行员工工作安排和预约课程、查看培训记录等。
项目模块 用户管理、课程管理、题目管理、员工工作安排
项目内容
1. Ruoyi前后端分离框架,vue2+elementUI搭建页面,分配菜单,确定角色
2. Vuex state 定义相关变量,actions定义相关多频次请求方法,dispatch进行调用获取数据
3. 工作安排报表动态表头生成,根据不同月份天数进行展示,根据时间段进行动态合并单元格,通过file-saver插件和xlsx以及Blob.js/Export2Excel.js导出合并单元格表格
2. budding上门宠物服务 小程序
项目描述 小程序,基于全国范围内的宠物上门喂养功能的小程序,宠物主端和喂养师端根据不同角色切换进行对应功能操作。主要功能:认证喂养员、宠物主下单、喂养员接单和进行喂养、聊天
项目模块 认证流程、下单流程、订单相关操作
项目内容
1. VantUI+colorUI原生小程序页面搭建,页面较多,资源过大,进行分包
2. 自定义tabbar,监听角色以及切换操作进行不同角色的显示
3. 认证流程对接腾讯E证通人脸识别功能,根据不同的审核状态页面显示和对应操作,保留中途退出后的认证记录
4. 使用腾讯位置服务的地址解析和逆解析接口以及地图中两点之间进行驾车路线的规划;使用小程序地图选择地址插件和城市选择插件组件形式
5. 下单进行多个页面数据携带和数据显示交互,通过距离计算价格(基础服务和增值服务)和处理相关逻辑
6. 封装订单操作组件(点击后的弹框操作)
动画官网,主要功能为一些交互动画和相关数据的展示,对接部分接口,兼容移动端和pc端,pc可自适应,封装相关组件
pc端管理系统,有管理员、领导、老师、员工、领导&&老师、员工&&老师角色。管理员录入课程和题目,领导进行员工工作安排和预约课程、查看培训记录等。