Vue

系统采用B/S架构，后端使用Spring Boot+MyBatis，前端使用Vue.js+Element，数据库采用MySQL，使用当前主流编程软件IDEA和数据可视化软件navicat作为系统开发工具。具体实现了用户管理、职位发布、简历投递、岗位匹配推荐、在线沟通、数据分析等核心功能模块。使用JWT身份验证，确保了系统数据安全性保障。 使用Spring boot框架针对不同功能的实现建立不同的实体类、控制层、服务层、逻辑层等；使用xml文件代码形式修改MySQL数据库中的数据信息，提高代码的可读性、易读性；用户登录时自动创建token，根据用户账号、密码、角色变量生成，确保不会出现因用户权限错乱产生的bug；通过协同过滤推荐算法优化实现求职者与职位的智能匹配功能，基于用户行为为用户推荐适合的岗位。

该项目为电商平台，为用户提供网购服务。 登录模块：实现用户登录功能，以及通过邮箱发送验证码进行用户注册功能。 商城模块：实现商城页面设计，商品搜索功能，加入购物车功能。 购物车模块：每个用户都有独立的购物车，实现购物车页面设计并统计所选商品的总价值。 供应商商品管理系统：实现各供应商对旗下商品的增删改查，以及商品上架功能。

尚品甄选是一个B2C模式的电子商务平台，包含后台管理系统和前台用户系统。项目采用前后端分离开发模式，基于SpringBoot + SpringCloud微服务架构。 spzx-parent： 尚品甄选项目的父工程，进行项目依赖的统一管理，打包方式为pom spzx-common: 尚品甄选项目公共模块的管理模块，父工程为spzx-parent common-util: 工具类模块，父工程为spzx-common common-service：公共服务模块，父工程为spzx-common spzx-model: 尚品甄选实体类模块 spzx-manager： 尚品甄选项目后台管理系统的后端服务

【项目背景】AGE动漫网站是一个基于Spring Boot + Vue.js构建的动漫资源平台。 【个人角色】作为核心开发者，我主要负责:1. 推荐系统算法设计与实现 2. 后端接口开发与优化 3. 前端界面交互组件开发 【主要贡献】 • 设计并实现了基于用户行为的个性化推荐算法，使用标签偏好权重计算方法，推荐准确率提升40% • 开发了RESTful API接口，设计高效的数据访问层，API响应时间优化50% • 实现了动漫筛选、搜索、分页等核心功能，提升用户体验 • 设计并开发了周更新时间表、播放历史、评论互动等功能模块 • 优化前端组件和后端服务性能，页面加载时间减少30% 【项目成效】 • 用户留存率提升25%，日活跃用户增长35% • 系统并发处理能力提升至500QPS，支持千万级数据高效查询 • 代码采用模块化设计，具有良好的可维护性和扩展性

一、员工端：差旅申请与费用报销​ ​智能差旅申请模块​ ​多段行程表单​：支持员工一次性提交多城市差旅申请，动态生成表单字段（如交通方式、住宿标准），通过拖拽式布局适配不同企业规则 。 ​移动端适配​：基于React/Vue框架实现响应式布局，支持扫码上传发票、语音填写备注等便捷操作，结合LBS定位自动关联差标规则。 ​实时进度追踪​：采用WebSocket实现审批流状态实时刷新，通过进度条+时间轴可视化展示流程节点。 ​发票管理模块​ ​多源发票上传​：集成OCR识别组件（如Tesseract.js），支持拍照、扫码枪、微信卡包等多种方式上传发票，自动解析发票代码、金额、税号等字段 。 ​查重验真弹窗​：调用后端税务接口后，前端以模态框形式展示核验结果，对重复发票、假票进行高亮标注，并拦截提交。 ​电子发票归档​：采用IndexedDB本地缓存已上传发票，支持PDF预览与下载，同步对接招行云存储实现云端备份。 二、审批端：流程配置与智能决策​ ​可视化审批流设计器​ ​拖拽式流程图​：基于AntV G6或GoJS构建流程引擎，允许财务人员通过拖拽节点配置多级审批、会签/或签规则，支持条件分支（如超预算触发额外审批） 。 ​规则表达式编辑器​：提供类Excel公式的DSL（领域特定语言），例如 expense > budget * 1.2 触发预警，前端通过代码镜像组件实现语法高亮与校验。 ​移动审批助手​ ​卡片式审批看板​：采用卡片布局展示待审批单据，支持左滑操作（通过/拒绝）、批量处理，结合企业微信/钉钉消息推送提醒。 ​智能辅助决策​：基于历史数据训练的轻量化模型（TensorFlow.js），在审批页侧边栏提示“同类申请平均通过率85%”等参考信息。 三、财务端：支付与记账一体化​ ​银企直连支付面板​ ​支付方式选择器​：集成招行CBS接口，提供对公/对私支付、跨行转账等选项，通过级联菜单选择账户与收款方，自动填充银行账号信息 。 ​支付状态监控​：采用ECharts绘制支付流水热力图，实时显示成功/失败/待处理状态，支持按金额区间、时间维度筛选。 ​凭证生成看板​ ​自动化凭证模板​：基于JSON Schema定义凭证字段（如借方科目、贷方金额），前端通过动态表单渲染不同会计准则（如中国CAS、国际IFRS）的模板。 ​红冲/反记账功能​：提供凭证历史版本对比，支持一键反写冲销，变更记录通过Git-like提交日志展示。 四、管理端：数据分析与风控​ ​多维度报表中心​ ​动态数据看板​：采用D3.js实现可交互图表（如桑基图展示费用流转路径），支持按部门、项目、成本中心钻取分析。 ​自定义报表生成器​：通过JSON配置字段映射关系，用户可拖拽生成个性化报表（如“研发部门Q2差旅费占比”），导出为Excel/PDF格式。 ​风险预警控制台​ ​实时监控仪表盘​：使用WebSocket推送超标费用、异常发票等预警，通过Elasticsearch实现日志检索，支持按风险等级（高/中/低）过滤。 ​合规性检查面板​：内置税务规则库（如增值税税率校验），前端以树形结构展示规则层级，支持手动添加自定义规则。 五、技术架构与创新点​ ​微前端架构​ 采用qiankun框架拆分员工端、审批端等子应用，各模块独立开发部署，通过主应用统一鉴权与路由管理。 ​低代码扩展能力​ 内置可视化表单构建器（类似简道云），允许企业自定义字段、校验规则，前端通过Schema生成动态表单组件。 ​性能优化策略​ 对发票OCR、支付流水等高频操作采用Service Worker缓存，结合骨架屏优化加载体验；大数据量报表使用虚拟滚动（react-virtualized）减少DOM节点。

一，软件是面对的小微企业计算税款，通过发票数据和销售额数据，自动生成税款表，然后根据生成的税款表上传报表到税务局 二，主要功能有发票数据的采集，销售额数据，税款计算表 三、架构设计 1.采用SpringCloud技术体系构建微服务架构，根据实际业务场景对服务进行拆分 2.以nacos作为项目的服务注册和配置中心 3.使用GateWay实现高可用的请求转发、权限判定限流、降级 4.基于Ribbon+Feign进行负载均衡服务调用 5.基于高性能的Elasticsearch构建平台级日志系统快速定位问题

桃李学堂R是一个专注于学员复习与在线学习的平台，通过整合视频课程、习题练习及实时直播功能，旨在优化复习体验并提升学习效率。此项目针对考试备考场景，利用微信原生技术开发，旨在解决学员复习资料分散、学习互动性不足的问题。 核心职责：在项目中 ，主要负责小程序的全栈开发工作，包括但不限于：1)独立设计并实现所有前端页面，确保用户界面友好且业务流程顺畅；2)完成接口对接与数据交互，保障信息传输的准确性和时效性；3)集成保利威直播SDK，顺利实施直播教学模块，增加教学互动性；4)与后端及业务团队紧密合作，进行全面的系统测试，及时修正流程缺陷；5)协助准备小程序上架所需材料，顺利推进至微信平台上线。

1.hrm系统由gin框架搭建，用于人事的人员入职离职状态记录，工资统计，以及工资发发放，由异步与kafka进行全公司工资的定时发放，也可以手动进行分批的发放，对接与企微邮箱，发放的工资条为加密的pdf格式 2.综合网站有django3.2.22构建，对接多个自定义功能，目前还在增加中，有关于openai的对接，实现语音输入自动生成oa请假条；有mrp的计算，因为就职制造业公司，通过递归将成品计算出所需零组件功能；实现微信小程序关联，工人通过扫码零件装配，实时更新到管理员端，进行监控和工时统计；连接erp进行一键顺丰跨越下单；角色分权等等 3.目前综合网站涉及公司机密众多，目前无法发布，可以私聊我查看；人事系统涉及机密将公布部分代码，不放置截图。

一、行业定位与应用场景 本项目主要面向软件开发行业，特别是需要进行代码编辑和开发的场景。主要服务于： 软件开发团队 独立开发者 技术教育机构 IT培训领域 核心应用场景包括： 日常代码开发与编辑 团队协作开发 代码审查与质量控制 技术教学与培训 二、功能模块与用户价值 1. 核心功能模块 graph TD A[核心功能模块] --> B[代码编辑器] A --> C[AI助手] A --> D[项目管理] A --> E[版本控制] 2. 具体功能实现 2.1 代码编辑器模块 智能代码补全 实时语法检查 多语言支持 自定义主题 2.2 AI助手模块 代码生成建议 问题诊断修复 代码优化建议 技术文档生成 2.3 项目管理模块 项目结构可视化 依赖管理 构建工具集成 测试运行环境 2.4 版本控制模块 Git集成 分支管理 代码对比 协作管理 三、技术架构特点 1. 技术栈选型 前端：TypeScript + React 后端：Node.js AI引擎：基于大语言模型 数据存储：本地文件系统 + SQLite 2. 架构特点 模块化设计，高度可扩展 插件化架构，支持功能定制 本地优先，确保数据安全 轻量级设计，快速响应 跨平台支持，一致体验

一、后端部分（Node.js + Express框架） Node.js Node.js是一个基于Chrome V8引擎的JavaScript运行时，它允许JavaScript代码在服务器端运行。 Node.js采用事件驱动、非阻塞I/O模型，使其轻量级且高效，非常适合处理高并发请求。 Express框架 Express是一个灵活且高效的Node.js Web应用框架，为Web和移动应用程序提供了一系列强大的功能。 Express提供了路由、中间件等核心概念，使得开发者可以轻松地构建复杂的Web应用。 在你的项目中，Express框架负责处理来自前端的请求，并根据请求的内容动态生成HTML页面或返回JSON数据。 二、数据库部分（MySQL） MySQL MySQL是一个流行的开源关系型数据库管理系统（RDBMS），它使用SQL（结构化查询语言）进行数据管理。 MySQL具有高性能、可靠性和易用性等特点，广泛应用于各种Web应用中。 作用 在你的项目中，MySQL用于存储网站的内容、用户信息等数据。 后端通过Express框架与MySQL进行交互，实现数据的增删改查操作。 前端通过Ajax或Fetch等技术向后端发送请求，获取所需的数据并动态生成页面内容。 三、前端部分（Vue 3 + Vite） Vue 3 Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它易于上手，且便于与第三方库或既有项目整合。 Vue 3引入了Composition API、更好的TypeScript支持等特性，使得开发者能够更高效地构建复杂的单页应用（SPA）。 Vite Vite是一个面向现代浏览器的前端构建工具，它基于原生ESM（ECMAScript Modules）提供了快速的冷启动和热模块更新功能。 与Webpack等传统构建工具相比，Vite具有更快的构建速度和更好的开发体验。 Vite使用Rollup进行打包，并预配置了许多优化选项，使得开发者能够轻松地将Vue 3项目部署到生产环境。 作用 在你的项目中，Vue 3负责构建前端用户界面，并通过Ajax或Fetch等技术与后端进行通信。 Vite作为构建工具，提供了快速的开发和构建体验，使得开发者能够更高效地迭代和部署前端项目。 四、项目工作流程 用户通过浏览器访问网站。 前端Vue 3应用加载并渲染页面内容。 前端根据用户操作或页面需求向后端发送请求。 后端Express框架接收请求并处理相应的业务逻辑。 后端与MySQL数据库进行交互，获取或更新数据。 后端将处理结果返回给前端。 前端根据返回的数据动态更新页面内容。

此系统是为安徽华烨特种材料有限公司做的一个系统，其为实现工厂物流转运管理和调度，优化产线流程节拍，该系统为双端，PC端和PDA端，PC端主要功能是构建地图、创建设备、创建站点、报警信息管理、任务信息管理、AGV实时位置展示。PDA端主要为AGV创建任务，展示PDA所下发的任务信息、实时展示AGV状态、实时展示液压状态、下发取货送货导航任务。