1）项目介绍：本是为做装机业务的朋友开发的商城 app，剩余购物车、个人中心主要模块未开发时被放弃了，因本人也是装机爱好者，遂简单完成了后续开发与后台管理系统，后续时间充裕时会考虑继续完善功能（如装机咨询、配置规则校验等）并开源该项目；因该项目未实际运营，这里仅有移动端 H5 的 demo，由于是用uni-app开发，后续可以多端打包； 2）项目地址：http://topplayer.wenchenhan.top 3）主要技术栈： 1.移动端：uni-app(vue2) + uView 2.web 后台：Vue3 + Element Plus 3.后端：NodeJs + EggJs + MySql 4）注意：该在线项目还属于 demo 阶段，且个人中心开发仓促，用户注册登录密码未进行加密处理，浏览时请勿输入真实信息与密码！如需使用登录功能，请避免使用*内置浏览器（该项目后台采用 session 登录策略，*内置浏览器会丢失）；

1）项目介绍：工作之余开发的一个 All in one 的前端组件库，使用纯vue3+TypeScript 环境开发，包含工作中遇到的好用的自定义指令，SKU 录入、手写签名等业务组件，表单组件等，以及低代码表单构建工具，已迭代至1.1.18 版本，可以通过 npm 包管理器安装使用 —— npm install ez4code；该项目的文档也同时作为个人博客使用，网站 Logo 设计、UI 设计，前后端开发，上线部署等均由本人独立完成，尽量保持周度的更新活跃度；2）文档地址：www.wenchenhan.top 3）主要技术栈： 1.ez4code 组件库：Vue3 + TypeScript 2.文档网站：Vue3 + TypeScript + Vite + Element Plus 3.网站后端：NodeJs + EggJs + MySql

1）项目介绍：项目是针对档案管理的数字化产品，背靠传统档案管理企业；主要功能有 OCR 识别、档案收集、档案管理、数据检测、数据分析、流程管理、人事管理、流程管理等； 2）技术栈： 1.桌面端：Vue3 + TypeScript + JSX + Ant Design Vue + pinia + Vite 2.移动端：Taro(vue3 + ts) + Nut UI + pinia 3）主要功能： 1.档案表格：基于 Ant Design 的 Table 组件实现虚拟列表、动态列拖拽伸缩显隐冻结等、表格右键菜单、列高级筛选（类 Excel 数据分组统计、排序、数据筛选等）、关键字高亮、图片懒加载显示等； 2.表单设计与录入：实现表单拖拽设计、多列显示等；利用CodeMirror 实现公式编辑器（类 Excel 公式），并实现公式的本地验证与运算；利用订阅发布模式实现表单录入时响应式数据联动（公式、序列号等）；利用canvas 实现手写签名组件等； 3.统计仪表盘：利用 Echarts 与 Vue Grid Layout 实现仪表盘拖拽设计、布局容器、筛选组件、图表数据联动、图表设计、数据透视表等；4.打印设计：利用 vue-plugin-hiprint 实现打印表单设计，通过拖拽设计打印元素、自动分页打印、二维码、条形码打印；兼容列表、卡片打印模式；5.其他：实现流程设计、档案库房仿真；利用 WebWoker 进行档案列表、透视分析等大量数据的处理，避免页面卡顿；利用 WangEditer 实现公告、编研等富文本编辑，实现大纲视图、自动保存等；