项目汇总及介绍（部分演示可能会随时间推移失效，源码若涉密不展示） Experience

  • 个人通用业务组件库
    源码 开发文档及演示

    一个聚合通用业务的PC组件库，将日常开发遇到的通用场景提取并封装，提供开发文档并发布成NPM包，以便项目跟随维护更新和更快的完成前端业务开发。
    基于 ElementUI + Vue-Cli4 ，利用Vue.use中Install的注册机制组件库实现了全局引入和按需引入，并打包编译成Umd格式兼容服务端和浏览器端。

  • zyl-cli脚手架 源码

    一个提供交互指令界面可定制化生成初始化前端工程目录和文件的前端脚手架。
    基于 Node 的第三方库 Inquirer 实现命令行交互；通过 Commander 实现脚手架的命令配置； Chalk 美化命令行中输出样式的内容；Ora实现命令行loading效果； Fs-extra 模块提供更友好的文件操作； Download-git-repo 实现从git仓库下载工程模板的不同版本和内容，方便后续模板维护。

  • vue-file-viewer多文件格式查看器
    源码 开发文档及演示

    一个基于vue的跨框架、多格式、纯前端渲染的文件浏览解决方案（支持格式：pptx,docx,xlsx,pdf,mp4,纯文本和图片）

  • 最有料低代码平台 演示

    最有料低代码平台主要为构建集团内部OA流程化体系服务，提高了公司事务流程的灵活性和高效性，为后期一些业务复杂度较为简单的前端开发节省人力资源。
    PC端基于 Antd + Vue-Cli4 ，H5基于 Vant + Vue-Cli4 ，对接钉钉平台SDK在钉钉内部进行使用。

  • OKR考评系统 演示

    OKR考评系统主要将公司原本表格化的OKR流程转化成线上实时填报的形式，方便HR和主管评分和数据统计。节省人力收集和统计时间，数据高效准确，图表可视化。
    基于 ElementUI + Vue-Cli4 ，主要有OKR填写/主管评分/协同评分/目标对齐/OKR归档/OKR审批/数据统计分析等功能。OKR填写为自动实时保存，需要对新旧数据进行diff算法比对，只自动保存变更部分，减少服务器荷载。

  • 福建医保公共服务（闽政通医保业务）
    网厅 中台 闽政通医保业务H5内镶页 移动端组件库 PC端组件库 医保前端开发文档

    医保公共服务子系统为个人、单位用户提供在线参保等一系列医保相关业务办理和查询服务。
    PC端基于 ElementUI + Vue-Cli4 + Echart，小程序基于 Uniapp 作为业务菜单导航和H5登录授权外壳，H5内镶页基于 Vant + Vue-Cli4 。针对移动端和PC端医保业务进行组件二次封装并发布私有NPM组件库以满足业务场景所需；对组件样式进行改造以满足国家医保对UI的规定标准；针对庞大的表单业务研发了自动化表单引擎，并基于 VuePress 编写医保业务前端开发文档，极大提高了开发效率。

  • 买买拼商城系统（区块链商城）
    H5客户端 APP（安卓、IOS）客户端 PC平台端 PC商户端

    买买拼 APP 是一个与区块链相结合的创新型多商户积分商城，拥有买家端、卖家端、平台管理三端，提供优质商品加盟售卖、溯源服务的 toB 和 toC 平台。
    APP客户端基于 Uniapp 。前端主要进行了防抖节流的处理，实名认证人脸识别的 SDK 接入，多种支付方式的API接入，接口数据通信签名和代码混淆加密处理，自定义导航栏的实现，APP版本更新方式的实现，各端兼容处理等。组件化开发提高工作效率和代码复用性。APP依托独创的拼购模式和多商户招商代理模式，拥有万级用户流量。前端对接Uni-Ad聚合的广告联盟SDK实现广告营收。
    管理后台基于 ElementAdmin + Echart + UEditor 。实现数据统计、用户及实名认证管理、商品管理、多商户管理、文章管理、图片库管理、版本发布管理等众多功能。

  • 思明法院金融协同中心 演示

    司法管理系统为当事人和代理人提供在线诉讼立案、司法人员在线审理案件、电子文书送达等一系列庭前、庭后的司法流程服务。
    基于 Vue-Cli + IViewUI 的司法管理系统，采用 IViewAdmin 作为前端后台系统UI框架，动态添加的权限路由 VueRouter 进行菜单管理和角色权限分配， Vuex 应对复杂多层嵌套的法院业务组件数据进行集中管理，封装了一些法院常用的业务组件，如：PDF、Word、Excel、图片文件在线查看浏览、可动态添加的多层级嵌套表单、要素模版、扫码实名认证等组件。利用第三方服务如：七牛云存储进行法务文件的快速上传和管理。实现当事人和代理人在线诉讼立案、司法人员在线、电子送达等一系列庭前、庭后的司法流程。实现整套司法诉讼的流程审理案件功能。

  • 法院全在线庭审系统（PC+小程序） 演示

    PC端基于 ElementUI + Vue + TypeScript ，通过接入七牛云第三方SDK服务：直播和语音识别技术的在线庭审系统。实现线上快速开庭审理案件。

  • Vue-追寻权限管理后台模板 演示 源码

    个人根据近年开发后台的经验总结编写的一套基于 ElementUI + IViewUI + Vue-Cli3 集成本地和远程动态路由开发，根据角色权限精确到菜单及按钮级别的通用后台开源模板框架，已被在职公司广泛应用于日常后台开发项目中，有自己的技术交流群。

  • 个人博客系统 演示 源码

    基于 Vue 和 Bmob 后端云的个人博客系统，采用 Bomb 云数据存储服务， Vue-Cli4 作为前端开发框架对前端代码打包和构建，利用 markDown 编辑器插件进行文章的展示。实现支持多用户的博客系统。实现发布博客、保存草稿、编辑文章。文章管理、文章归档、文章分类、代码片段展示等功能。

  • 拼图艺术（NFT数字藏品系统） 演示

    基于 Uniapp 制作的区块链（文昌链） NFT 数字藏品系统，通过拖拽监听和3D旋转技术技术实现藏品拖拽3D展示，接入阿里云实名认证和多种支付方式（汇付支付、杉德支付、微信、支付宝）。

  • 松盛工艺官网 演示

    基于 Vue3 + TypeScript + Vite 的企业官网。开发基于 md-editor-v3 组件的 MD 文章引擎组件，线上可直接读取和渲染 MD 文件。纯静态官网，官网数据通过暴露 JSON 文件实现可配置化。

  • 慕课系统 演示 源码

    基于原生 JS 和原生 HTML+CSS 布局开发的慕课系统，采用 localStorage 为数据源模拟真实数据请求处理和渲染。实现用户对课程的详情查看、搜索、分类联级筛选、登录后收藏、充值、购买、播放、评分评价、等一系列流程操作，以及首页轮播图、手风琴、跑马灯的课程信息动态展示。

  • 视频后台管理系统 源码

    基于 Layui + Aungular + ThinkPHP + Mysql 的在线视频管理系统，采用 MVC 框架进行控制层逻辑处理和模型层数据存储， Aungular 进行视图层的数据处理渲染。实现不同用户角色对不同功能权限的操作管理（增删改查）。独立解决了菜单根据不同用户角色权限进行分配显示、视频分类树状图管理、图表统计、文件上传合法性判断的问题和难点。实现登录注册、用户管理、视频分类管理、视频资源管理、菜单权限管理、VIP等级管理、报表统计等功能。

  • 哒哒O2O打车系统 源码

    基于 LayerMobile + Vue + ThinkPHP 的架构实现的单页面应用，提供在线打车服务及后台管理服务。接入微信小程序和高德地图 API ，获取实时地图定位和路线规划。利用后端 WorkMan 的PHP集成插件进行 WebSoket 实时交互，实现了实时打车和聊天服务。独立解决了发单接单匹配、未支付订单检测、离线重连订单保持、司机实时位置更新和路线规划调整等技术难点。

  • 中秋博饼小游戏 博饼演示 博饼源码 摇骰子演示 摇骰子源码

    基于原生JS、CSS的中秋博饼小游戏。主要应用了 CSS 的 transform 3D 和 animation 动画技术。

  • H5赛车小游戏 源码

    基于 Node.js 和 Sqlite3 数据库的 H5 赛车小游戏，采用 WebSocket 实时数据交互， Canvas 绘图渲染。实现双人联机实时对抗，过路障竞速比分的游戏动画效果。独创人物碰撞检测、游戏匹配、游戏掉线重连、数据存储异步处理机制。实现登录注册、游戏大厅、世界聊天、玩家信息、历史战绩查询等功能。

  • 年会抽奖系统 年会大屏抽奖演示 各种H5抽奖活动页演示 H5抽奖活动页源码

    基于 Jquery 的公司年会抽奖系统，包含大屏和各种H5抽奖活动页。

  • 移动端电子签名 演示 源码

    Vue 移动端签字板（自适应尺寸、适配手机旋转、兼容安卓、苹果）。