React

数据大屏后台管理系统 全栈开发 项目介绍：基于react1 8 + ant-design的后台管理系统以及可视化大屏的解决方案，提供了丰富的功能组件模块， 快速搭建企业级中后台的前端架构。其中包含图片处理（裁剪、压缩、合成）、视频处理（播放器、播放插件）、 文本编辑器（Markdown编辑器、富文本、代码编辑器）、流程图编辑器（审批流程图、BPMN流程图）等多功能 后台的模块。其中数据大屏采用DataV-React+echarts构建而成，实现了多功能的后台集成系统。 技术栈：react1 8 、vite、ts、redux、axios、mockjs、antd、echarts、data-view-react 主要成果： 1 . 数据大屏：采用echarts和data-view-react实现动态地图数据流向以及图表监控的数据大屏 2 . 提高复用：封装多个组件便于复用，如大屏组件、表单组件、文件上传组件等 3 . 功能模块：开发多个功能模块，如图片处理、视频处理、文本编辑器等模块 4 . 权限分配：根据不用的用户控制不同的功能模块使用

大数据可视化平台 类似 Tableau - ag-grid 功能开发、格式配置、版本升级、日常维护等； - react、redux、material-ui、echarts、react-grid-layout 等实现报表&仪表盘的编辑和预览； - rc-tree、react-dnd 实现资源树及其选择/拖拽/搜索/节点移动等； - braft-editor、braft-utils 实现动态文本框； - 通用组件封装如 Slider、DateSlider、ColorPick、ErrorBoundary、指标卡、Resizable 等； - 设备模拟、主题色卡、性能优化（资源树缓存、请求缓存）等需求。

本人独立自主研发了该项目，采用前端技术react-+antd进行开发，该项目是面向群众，出现问题，反馈问题的系统。有登陆注册，问题反馈，查询评价等功能。该系统由，pc和移动两种，电脑不方便的可以通过微信公众号进行问题反馈

借助SuperMap iServer地图服务平台和B/S体系结构，开发了基于WebGIS的可视化信息服务管理系统。系统后端基于JAVA语言进行开发并结合SpringBoot技术搭建服务框架，前端使用React框架和TypeScript脚本语言对系统界面和功能进行设计，数据处理采用Echarts等组件提供的折线图、柱状图和pie图进行渲染。系统的主要功能有： （1）用户管理模块：对不同类型的用户赋予不同的权限，保证了系统的安全性；数据的添加、删除、查阅及属性信息的录入和管理。 （2）基础功能模块：包括电子地图的展示、放大、缩小、平移、测距离和测面积。 （3）查询定位模块：通过关键字和几何查询的方式查看医院、学校、公园等公众服务单位的空间信息和属性信息并提供地图定位功能。 （4）交通规划模块:主要包含路径规划和交通换乘两种，用户可根据需求选择出发点和目的地实现点之间的最短路径分析和交通路线规划。 （5）服务分析模块：依据已有的道路拥堵数据可对长春市的主干道和行政区拥堵情况进行模拟动态分析，结合Echarts组件通过各种折线图、柱状图和pie图等形式对分析的结果进行渲染并以相应报表格式打

某货运H5页面仿站，技术栈使用vue。包含首页、订单列表、个人信息、叫车等功能。某大学生创业比赛项目demo。 本人具有多年前端开发项目经验，H5移动商城，PC端资讯类门户网站、数据可视化后台、数据管理后台等。 - 使用HTML5、CSS3、JavaScript、Vue、React等前端技术，能够编写响应式页面，适应不同设备和屏幕尺寸。 - 熟悉性能优化技巧，如减少DOM操作、图片懒加载、资源压缩等。 - 掌握前端状态管理、路由管理、API调用等基本技能。 - 具备良好的UI/UX设计理解，能与设计师合作，实现高质量的用户界面。

本方案面向无锡市人才政府及无锡市各大企业高管 解决了在峰会期间，嘉宾查询行程及座位，从而减少现场的工作人员 此程序包含管理端、小程序端 管理端用于维护会场、嘉宾、嘉宾行程、嘉宾座位维护新闻、政策、图文等 小程序用于展示信息及查询座位信息等

项目描述： 即时通讯工具是模仿微信做的公司内部使用的通讯工具，主要包括聊天室、联系人、聊天记录三大模块，可适配手机端，由本人独立完成。 项目职责： 1、联系人用列表展示，通过手机号搜索添加，数据来源是公司已注册的用户，详情页面可直接点击发送消息按钮跳转到聊天室。 2、聊天室用列表展示，支持置顶，可直接创建新的聊天室。聊天室分一对一聊天和群聊，一对一聊天的属性界面可添加联系人直接创建新的群聊，群聊的属性界面可添加和删除人员，以及退出群聊。可发送消息的内容包括：文字、图片和文件。 3、聊天记录可通过日期、发送人和内容搜索，可查看消息的上下文，可跳转到聊天室。

这是我持续维护的一个基于vitepress的技术分享站点，本人在公司内负责前端的技术培训工作，热爱钻研、分享技术，不喜欢说精通，但是用的挺好，擅长vue、react或类react、astro、nuxt等前端或服务端渲染的（全栈）框架，对Java、数据库、docker、podman等偏后端的东西也不少了解，持续精进中

面向酒店：我们实现了对酒店的管理包括对房间的打扫，预定，以及门锁等相关方面的管理。包括用户角色，系统设置等基础的功能 面向酒店客户：我们整合了酒店场地和各种电竞赛事的预约比赛打造了一站式的管理模式。去掉了不必要的人工参与 职责：主导前端开发库整体实现了酒店所需的各种业务功能模块

目标人群： 被忙碌的工作淹没了生活目标的“打工人”；以目标为前进导向的“打工人”；经常切换目标的人（目标不坚定的人） 作用： 1、通过在小程序定制自己的目标，可以随时随地去查看自己的目标，坚定自己的方向，在迷茫的时候辅助自己做出选择。 2、可以将目标生产图片，作为手机屏保，实时提醒自己，加深心理映射 3、对比目标变更历史，查看自己的成长轨迹，检讨变更的原因 目前功能——一年小目标 1、竖向——维度 时间： 一年四个季度——每个季度的计划 2、横向——分类 学习：看书 、上课、考证 事业：工作、学业等 生活：体育健身、旅游、社交 3、功能 自定义背景图 导出适合实际屏保大小的图片 目标的完成状态

面向企业用户，解决业务展示问题 根据企业用户需求，进行定制开发 运用最新前后端技术，维护方便 面向企业用户，解决业务展示问题 根据企业用户需求，进行定制开发 运用最新前后端技术，维护方便 面向企业用户，解决业务展示问题 根据企业用户需求，进行定制开发 运用最新前后端技术，维护方便

项目简介：为教师提供对学生综合测试能力评估以及对奖学金分配的管理后台 技术栈：React + Webpack + TypeScript, Redux Toolkit, Exceljs, Material UI 项目职责：主要负责用户登录模块、路由鉴权、导出学生数据以及对学生信息修改评审功能；基于LocalStorage和axios的拦 截器实现token存储和刷新；使用Redux Toolkit和React Hooks优化页面渲染流程；通过Exceljs实现可自选字段的导出数据 功能并下载到excel表格中

1. 该小程序面向4S门店员工，主要解决在手机端进行日常工作的痛点。 2. 小程序使用Taro+React+Typescript开发 3. 主要功能包含：客户信息浏览，编辑（AI语音识别），标签管理。代客预约试驾、绑车、活动参与。向客户发送卡券、活动资料，车书等。 该项目仅供预览

1. 做微博数据爬取 2. 大数据分析，情感分析，针对评论做情感分析 3. 地图展示这个省市舆情情况 4. 定时任务定时爬取评论，以及话题数据 5. 用es存出话题数据，以及话题的评论， 6. 添加地图描点，权限管理等功能

1.此项目面向对象是公司的客服部门，解决了客服人员每天面对数量庞大的咨询量时的回复不及时、漏回复、错误回复等问题，提高了部门30%的工作效率 2.此项目主要是使用了qwen-1.8b大模型学习训练识别意图信息，提取有效槽位，实现机器人快速、精准的回复 3.本项目使用了spring全家桶、mysql、redis、rq、阿里云sls日志、react等技术

快洗兔是一款提供上门洗车服务、自助洗车扫码服务、高端定制化洗车服务的小程序。 1.此款小程序主要面向C端用户，随着都市生活节奏的加快，为了满足忙碌都市人的需求，我们开发了这款集上门洗车和自助洗车于一体的微信小程序。无论是家庭车主还是商务人士，只需几个简单的点击，就能享受到便捷的洗车服务，节省宝贵的时间，让爱车焕然一新。 与市场上其他洗车服务相比，我们的小程序具有以下独特优势 1.多样化服务模式：根据不同用户需求提供上门洗车、自助洗车和定制化洗车服务，满足各类消费者的需求。 2.智能站点匹配：采用多站点模式，根据用户位置自动推荐最近的服务站点，确保每位用户都能享受到便捷的服务。 3.一键洗车功能：根据用户的消费历史和车辆类型，提供快捷下单选项，操作简便快捷。 4.定制化洗车服务：针对有特殊需求的高端用户，提供定制化洗车选项，用户可以选择不同部位使用不同材料，确保洗车品质。 5.AI 智能推荐：用户可以描述车辆状况，AI 根据车况和站点情况提供定制化推荐，用户可以直接下单或保存定制详情。 6.实时订单追踪：用户下单后可以实时查看服务人员位置和订单状态，减少等待时的焦虑。 7.营销模块：提

项目简介：一款向学生推送美食的南大家园内部小程序 技术栈：React + Vite + TypeScript、Zustand、Antd、framer-motion、less 项目职责：主要负责应用UI页面、摇一摇、评论电站以及店铺的搜索收藏等功能；通过对axios的二次封装统一管理请求，便于 代码维护和更新；使用缓存、DNS优化以及framer-motion优化页面和图片的加载，提升页面数据响应速度和用户体验

该产品为AI聊天平台，使用Nextjs+ShadcnUI开发，包含聊天应答，文件上传，聊天模板保存（二次使用）等。 用户可通过输入聊天内容，上传文件，或使用模板的方式，同AI进行聊天，并实时流式渲染结果。包含文字信息，表格，markdown格式，echart图表 该产品仅供预览，为线上运行项目。

橙天嘉禾剧场是橙天嘉禾集团旗下自营剧场 抖音搜索：橙天360剧场，找到 线下门店 - 剧场预售票 微信搜索：橙天嘉禾 或 橙天嘉禾剧场 业绩: 为剧场提供了微信端的在线购票入口，极大地提升了购票体验

1.主要为银行科技部提供软件生命管理； 2.项目分为需求管理、项目管理、外包管理、考勤管理、全流程服务等模块；需求管理提供从需求提出、需求分析、需求拆分和排期等一些列管理；项目管理提供立项、组建团队、定制高层计划、启动、监控等过程管理；外包管理提供人员入场、资源分配、人员离场，外包结算等服务，考勤管理提供人员打卡、报工、请假、补卡等服务，全流程服务对接其他各系统，实现一体化管理 3.项目采用spring boot微服务结构，各模块可以独立运行，方便业务的扩张与解耦