前端:HTML5 / CSS3 / ES6 / Vue3 / GASP / vite / gulp / webpack / ECharts / jQuery / 小程序 / uni-app / Sass / Less / tailwindcss / ElementUI / ElementPLUS /Antd。 后端:Node.js / Express / MogonDB / Mysql。 运维:Linux / Nginx
代码托管:Gitlab / Github
效率:科学上网工具 / Xmind / VSCode Copilot / Office / AutoCAD
项目一 拓普公司官网 PC+移动(https://www.topnet.net.cn/index.htm)
实现方式:gulp+jquery+swiper+html+css3
项目描述:本项目是公司官网进行迭代
项目职责:主要负责项目各个页面的完成,和跳转,动态效果,使用了一些插件,并使用 gulp 对项目进行搭建,实现网页热更新和代码图片压缩等项目二 北航 70 周年校庆网站 PC+移动(https://70.buaa.edu.cn/index.htm)实现方式:gulp+jquery+swiper+html+css3+canvas
项目描述:本项目是北航七十周年校庆专属网站,其中有各种动态页面,动态效果项目职责:全权负责网站的项目搭建,上线维护,各页面的制作和完善,动态页面制作,文字祝福页面动态效果,动态生成图片弹幕等
(https://70.buaa.edu.cn/zfbh/wzzf.htm)
岁序北航页面动态云穿梭效果
(https://70.buaa.edu.cn/sxbh.htm)
岁序北航子页面照片墙前后视觉差移动效果
(https://70.buaa.edu.cn/sxbh/dsj5.htm)
云打卡页面生成合成图片
(https://70.buaa.edu.cn/xqfw/ydk.htm)
项目三 公司招聘 H5 页面(https://www.topnet.net.cn/zp/index.html)实现方式:gulp+jquery+swiper+css3+ajax
项目描述:本项目是公司内部招聘页面,全动态+表单提交到对应邮箱项目职责:完成 H5 页面各种机型适配,微信分享标题和图片,动效制作代码优化压缩,增加访问速度等
项目四 中国藏药资源库(http://220.182.49.134:8062/index)
实现方式:vue2 + vuex + element-ui + axios + echarts
项目描述:本项目是中国藏药资源库网站,其中包含信息资讯、藏药材库、藏药方剂库、培训信息、供需信息、服务信息等专栏
项目经验
项目职责:全权负责项目搭建和页面制作,接口对接,藏药库页面各种药品详情百科页面,楼梯导航,使用 echarts 来完成药材全息画像页面制作项目五 拓普工作管理系统(公司内网使用)
实现方式:vue2 + vuex + antd + tailwindcss +axios + vuedraggable项目描述:本项目是公司内部日报周报的任务管理系统,分为日报,周报,月报,项目四大栏目,分为管理员用户和普通用户,管理员可以看到每个部门员工的工作任务,并进行修改增加和删除,使用 vuedraggable 来进行任务的拖拽,能进行任务排序和拖拽到其它人员任务列表中,日报和周报都能导出成文件,项目模块为更好的区分各自的任务详情,管理员可新增部分分类和项目详情,每个人员的任务有时间限制,超过一天显示时间充足,一天显示快截至,延期了会提示任务延期,能更好的观察各自的任务情况项目职责:全权负责项目搭建和页面制作,接口对接,使用antd-admin来进行项目搭建,使用 tailwindcss 来进行页面布局,vuedraggable 控制周报人员任务列表的拖拽排序,拖拽分任务等
项目六 拓普 CMS 内容管理系统(公司内网使用)
实现方式:vue2 + vuex + element-ui + tailwindcss +axios
+ vue-super-flow + vuedraggable + echarts + Tinymce +tduck项目描述:本项目是公司内部迭代 cms 内容管理系统,使用Tinymce来进行富文本编辑,使用 vue-super-flow 任务工作流制作和管理,调查问卷栏目使用tduck开源项目来完成
项目职责:
项目七 智慧科协样板间(各省份)建设成果(大数据看板)
实现方式:vue2 + vuex + echarts
项目描述:本项目是大数据平台页面,全国各省市地图样板间建设成果展示项目职责:项目搭建,页面制作和接口对接,本项目是全屏页面,对各个显示器分辨率进行适配,最高适配到 1366*768 分辨率,兼容到 IE11 浏览器项目八 后台管理系统
个人项目,实现了账号注册登录、数据增删改查、数据云存储、token验证、数据分页、排序、筛选等功能
技术栈
Node.js,Express,MongoDB,Vue,VueRouter,Vuex,Bootstrap技术要点
前端:采用新拟态风格 UI 设计,布局基于 Bootstrap 栅格系统实现自适应,项目框架使用 Vue,使用 VueRouter 实现路由,使用 V
实现方式:vue2 + vuex + element-ui + axios + echarts 项目描述:本项目是中国藏药资源库网站,其中包含信息资讯、藏药材库、藏药方剂库、培训信息、供需信息、服务信息等专栏 项目经验 项目职责:全权负责项目搭建和页面制作,接口对接,藏药库
实现方式:vue2 + vuex + echarts 项目描述:本项目是大数据平台页面,全国各省市地图样板间建设成果展示项目职责:项目搭建,页面制作和接口对接,本项目是全屏页面,对各个显示器分辨率进行适配,最高适配到 1366*768 分辨率,兼容到 IE11 浏览器