react

布局合理炫酷的大屏页面设计 Echarts绘制全国地址与各个省份地图的切换 首屏动画展示和数据预加载loading 根据温度湿度展示不同颜色的css效果 项目地址：http://8.152.2.138:3005/ Git地址：https://github.com/1350171526/react-echarts

1. 对接业务需求方， 需求梳理。完成产品页面原型设计。系统前端架构设计。 2. 负责客户端页面编码，服务端数据联调。 3. h5端集成嵌入微信公众号，集成第三方App, 页面交互适配改造。 4. 业务办理表单组件编写。文件上传。资源pdf预览打印。文件生成等。 5. 原生方法调用，调用系统相机， 资源访问等，开启系统权限等。 6. 电子答题问卷表单编码制作等。

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

1、【产品定位】聚源云平台专业为工业物联网用户量身定制的信息化系统，提供安全可靠的设备接入和通讯能力，可低成本快速实现产品场景智能化，通过应用开发、组态服务、运维管理、数据中心等核心功能，对工业现场信息实现有效分析和处理，为用户提供全通讯方式的硬件+软件解决方案。 2、【方案特色】以胶水代码组件和物模型方案，极大的提高了平台对工业物联行业眼花缭乱的设备和协议的兼容能力；同时提供低代码、可视化的大屏、组态构建能力；方便集成商快速为客户以极低的成本完成客制化定制；同时提供SAAS和私有化方案。 3、【产品简介】该平台主要包含产品管理，设备管理，视频中心，大屏管理，组态管理，报警联动，数据中心以及系统管理等模块，其中设备管理、报警联动、大屏管理形成基本的业务管理逻辑；系统模块支持集成商完成组织层级管理和oem个性化定制。

商业项目不宜上传，所以上传了一个自己平时保持手感学习提升的综合功能项目。如有必要官方可以联系我提供其它项目的演示地址或部分项目源码。 本项目包含了以下技术要点： 1. 预加载静态资源、DNS 预加载、移动应用离线缓存、SVG 图像技术； 2. CSS 新特性应用，Flex 布局 + Grid 布局应用示例； 3. JavaScript（ES6+）各类新特性的应用； 4. React 项目的示例包含两个成品项目，考试系统可以免登录测试，另外一个需要账号才能进入。

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

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

一款专为企业员工打造的福利电商小程序，提供全方位的福利兑换服务。 平台整合了优质商家与丰富的福利产品，帮助企业简化员工福利管理流程，提升员工的福利体验与满意度。 通过小程序商城，员工可以灵活选择自己心仪的福利产品，涵盖生活用品、健康食品、数码产品等多个品类，满足个性化需求。 平台具有自动化的监控、跟踪功能，确保企业的福利政策及时落实，同时为员工提供便捷、直观的消费体验。

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

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

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

数据大屏后台管理系统 全栈开发 项目介绍：基于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 . 权限分配：根据不用的用户控制不同的功能模块使用

本项目为"宏耀AI"，一个创新的网页应用，专注于将用户的创意直接转化为专业级商 业计划书。该平台通过先进的AI技术，提供交互式指导，帮助用户跨越从灵感萌发到 方案实施的鸿沟。 在该项目中，作为前端开发核心成员，主要职责聚焦于构建无缝的用户界面与优化整 体体验。具体实现包括： 富文本编辑器优化：精心打造基于Slate的高级编辑器，不仅支持多样化的文本编 辑功能，还创新性地融入AI交互能力，如内容自动优化、智能扩展等，并实现了文 档的便捷导出，极大地提高了用户效率。 个性化内容生成系统：设计并实现了一套动态问卷机制，能够根据用户输入智能调 整问题逻辑，进而利用AI生成高度定制的商业计划文档，支持多种格式输出 （Word, PDF, PPT），满足不同场景需求。 页面开发与性能提升：完成了全面的前端页面构建与优化工作，确保应用在各类浏 览器及设备上的兼容性和响应性。通过Webpack优化与代码分割策略，成功提速 首屏加载40%，显著改善用户体验。 数据洞察与用户行为分析：集成百度统计工具，实施细致的埋点策略，有效追踪用 户行为路径，为产品迭代提供了宝贵的数据支撑。 高效状

量析金融面向期货交易人群（5000万体量），为期货交易者提供了无需编程的自动化交易系统，用户可以自由的选择交易策略和交易品种进行历史回测和自动化交易。帮助期货交易者更好的作出交易决策。 量析金融为市场首例免编程的回测系统，相比于其他自动化交易平台，量析金融不需要用户学习编程，并且提供了历史回测的功能，增加了策略的可信度。系统可以通过邮箱、企业微信通知用户交易信息，帮助用户及时进行交易。 后端采用python为主要语言，前端采用react的技术方案，数据库采用mysql储存普通数据，用dolphindb储存行情数据

本系统面向一个三甲医院的影像科，利用PACS教学系统规范化本科人员的影响教学与培训，还有进修学院的培训与教学，系统设有考试模块检验培训教学效果。本系统还有信创版本，满足信创测评要求。这是我个人全栈开发的系统，有兴趣的老板请联系我。

速搭云平台是北京数搭科技公司旗下，为数字化转型，数字孪生应运而生的以大数据为驱动、AI为基础的可视化应用开发的一体化PaaS平台。速搭云以四大引擎，八大能力，做到应用场景全覆盖，满足政府、企事业单位的智能经营与智能管理需要。 速搭云支持对企业管理应用的全可视化无代码构建，提供基于通用标准的开放式架构体系，满足复杂场景的扩展诉求。 核心产品包括速搭云智能应用构建平台（含开发、工作流、企业门户、管理应用等）、速搭云智能AI训练平台、速搭云智能BI平台、速搭云二次开发平台等。公司以产品为基础，结合企业实际个性需求提供定制服务，以期帮助企业提升客户体验，降低运营成本，提升营销能力，降低业务风险，提升用户满意度。 核心优势：一体化开发配置平台，开发程度高，支持信创国产化，大模型AI应用，先进的双态隔离机制，支持全源码交付，全自主可控。

集信息流资讯、线上教育培训、创业服务三大业务为一体的APP。同时将营销体系（会员、优惠券、新用户承接等）贯穿到业务流中。使用了vue3、react、uniapp、nodejs、python、docker、kubernetes等等技术栈

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

该产品主要面向幼儿园，解决了幼儿园搭架公众号的问题，可以实现一键授权对接幼儿园的公众号，降低搭建成本。 本产品特点是比较注重安全性，拥有菜单权限、接口权限、数据权限；还可以通过内置选色板，自定义各类数据颜色，查看数据一目了然；还具有自定义审核流程机制，可自定义请假、内容发布等流程； 本产品前端使用React技术，使用ant design UI；后端使用go，数据库采用postgres，缓存为Redis

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