vue

基于 springboot,springcloud,springsecurity，vue 开发的一个新型贪吃蛇 AI 对弈平台。主要有 pk 模块，排行榜模块，对局记录模块，以及用户的登录注册模块。 pk 模块又分为真人 pk 模块以及挑战 Ai 模块，用户也可以创建自己的 Ai 。 后端使用了 WebSocket 连接来保持前端用户的游戏画面，匹配系统来进行选手的匹配，代码执行系统来执行 Ai 的代码。 匹配系统：可以动态的根据选手的信息，比如等待时间，天梯积分，来进行匹配实力相当的对手。匹配成功后向主系统发送 两名选手的信息来进行游戏。 代码执行系统：执行 Ai 的代码主要是通过一个队列实现的，并且对每个执行代码的线程做了限制，简单模拟了一个消息队列。Ai 主要是根据当前的地图状况来进行一个全局搜索，给出当前蛇的下一步操作。 项目链接：https://wwwzh.fun/

项目描述：以园区管理的“内容”为载体，融合新一代信息和数字技术，具备信息快速采集、信息高速传输、计算高 度集中、交易处理智能化等能力。全面感知、高效传输、智能分析处理等场景综合组合，实现园区信息及 时、交互、一体化的感知、传输、处理，有效实现园区资源合理配置，提高园区产业集聚能力和企业经济 竞争力。项目主要由数字孪生，工单管理，物联平台，运营管理，系统管理，物业管理，资产管理，访客 管理组成。 主要工作：1、负责消息通知中的平台通知。对工单的每一步处理都会发送平台消息和微信消息，通过设置模板编号发 送消息。 2、负责 PC 端、移动端工单模块开发。首先在 PC 端或移动端创建一个工单并推送到工单队列中，之后在 工单队列中监听相应工单，如果是告警类型工单，直接生成工单，如果不是告警类，生成工单后还要使 用 Rocketmq 推入到告警队列中，工单生成过程中接入了工作流，可以将工单指派给特定的人处理。工 单具有时效性，可以设置过期时间，工单处理完成后推送到指定队列中，工单的生成处理过程中均会发 送消息通知处理人。 3、负责大屏中的工单页面，主要为各种类型工单的近七天走势，今日实时走势，完成

1. 秒杀系统的架构实现 2. 分布式系统的秒杀数据分片 3. 接口限流的实现 4. disrupto在项目中的使用 5. 整体架构的设计于实现

一个支撑 IOT 可视化大屏的低代码平台，主要包括组件库、编辑层、以及渲染层，通过组件拖拽实现可视化大屏的定制和实时渲染 1. 负责可视化大屏组件库的设计与封装，制定组件数据结构，合理划分组件粒度； 2. 通过Webpack使用工程化手段将Vue组件构建为Web Component，并实现组件在大屏上的渲染和更新功能； 3. 基于栈结构和观察者模式，构建弹窗服务，实现弹窗层级管理和组件间通信管理； 4. 基于Webpack利用SplitChunks、Tree Shaking、CDN等手段实现首屏优化

1. 多线程定时调度 2. 事物失效问题解决 3. 分布式锁的实现 4. 消息中间件的优化 5. sql优化，jvm优化 6. 分布式系统的搭建

基于七陌云客服打造的一款全新的云客服系统，包含工单、客户、在线、通话等主要功能 基于Vue3+TypeScript+elementPlus 项目开发，pinia 的状态管理 首页模块，此系统分为管理工作台和客服工作台两个模块，导航栏中可以互相切换 企业管理模块包含企业基本信息以及企业 logo 展示以及修改 公告管理模块可以新建、编辑需要发送的公告信息（可立即发送也可预约发送），并且可以进行 选择公式范围，以及公式范围标记已读未读操作。 员工管理、号码管理模块展示系统内列表数据，可增加、编辑、删除等操作 角色权限模块复选框展示菜单权限 数据缓存，当缓存中有数据时不再去调用接口请求数据

可视化平台是提供给非技术开发人员及二次开发人员进行可视化开发的平台，底层运用了Vue作为总体的开 发框架,配合Element-UI、echarts等UI库开发可视化图表。该平台整合了大量常用图表，通过拖拉的完成 布局页面，通过表单属性配置的方式进行图表样式、图表功能的调整。 技术要点: Vue、Vuex、Vue-Router、Echarts、Element UI、Webpack等 项目职责: 根据常用可视化图表需求，使用ECharts、原生HTML/CSS、Element-UI等开发图表组件 使用Vuex状态管理实现图表联动 利用Webpack配置优化产出代码 根据产品需求、前端架构优化产品性能（项目体积打包减少30%，首屏加载速度从2s多减少到1s内） 项目成效：该项目极大减轻了前端开发的工作量，已应用于多个银行项目的大屏开发上，并处于定期迭代 版本阶段

项目描述：由长宁区发改委牵头，将各委办部门的系统进行整合，进行数据拼接和共享，形成一个统一的门户平 台。委办部门包括商务委，发改委，科委，国资委，文旅局，临空办，统计局，后续会有更多的部门加入。以图 表或者数据驾驶舱的方式展现出来，最终实现覆盖长宁区所有的经济数据 项目职责：数据收集，数据清洗，功能迁移或二次开发，数据库表设计，商务委模块，发改委模块，数据接口， 和客户沟通，现场部署，整理文档,页面的图表显示 技术栈：springboot(springmvc+mybatis+spring)，vue，达梦数据库，jqgrid，rabbitmq，java（线程 池），echart

负责排污数据图表、排污报告报表组件的编写 使用 G2 对排污数据进行过滤处理后进行可视化，解决了折线图排布混乱问题 使用 vue-cropper 裁剪图像限制大小，解决了图片过大上传失败问题 使用 vue-print-nb 把报表导出为 PDF 文件，解决了后端无法提供 PDF 的需求

1. 该项目是一个PC端的项目，用于加速Steam、Origin、Epic、暴雪等平台的游戏。具体主要是劫持流量中转到自家专线服务 器实现游戏加速。而使用Electron框架能快速搭建开发PC端项目。 2. 该项目是一个成熟的项目，本人从前期的技术栈选型到后期上线加密全程参与其中并作为主要程序开发。 3. 该项目参与人员分别为客户端、后端、c++开发、UI设计、测试、运维、运营。其中主要开发人员为： 1). 客户端：主要由我开发，相关技术有 Electron、Node、Vue、Vuex、ElementUI、Echarts等。 2). 后端：数据库搭建，用户、游戏、vpn线路等接口的开发。 3). c++开发：DNS劫持、进程劫持、流量劫持、协议转发等。 4). 运维: vpn服务端搭建、确保线路的稳定。 4. 由我开发客户端。 1). Electron框架区分渲染进程和主进程， 渲染进程主要起展示的作用如：用户登录、游戏展示、线路展示等逻辑；主进程做 具体的加速逻辑，比如渲染进程获取到要加速的线路后传值到主进程，主进程劫持流量后将流量重定向到线路

更多查看该官网 http://www.sidianscrm.com/investment 该项目主要由vue2编写 页面都是自己独立完成的 用了flex布局 浮动 定位 等等

网上移动商城底层运用了Vue作为总体的开发框架,具有首页展示商品、分类、购物车、个人信息模块 技术要点: Vue、Vuex、Vue-Router、Webpack等 项目职责: 根据需求，实现基本样式 使用Vuex状态管理购物车数量实现 利用Webpack配置优化产出代码 根据产品需求、前端架构优化产品性能

该项目以客户服务为中心，为客户提供通话以及在线咨询平台。有通话、在线咨询、工单、报表、监 控、质检等主要功能。 采用 vue2+elementui+ts 项目开发，vuex 数据存储, vue-i18n 实现国际化处理 对系统内冗余代码抽取成可进行复用公共组件，表格自定义表头组件封装 系统功能迭代以及对接客户问题修复 在线咨询模块消息置顶，以及样式优化以及悬浮按钮点击事件 全局设置以及关键词敏感词设置以及展示处理 采用Stylus css 预处理器

根据达摩CRM小程序链接传入会员的id 然后通过会员id远程查询伯俊ERP会员档案数据并展示 功能相对简单 主要内容是为了方便查询远程ERP数据,写了一个类ORM的Builder

1. 代码自动生成，基于单表自动生成代码 2. 系统各个菜单微服务开发springcloud 3. 系统模块分离 4. 定时调度任务 5. 自定义注解

1、后端独立开发 Laravel+Swoole 2、PC端独立开发 Vue+ElementUI 3、移动端部分开发 Flutter+原生SDK集成 网址:https://wnwdkj.cn/ APP:个平台可下载

针对获得订单的项目，组建PJT小组，在开始开发工程之前进行开发委托。 以上均个人完成 由于是入职公司的内部项目，所以无正式网页截图

甲方为山姆会员店 & 沃尔玛，使用对象为采购部门。因为采购通过 Smart 进行下单、Host 进行修改时，系统不能进行逻辑上的校验，且操作不方便。为了使操作数据合规且提高效率，所以 Sames 可以很好的为采购提供下单和修改的帮助；生鲜类产品的保质期也有很严格的要求，必须进行监控，而公司现有的系统数据比较零散，没有体系，所以主要对零散的数据进行集中化的展示。 1.负责通过RabbitMQ,将下单数据与机器人（.net）进行发送。实现下单 2.负责采集数据，进行解析，转化为报表 3.负责搭建任务调度中心 （时间较久，且为内网。未留下相关资料截图）

功能及简介： 1.流程管理 实现可视化在线配置流程。发布流程。 2.邮件系统 实现邮箱基础功能，及邮件归档功能（可自动归档）。 3.客户管理 4.作业管理 5.供应商管理 6.财务管理 7.合同管理 8.统计分析 9.大屏展示 10.文件在线预览 实现常规文件的在线预览功能。 我的职责和任务： 1.需求分析，任务拆解及分配。 2.系统架构设计及实现。 系统使用微服务架构实现。 4.难点攻破 4.1.旧系统迁移方案，及数据迁移。 4.2.在线可视化流程管理的实现。（Activiti） 4.3.文件在线预览（开源组件实现）

项目主要有物品采购流程、物品库存流程、空间管理、工作管理、实验室网盘、仪器管理、预约管理、工作追踪、知识传承等模块，都是由我一个人完成开发以及后期的迭代和维护，遇到的难题都是通过百度搜索，或查看文档解决的。