React

统计中心：统计随访任务团队任务数据，提供随访数据的统计和分析功能，为管理决策提供支持。 随访管理：自动生成随访任务，并分配给相关随访人员。 患者360管理：根据患者病情和诊疗计划，制定个性化的随访计划。 任务管理：自动生成随访任务，并分配给相关随访人员。 技术栈： react、react-router、antdesign、antd-ProComponents、monorepo、less、scss vue、vuex、vue-router、axios

项目描述： 该项目为后台管理系统，旨在实现体检流程的数字化、智能化管理，提升用户体验和体检效率。本项目的主要目标是通过体检一体化系统，实现体检流程的自动化管理，支持多维度数据分析，提升体检效率和用户体验。包括覆盖全区10家体检机构、服务用户超过500万人。 技术栈： react、react-router、antdesign、antd-ProComponents、monorepo、less、scss vue、vuex、vue-router、axios

简单来说，它是一个旨在极大简化表单创建过程的软件开发工具。它利用图形化界面（通常是拖拽式操作）和预先构建好的组件，让用户（尤其是非专业开发者）能够快速、直观地设计和构建功能丰富的在线表单，而无需或只需编写极少量的传统代码。 技术选型： 核心库：react.js(18.3.1) react-dom(18.3.1) typescript(5.8.3) 路由：react-router-dom 状态库: zustand css框架：tailwindcss(3.4.17) 国际化：react-il8next UI组件库: antd 打包工具: vite 语法检查: eslint 核心特点: 可视化设计界面 : 1. 所见即所得： 用户在一个类似画布的界面上直接操作表单元素（如文本框、下拉框、单选框、复选框、日期选择器、子表单等）。 2. 拖拽操作： 通过鼠标将所需组件从组件库拖放到设计区域。 3. 实时预览： 设计过程中可以实时看到表单的最终呈现效果，无需编译或部署。 低代码/无代码: 配置取代编码： 表单的逻辑（如字段校验规则、条件显示/隐藏、数据联动、简单的计算）通常通过配置属性面板（如设置必填、格式、显示条件等）来实现，而不是编写复杂的JavaScript或后端代码。 丰富的组件库: 1. 提供大量预构建、可复用的表单字段组件（如输入框、选择器、日期时间、成员单选、子表单、多标签、过滤条件等） 2. 组件通常具有丰富的属性可配置（样式、校验、交互行为）。

项目为客户成功获得香港政府投资资金，为香港宠物品牌量身定制了一款多功能宠物APP+电商平台，整合宠物社交、健康管理、线上购物及服务预约等功能，采用React Native跨平台框架开发，实现iOS与Android（APK）版本同步上线，显著降低客户开发与维护成本。 核心亮点与成果 1. 技术选型高效降本 - 选用React Native同构开发，节省30%以上成本（相比原生双端开发），同时保障流畅用户体验。 - 集成AWS云服务实现高并发支持，确保香港地区稳定访问。 2. 功能模块全覆盖 - 电商系统：商品展示、支付接口（支持支付宝HK、PayMe）、物流追踪。 - 健康管理：AI宠物健康建议（合作本地兽医诊所）。 3. 政府基金申请成功 - 协助客户通过香港创新科技署「科技券计划」（TVP），获批基金补贴，覆盖部分开发费用，提升项目ROI。 客户价值 1. 快速上线：3个月内完成MVP开发并迭代优化。 2. 本地化适配：支持繁体中文、英文双语，符合香港用户习惯

安全管理平台简介 1.本方案聚焦工业互联网领域，面向制造业、能源、交通等行业客户，解决OT（运营技术）与IT（信息技术）融合场景下“设备接入失控、数据传输裸奔、策略统一管理难”的核心痛点。通过构建“端-管-云-边”一体化防护体系，实现工业全流程安全闭环管控，助力企业满足等保2.0、关基保护条例等合规要求。 2.方案核心特点：国密零信任架构：基于SM2非对称加密与SM4-GCM流加密技术，构建“动态认证+细粒度授权”机制，实现设备身份可信、数据传输机密、操作行为可溯，破解工业协议裸露传输风险；基于属性的策略引擎（ABAC）：支持按设备类型、生产环节、数据敏感度等50+属性动态生成访问策略，结合CDX执行引擎实现隧道级流量管控，策略生效延迟

核心增强技术 动画库 Framer Motion：为React设计的强大动画库 GSAP：专业的JavaScript动画工具，可与Three.js配合使用 3D模型处理 react-three-fiber：Three.js的React渲染器 drei：react-three-fiber的实用工具集合 glTF/GLB格式优化：使用Blender或在线工具优化3D模型 UI/UX增强 Tailwind CSS：实用优先的CSS框架 Chakra UI：模块化组件库 Styled Components：CSS-in-JS解决方案 高级功能建议 交互式3D体验 3D产品展示/作品集 可交互的3D场景导航 WebXR集成（VR/AR体验） 创意效果 粒子系统（使用three.js或particles.js） 着色器效果（GLSL） 视差滚动与3D结合 性能优化 Next.js的ISR（增量静态再生） Three.js的懒加载和性能优化 使用Suspense进行代码分割

本项目是个人开发的后台管理系统，主要做为能力展示！本项目前端后端加系统运行环境皆有本人自己搭建开发 具有编程语言java开发经验，同时有过短暂php编程语言项目开发经验 具有mysql关系型数据库进行表设计和开发经验，同时有过oracle,sqlServer数据库开发经验 具有使用中间键RabbitMQ和Redis设计开发经验，同时也有MinIO文件存储开发经验 具有SringSecurity,SpringBoot,MyBatisPlus,SpringCloud,SpringCloudAlibaba,Struts2,Hibernate,log4j2后端框架开发经验 具有用Html,Xml,css,JavaScript,Ajax,jQuery,EasyUI,Ztree,React,Antdesign,node.js前端组件库和框架开发经验 具有使用IntelliJIDEA,Eclipse,WebStorm,Postman,SVN,Git,Maven,Xshell项目开发工具使用开发经验 具有对java和sql代码性能优化设计经验 具有熟悉开发web项目前后端分离开发流程，并能进行面向resful风格的接口开发经验 具有编写TCP/IP和HTTP协议对接第三方接口平台，和了解Linux系统部署过docker容器，熟悉基本的操作指令 具有使用图像识别AI,辨认读取图片信息和文字识别 OCR进行业务流转经验

学校教师参加的AI教学工具比赛 具有AI在线交流；AI自动出题；根据用户输入的提示词，AI自动升成Word教案；根据提示词自动生成课件PPT等功能 项目采用前后端分离的架构，前端React框架，后端Python Flask框架，采用Sqlite数据库。通过Nginx进行代理，并且编写启动脚本，用户解压文件后，可以一键启动前后端，免去了繁琐的部署步骤。 --长期接学校课程作业、毕业设计、各类比赛项目

该项目对应的 GitHub repository 的 star 数已超过 1.1k。 铜钟是一个主打「听歌」功能的 web app, 致力于为人们带来卓越的听歌体验。铜钟有着丰富的音乐资源，简洁清爽的 UI 和方便的交互。在铜钟上，你不仅可以方便地找到并聆听你喜欢的歌曲，还可以将它们保存下来。 铜钟上的一切内容都是与音乐直接相关的，没有直播, 社交和广告，不会干扰你的听歌心情。在铜钟上，你可以沉浸到属于你自己一个人的那片天地，忘却世间的纷纷扰扰...

APEC 赛事系统：赋能高校人才竞技与赛事管理 系统概述 APEC 赛事系统是由亚太经合组织（APEC）支持打造的国际化竞赛平台，旨在为亚太地区高校的优秀人才提供高效、便捷的赛事报名与管理服务。该系统采用“双端协同”架构，分为 参赛者端（C端APP 和 主办方后台管理系统，覆盖从报名、评审到结果公示的全流程，助力赛事数字化升级。 核心功能亮点： 1. 参赛者端（C端APP）——便捷参赛与实时追踪 - 智能报名通道 - 支持多赛事分类检索（如科技创新、商业案例、艺术设计等），一键报名并上传材料，兼容PDF、视频等多媒体格式。 - 自动填写历史参赛信息，减少重复操作，报名效率提升60%。 - 全周期状态追踪 - 实时推送赛事进度（如初审、晋级、决赛安排），支持查看评委反馈与得分详情，增强透明度。 - 电子化晋级证书自动生成，并可分享至社交媒体，提升参赛者荣誉感。 - 跨平台协同 - 适配iOS/Android/Web端，支持团队报名及成员分工管理，解决跨校组队协作难题。 2. 主办方后台——高效管理与智能评估： -全流程赛事配置 - 自定义赛事规则、评审标准、时间节点，灵活适配不同竞赛类型（如线上答辩或线下路演）。 - 自动化分组工具：按学科、地域等维度智能分配参赛者至对应赛道。 - 数据可视化与安全 - 动态仪表盘展示报名人数、晋级率、地域分布等关键指标，辅助主办方优化资源分配。 - 权限分级管理（超级管理员、评委、志愿者角色），确保数据安全与操作合规。

1.网站的开发和维护，开发网站功能和网页、维护网站，网站开发包括需求分析、设计、前端开发、后端开发、测试、部署。 2.应用实现多语言和全球化全球化，赋能企业出海，包括网站和应用的架构设计、实施。 全球化和翻译测试，确保软件产品的质量。 项目管理。 翻译服务,提供简体中文和英文翻译服务。

面向对象与问题解决 本方案面向天津大学师生和研究人员，打造了一个专属于校内用户的多模态AI交互平台。在当前教育环境中，一般性AI工具往往难以满足学术精确性和专业领域的深度需求，且公共大模型平台存在数据安全和隐私保护的顾虑。本项目解决了学术环境中对高质量AI交互工具的迫切需求，为教学、科研和学习提供安全可靠的智能助手，同时确保数据不外泡，满足校内信息安全标准。 方案特色与市场差异 相比市场上常见的通用型AI聊天方案，本平台具有以下突出特点： 多模态交互能力：支持文本与图像混合输入，可实现图文结合的深度交流，特别适合教学场景中的复杂知识传递和科研中的图表分析。 流式响应机制：采用实时流式响应技术，AI回复过程可见，大幅提升用户体验和交互效率，避免了传统请求-响应模式的等待焦虑。 校内专属定制：系统UI采用天津大学主题色彩（深蓝色#0a2351），结合学校特色，提升师生认同感和归属感。 多模型灵活切换：用户可在DeepSeek-R1和千问VL-2.5等先进大模型间自由切换，根据不同学科需求选择最适合的模型，满足从理工科到人文学科的多样化应用场景。 会话管理系统：完善的对话存储与管理功能，支持会话创建、重命名和归档，方便用户进行知识沉淀和学习复习。 图像智能处理：具备高级图像上传与分析能力，支持各类学术图表、实验数据和教学资料的深度理解。 技术架构与产品组成 本方案采用现代化前后端分离架构： 前端技术栈：React + TypeScript构建，采用Context API进行状态管理，实现了轻量高效的用户界面。 后端服务：基于Flask的RESTful API设计，集成了图像处理服务和大模型调用接口，确保响应速度和系统稳定性。 数据存储：采用关系型数据库存储用户会话和消息历史，结合图床服务实现高效的多媒体内容管理。 AI模型集成：DeepSeek-R1 671B（擅长逻辑推理和专业领域）和QwenVL-2.5（视觉语言多模态能力强）双模型支持，满足不同学科的智能助手需求。 本项目成功融合了先进AI技术与教育场景需求，为天津大学打造了一个专属的、安全的、高效的智能交互平台，极大提升了校内智能化教学与研究水平

项目描述：该项目是NFT平台的借贷官网，该项目的功能是介绍借贷平台。本项目用到很多的动画来构建网站。 项目技术：Next + React hook + tailwindcss + Redux + Typescript + Tailwindui + axios 项目职责： 1.负责参与前端页面开发，使用Tailwindui 更高效、完美的实现页面， 2.使用css3来完成页面繁杂的动画效果，使用css3的动画完成图片轮播，； 3.使用tailwindcss 来编写css样式； 4.使用axios进行网络请求，并实现了对网络请求部分的完全封装，使用请求拦截器阻止重复请求， 5.使用响应拦截器处理解构成功请求，优化返回格式，处理失败请求，优化全局错误捕获机制； 6.通过Redux 状态管理数据； 项目优化： 1. 优化代码，页面适配不同的浏览器，增加接口加载时的过场动画，提升用户体验； 2. 加入防抖、节流函数降低获取频繁，提高性能 ，通过路由加载等方式对项目进行优化； 3. 使用 useMemo、useCallback等优化减少不必要的重新渲染。

项目描述：本项目属于后期维护项目，主要功能是查看并下载不同功能的中国、各国、世界的标准地图，用户可 进行注册，登录，查看或下载地图，绘制自定义地图等操作。 责任描述：我负责完成新增需求，导入今年新增的多张地图，增加相应的对应菜单，完善地图排序功能，增加多 个筛选条件，修复下载地图功能，修复发送邮件服务。

商户端可以配置活动（轮播图、价格、描述、具体内容、活动规则、奖金配置、活动上下架），查看活动列表、活动参与会员信息等功能；微信小程序用户端可以查看活动内容，分享给朋友或者分享到朋友圈，查看个人信息和已参与活动，红包和佣金的提现等功能。 1.使用postMessage让活动内容页面在web端和小程序端共用，更好的实现多端内容一致且后续维护和修改方便。 2.使用jQuery实现小程序进入活动页面加载红包掉落动画。

【项目介绍】： 本作品是项目中的资料管理模块，该模块功能主要分为：共享文档、标签库设置、个人文档 1.共享文档：用户可在该页面上传文档，并设置共享权限，将文件共享给其他用户查阅 2.标签库设置：主要用于管理设置标签，标签用于给文档分类 3.个人文档： 个人文档里展示的是自己有权限查阅的文档，并可以进行收藏等操作 【使用技术】： React + antd + fetch

【项目介绍】： 本作品是项目中的资料管理模块，该模块功能主要分为：共享文档、标签库设置、个人文档 1.共享文档：用户可在该页面上传文档，并设置共享权限，将文件共享给其他用户查阅 2.标签库设置：主要用于管理设置标签，标签用于给文档分类 3.个人文档： 个人文档里展示的是自己有权限查阅的文档，并可以进行收藏等操作 【使用技术】： React + antd + fetch

【项目介绍】： 本作品是一个项目建设管理平台，主要分为：主页、进度分析、质量分析、安全分析、投资分析等5个功能模块 1.主页为可视化数据展示页面，主要展示各个子功能模块中的主要数据 2.进度分析，利用可视化图表展示各个工程项目完成进度情况 3.质量分析，利用可视化图表展示各个工程项目质量完成情况 4.安全分析，利用可视化图表展示各个工程项目安全隐患情况 5.投资分析，利用可视化图表展示各个工程项目投资资金使用情况 【使用技术】： React + antd + echarts +BMap

根据产品更新迭代需求保质保量的完成 完成了项目从0到1的过程 完成 vue 到 react 的转型 负责项目开放文档模块的开发，使用react-md-editer组件完成文档的渲染，管理端也是使用react-md-editer进行编辑， 并且根据个性化需求给组件加了一些组件插件和渲染端的个性化处理 负责开发沙盒模块，开发了桥来实现沙盒环境和正式环境的数据传递，通过ifream的postmessage和getmessage来实现 两个跨域的页面之间传递参数 使用umi框架的qiankun微前端的解决方案嵌入其他项目的页面 封装项目中公共组件和公共方法 熟练使用ts 代码检视，监督其他前端同学的代码规范和质量，前端团队的协作（前端人员的分工和估点）

系统功能：HCM包括四个微服务，分别是通用服务HCMc、执行服务HCMe，计划服务HCMp，互联服务HCMl； 计划服务HCMp：需求订单、制造订单 执行服务HCMe：订单、调度、不良、装配移动等 HCM通过一体化的解决方案实现制造体系全流程的协作与管控。同时，HCM的数据模型完整记录了订单交付履历和产品过程参数，帮助企业进行产品生产和质量追溯，从而发现体系缺陷，完善制造能力。 负责主数据接口、以及制造订单。 Spring Cloud + Hzero + Mybatis + Oracle+ Redis + gitlab + Nginx + Recat + dubbo