李业锋

该项目包括： 1，我的在线简历前端h5网页。 2，我的音乐网页app。 3，我的动态前端h5网页。 4，所有数据的管理系统。 5，后端服务和数据库。 6，服务器管理及域名解析管理 主要功能： 1，我的在线简历h5动态展示我的基本信息的技能优势，原生开发未使用框架，数据在管理系统动态增删改 2，我的音乐h5可以展示歌手的歌曲和视频，原生开发未使用框架，，数据在管理系统上传和管理 3，我的动态主要展示类似新闻动态的网页，原生开发未使用框架，可现实自定义字体及颜色，表情，图片， 链接，视频，代码等等多元化显示形式，数据在我的数据管理系统管理，主要依靠wangeditor富文本插件实现 4，数据管理系统管理所有数据和用户，基于vue3+pinia+echarts+element-plus实现，包括rbac管理，jwt鉴 权，大文件上传，echarts数据可视化，websocket服务端消息推送，配置自动部署命令 5，所有前端网页数据接口和数据管理系统接口由go语言gin框架实现，数据库使用mysql，redis做缓存 6，公网ip地址，域名管理及解析由华为云服务器实现 安全优化：后端隐藏服务，只允许本机访问，所有接口和websocket链接都经过nginx代理，nginx可设置限流，防刷等措施提高安全性

项目以一个桌面软件为主入口，使用electron开发的桌面应用，应用内每个模块动态可配置，每个页面显示哪些模块可以在应用仓库选择，仓库里的模块又是由一个vue3项目开发，可打包单个文件夹内的代码并上传至模块仓库，每个模块可以绑定详情跳转的页面，每个详情跳转都可以是独立项目，管理员可以配置角色显示的内容，跳转到详情页面时携带单点登录的token，实现免登录。架构包括 主入口，卡片编写， 卡片编排，详情项目。 1，主入口项目，使用electron开发的桌面引用，使用不同角色登录后展示经过编排后的卡片 2，编写卡片的项目，基于vue3的项目，可以编写业务卡片，之后只用特定指令单独打包这个组件，上传致卡片仓库 3，卡片仓库，这里管理所有卡片，给上传的卡片起名字，绑定事件和跳转地址，还要编排主入口的布局显示哪些卡片 4，卡片跳转的具体项目，N多个vue3项目，是卡片跳转详情的项目，负责不同业务的具体项目 相关技术实现的demo和博客：https://juejin.cn/post/7654526567432241187

建元城市投资集团管廊管理系统是城市地下空间综合管理系统，新项目从头开始，我负责动态表单产品研发，和动态表单实验性模块资产管理，整个项目前后端二十人团队，我负责和架构师一起研发动态表单系统产品： 1，产品核心三大板块，1）动态新增修改表单，2）动态详情表单，3）动态数据列表 2，以json配置为驱动，一个功能模块一个json文件，包括模块id，修增修改表单code，详情列表code，列表操作按钮配置数组，详情tab页加载具体功能组件配置数组 3，新增修改表单设计界面可拖动表单组件任意排序，给下拉框组件分组，实现操作联动效果，给下拉框组件配置数据源，渲染组件时自动获取options数据 4，给时间组件分组，实现日期自动校验，可切换下拉框和单选组件展示形式 5，可以给每个组件添加事件流函数，点击事件和值改变事件，可执行任意指定文件内的函数 6，表单整体在渲染前，渲染后，提交前，提交后这四个阶段可以执行任意函数，函数以配置配件指定路径和函数名以及可传参数 7，详情表单可增加tab选项卡形式，选项卡内可加载任意个性化业务组件 产品特点： 1，产品核心功能和业务逻辑不相关，做到核心功能不受业务逻辑污染，增强扩展性 2，业务功能实现可插拔插件化，灵活可配置， 3，简单增删改查业务可实现分分钟出效果

负责建设银行门户管理系统前端开发工作，门户管理系统是个多功能数据综合展示平台，行内绝大多数管理系统都可以以此系统为入口，实现免登录，快速进入，系统使用微前端架构，实现多个系统数据综合展示，效果一目了然。 1，重构了项目路由系统，增加不同页面是否需要缓存判断，按数据实时性要求判断是否需要缓存，提高响应速度 2，重构项目大屏适配方案，由原来的媒体查询和百分比尺寸改为rem和vw方案，缩减样式代码量，提高可维护性 3，熟悉了微前端架构解决方案，使用iframe方案，处理多个系统界面显示在一个系统上。 4，熟悉了webpack优化方案，配置多环境打包命令，由原来手动修改不同环境配置改为自动识别。 5，设计实现了智能工作台模块，使用css3缩放功能配合iframe内嵌其他部门系统实现多个系统缩放后显示在一屏上，配合拖拽调 整显示顺序，配合css3 动画实现不同系统切换动画效果，让系统科技感十足

脱敏后的页面截图，可大致观看效果。地址：http://bj985.com/imgs ，该项目是一个物联网项目，有硬件（枪瞄：枪支定位仪器）和软件（数据可视化平台 ），该项目 分在线演示版和离线版。项目要求各终端风格一致，使用了rem适配方案，后期也使用 vw, vh 适配方案。各种尺寸屏幕等比缩放。 技术栈：vue + vue-router + vuex + axios + less + echarts + elementui + md5 + css3动画 高德地图，bigmap离 线地图， 1.经过优化脚手架文件加载，把图片和大文件转为在线链接，大大缩减首屏加载时间 2.项目中大量使用echarts图表，echarts地图，css3动画，做数据可视化呈现 ，同时适配指挥中心驾驶舱大屏。 3.项目使用高德地图进行二次开发，实现核心功能，警员及枪支定位查询,轨迹追踪，任务指派，丢失寻回，历史轨迹查看等功能。 4.在线预览版负责给客户进行效果演示，同时开发基于bigmap离线地图的公安内网版。两个版本达到一样的效果。 5.订单谈成后根据客户的城市使用bigmap离线地图打包离线版，给客户安装内网版本（另外用electron打包成桌面应用） 项目收获：独立负责前端部分，项目搭建，技术选型，功能模块梳理，测试上线，全流程负责，为以后项目快速积累经验。通过该项目熟练掌握vue全家桶的使用和配合在线地图，离线地图，数据可视化的使用，移动端rem，vw，vh适配方案