vue

项目结构：项目分为前后两端，前端又分为管理端和客户端 后端使用技术：springboot+mybatis+mybatisplus+springsecurity+swagger+stomp等 前端管理端：vue3+typescript+axios+elementui+echart+vite等 前端客户端：uniapp 项目内容分布：主要分为单词记忆、英语刷题、文章写作与社交、用户与用户社交这几个大模块，管理端管理这些模块所用到的资源，并提供消息模块 该项目完全由我独立开发，从ui设计到项目主要用途与后端架构设计到最终实现，该项目对我来说的主要难点是：数据库结构的设计；文件资源的存储与管理，最终决定存储在本地服务器，并设计一系列命名要求实现对文件资源的管理；实时通信的实现技术选择，最终选择使用stomp通信技术实现，因为它相比websocket更加规范化

1：项目以业务分法有：第三方微信模块,用户模块，日志模块,运营活动模块 2：项目前后端均为我一人开发完成 3：应用技术：后端 springboot,mysql,springcloud, redis ,java 前端使用vue2, element ui

1. 使用 HTML、 CSS3、 JS、 jQuery 等技术， 完成 UI 设计图和交互效果 2. 使用 gasp+scrollTrigger 实现页面滚动效果和动画，借助 anime.js 完成一些动画效果，使用 svga.js 控制动画 3. 采用模块化、组件化对动画相关效果和视频播放组件进行封装，提高代码复用性和可维护性 4. 使用 FFmpeg 技术对视频进行流处理，提升页面加载速度 5. 播放 m3u8 视频文使用 video.js 实现视频播放 6. 轮播图使用 swiper.js 7. 使用 vue3-autocounter 实现自动计数动画组件

1.该项目是给料堆管理人员做的实时堆料管理系统，属于后台管理系统，与传统后台管理系统不同的是，传统后台管理系统用图标来表示数据的变化，而该项目创新的使用了threejs模型，此系统分为订单搜索，料堆显示，单机操作，迁入料堆，迁出料堆等不同模块。 2.该项目是一个实时管理系统，项目用到了TOKEN校验，THREEJS等技术栈，与后端人员协商后采用轮询式方法完成模型与料堆面积的关联，完成ElementUI的样式改写。 3.threejs的使用 不可不谓是一个难点，尤其是模型的变化和数据的同步，最后采用轮询的方式解决了数据同步问题，还要处理订单与料堆的重复和并包关系

“火花防线”-中风风险预测系统 2024.1-2024.4 （上海市天翼云杯比赛作品 目前已通过初赛） 技术架构：SpringBoot + Mybatis-plus + Redis + Spark 前端:Vue + Element-UI + ECharts 项目简介：基于Spark平台的用以辅助医务工作者进行管理患者信息、分析患者数据、预测中风风险等。核心工作包括业务中调用Spark机器学习模型、Redis实现登录信息、预测结果、统计数据的缓存功能。  使用Mybatis-plus和SpringBoot搭建MVC框架,通过Threadlocal配合拦截器进行token的校验，解决Http无状态问题。  完成数据库表和索引的设计，使用Mybatis-plus框架完成对数据库的访问，在服务层中完成业务逻辑的开发，包括调用机器学习模型预测患者中风风险、患者信息维护、患者健康数据统计等。  使用Redis实现验证码、token、患者各指标统计数据的缓存。通过主动更新和超时剔除的缓存更新方案，实现缓存一致性。  前端使用Vue框架和Element-UI、Echarts组

负责前端开发本站建立的目的性 汇聚全网 ACGN 活动资源，打造魔都最全的 ACGN 活动信息平台！ 精准定位，快速查找 通过便捷的筛选功能，快速找到你心仪的活动，不再错过任何精彩瞬间！ 实时更新，一手掌握 一手资源，实时更新活动信息，让你

需求分析 在本系统的需求分析阶段，我们通过一系列系统方法确保了对用户需求的全面理解和精确记录，从而为开发一个符合预期目标和高用户满意度的软件产品奠定了坚实的基础。本过程涉及多方面的活动，包括与利益相关者的深入访谈、问卷调查、用户和市场分析，以及竞品评估。 需求被详细分类为功能需求和非功能需求，其中功能需求描述了系统必须完成的具体操作和行为，如服务预约、用户登录与管理、数据加密等；非功能需求则涉及系统的性能、可用性、可靠性、安全性和维护性等方面，确保系统在实际运营中的稳定性和效率。 用户需求分析 系统管理员：管理所有系统数据和用户权限，进行系统维护工作，如添加小区、用户、服务等。 小区管理员：管理本小区所有业主信息和服务预约审核。 单元负责人：管理本单元所有业主信息和服务预约审核。 普通业主：查看系统展示信息，查看服务状态，更新个人信息。 系统模块划分 1.登陆模块：提供前台和后台登录功能，根据用户角色控制对后台的访问权限。 2.加密模块：提供用户隐私加密服务，保护用户的信息安全。 3.预约服务模块：允许业主在前台预约系统提供的各项服务并展示预约状态。 4.服务审核模块：在后台查看并审核

该项目开发的是一个团队的官方网站。该项目的前后端及部署维护均由我一人完成。官网开发的目的是为了扩大团队的宣传力，并为有意愿加入团队的爱心人士提供简历投递渠道。项目采用前后端分离方式开发，前端技术栈为vue2+elementui，后端技术栈为Django+MySQL，使用nginx+uwsgi部署服务。主要实现的功能模块包括：登录注册，新闻活动，简历投递以及后台管理等。包括：登录注册，新闻活动，简历投递以及后台管理等。

产品功能：多站点服务商城 1.产品分站点管理，代理管理，店铺管理，店员管理，订单管理，提现管理，人员管理，优惠券管理等模块 2.全部独立完成，后台管理前端用的avuex框架，支持代码生成，后端springboot 用oauth2鉴权，数据库交互使用mybatis，小程序端使用uniapp开发.

1、项目包含三个子项目：1、医生端小程序、2、病患端小程序、3、管理后台和医生PC端 2、主要功能包含： 1) 登录注册等基础功能 2）病患预约咨询、预约下单核心功能 3）病患档案存放、档案识别（用的百度OCR识别）结构化档案数据 4) 接入汇付天下对接支付、虚拟金融账户、平台医生分账功能 3、主要任务 1) 业务流程梳理 2) 开发进度和开发计划制定和跟踪 3) 核心下单、档案管理和识别业务代码编写 4) 测试生产环境搭建、部署

项目描述： 本项目开发了一个综合服装产品销售平台，包括一个用户友好的商城前台界面和一个功能全面的管理后台。技术选型包括FastApi作为后端框架，Vue3结合TypeScript用于构建前端应用，以及Mysql作为数据存储解决方案。平台支持三种不同用户角色，并确保数据隔离与精细的权限管理。项目由多个核心模块组成，包括但不限于登录认证、用户管理、店铺运营、广告轮播、即时客服、数据分析和网络爬虫等。技术栈是FastApi+Vue3+TypeScript+Mysql。 项目职责： 1.负责商城前台的页面布局和视觉设计，确保用户界面友好、响应迅速。 2.优化用户交互流程，提升操作便捷性和满意度。 3.开发前端功能，包括但不限于用户交互、数据展示和动态内容加载。 4.构建高效、可扩展的数据库模型，支持项目的数据处理需求。 5.编写后端逻辑，确保系统稳定性和响应速度，实现与前端的高效交互。

产品功能：保洁下单 1.产品分为文章管理，职工管理，站点管理，订单管理，提现管理，分成管理，熟练度管理，评价管理，附加订单管理，房源参数管理，服务项目管理 等模块. 2.全部独立完成，后台管理前端用的avuex框架，支持代码生成，后端springboot 用oauth2鉴权，数据库交互使用mybatis，小程序端使用uniapp开发.

改项目主要包括KPI绩效管理，领导驾驶舱，设备管理，缺陷管理模块以及用户管理、角色管理等基础管理模块。 1.本人负责独立完成KPI绩效管理，完成相关设备kpi指标得录入页面以及KPI看板展示。 2.完成领导驾驶舱得展示。 3.完成一些通用组件得封装工作，例如：列表组件、查询组件等得封装 主要使用vue+elementui组件完成前端页面，使用echarts图表等直观展示数据。

项目模块: 1.项目管理: 把业主直接委托给我方施工的项目信息录入到系统中。以中标项目作为系统后期数据的中心，材料总计划、分包结算、合同付款都要关联项目。 2.材料库存管理: 此模块把项目上的材料管理拆分为采购管理和现场仓库库存管理，采购管理主要指材料总计划、材料需用计划、材料合同;现场仓库库存管理主要指材料入库、材料出库、材料退库、材料调拨、材料盘点。 3.工资管理: 记录员工,劳务工资。 4.财务管理: 项目的直接成本主要由“人工”“材料”“机械”“分包”组成，间接成本通过费用报销汇总，系统提供项目间接费用报表、成本统计报表、项目利润表、项目经营情况分析报表。 5.公司运营管理 6.员工申请: 请假,用车,借支等等公司相关需申请的模块; 7.审批流程: 管理公司全局审核流程;

个人练手用的全栈项目，此内容为后端部分。 为物业管理系统，主要设计开发常规物主和业主以及 房屋和人员去向 的 管理系统。 基于springboot+vue,目前以及完成了物主和业主功能的相关接口和ui设计。使用了Security+JWTToken进行鉴权和认证，mybatis-plus进行mysql的操作 ,使用swagger2进行了接口文档的维护管理。

1. 本项目为一家领先的图书商城网站，我承担了订单模块及客服聊天模块的全栈开发工作。 2. 在前端，我运用Vue 3框架结合Element Plus UI库，打造了直观且响应迅速的用户界面，优化了用户体验。这一技术选型不仅确保了界面现代感与交互性，还通过组件化开发提升了开发效率与维护便捷性。 3. 在后端，我采用Spring Boot框架，利用其强大的Spring生态系统和丰富的库支持，快速搭建了稳定、可扩展的服务端应用。为了支持实时通信功能，我集成了Server-Sent Events (SSE) 技术，使得用户与客服之间的聊天能够即时响应，大大提升了服务效率与客户满意度。 4. 针对支付环节，我深入研究并集成了微信、支付宝及PayPal的官方支付SDK，确保支付流程的安全性与兼容性。通过精细的接口设计与异常处理机制，我成功实现了支付流程的自动化与智能化，为用户提供了流畅、安全的支付体验。

预算管理数字化系统包含（项目储备、预算编审、预算调整和调剂、资金支付、会计核算、决算和报告等） 技术选型： vue3、pinia、element-plus、vxe-table等 1、推动原预算管理系统重构 2、基于vue3生态完善公司组建库，确保一致的UI/UX体验 3、独立完成vxe-table-plugin插件的研发，解决自定义可视化报表配置需求 4、基于原有1.0项目，通过逐个模块替换策略实现财政一体化系统2.0升级改造 - 重构后代码体积由2.5G下降到600M左右 - 页面响应速度从20s左右提升到10s内 - 在产品的扩展性、定制化层面做出了重大突破，目前在各个项目组推广 5、通过改进用户界面和交互设计，提高用户满意度 6、提升项目整体质量、易用性、可复制性等

运用思维导图深入分析和整理项目需求，并在此基础上完成了多个界面的原型设计和UI设计，涵盖了前端页面、后 台管理系统。同时，与各个部门密切合作，确保项目设计满足各部门的需求和期望。 使用vue框架，vue-router搭建项目路由，vuex来实现单文件组件和数据的抽离 页面使用element-ui组件来实现复杂功能 使用JavaScript实现某些功能的逻辑处理和某些页面的动态效果 项目测试阶段可以自己用node连接数据库进行接口对接和数据渲染模拟，测试功能模块 是否完善，逻辑处理是否 正确

基于饿了么表格组件二次开发，继承了饿了么el-table原有事件、方法以及使用方式 额外传入 columns 优化每一列的传入，不需要写el-table-column, 默认单行显示 超出 ... 多级表头 该列添加属性 children 值的格式同columns，添加了为空时显示--；优化了使用fix时渲染多个表格造成节点渲染过多的卡慢。 该组件通过vue的render进行二开

项目描述：一款cid项目配套的微信商城小程序，项目分为首页、分类、购物车、个人中心四大模块，承接从广告落地页跳 转至此的用户，监测用户行为统计（是否领取优惠券、浏览时长、是否收藏商品、是否跳转首页、是否跳转至其 它商品等）。