nodejs

全栈开发从 0 到 1 搭建个⼈博客项⽬，基于 react+ts 开发的个⼈博客⽹站，使用的技术栈有：react 全家桶、typescript、vite、useSWR、tailwindcss、eggjs、mongodb。 主要⽤于记录技术成⻓和分享⽣活，其中后端使⽤ node 下的 eggjs 框架，数据库为⾮关系型数据库 mongoDB。站点分为前后台，后台作为数据维护管理，前台作为展示⻚⾯。

迅雷海外业务中心明星产品，日活达到百万+ 迅雷海外市场的一款影音娱乐 app。 技术：安卓原生客户端 + webiew 嵌入 h5 页面。 前端技术：vue + vue-router + nodejs（koa） + webpack + eslint + 自研项目脚手架工具。 我负责其中的一些web页面，比如 v币首页、转盘摇奖页、电影电视剧拉新等活动页。 我比较创新的贡献是： 1.基于国际化场景实现了一个babel翻译插件，提升了团队的开发效率。 2.v币页面打包时静态文件全部上传 s3cdn（webpack s3plugin） 即发布工具。 3.分析打包后的相关文件，发现引入了不知名的库导致 js 体积很大,后逐步排查问题使得 js 体积减小。 4.页面引入了 vue.cdn.js，不同页面间利用了相同的缓存。 5.利用 webpack devServer before 钩子，实现了动态入口编译，使得构建速度得到提升。 6.实现了项目的编译、发布检查命令脚本（githooks）, 使得团队较少出现代码合并错误的问题。 7.基于海外业务实现了一个用于初始化的脚手架工具，使得团队项目开发效率得到提升。

产品介绍 该产品是一个个人IT技术博客，旨在展示作者的个人品牌、信息和技术实力、案例以及联系方式等。 首页个人介绍： 让读者了解作者的基本情况。 关于人物详细介绍和经历： 详细介绍了作者的个人信息，包括经历、教育背景、技能清单等。 博客关于技术类的分享： 发布作者的技术文章，分享技术知识和经验。 案例展示部分过往案例： 展示作者过往开发的产品，包括技术架构，项目负责内容等。 在线联系作者： 提供作者的联系方式，方便读者与作者联系。 整个博客界面简洁易用，内容丰富。为读者快速了解作者信息和合作联系等提供了便利的平台。 产品目标 1.个人介绍：首页个人介绍栏目，作者可以展示自己的个人信息，介绍自己的经历和教育背景。 2.技术分享：通过博客的博客关于技术类的分享栏目，可以分享自己的技术知识和经验。 3.案例展示：案例展示部分过往案例栏目，作者可以展示自己过往开发的IT技术产品。 4.联系方式：联系作者栏目，作者可以方便地提供自己的联系方式，方便读者与作者联系。 5.交流互动：可以与读者进行交流互动，了解读者的看法和建议，提升自己的技术水平。 6.个人品牌建设问题：通过博客作者可以通过展示自己的个人信息和技术实力，建立自己的个人品牌等。 技术架构 1.前端：原生开发。 2.后台管理：应用VUE开发，后台管理应用ELEMENT UI 制作 2.后端API开发：Node.js 3.数据库：MySQL 4.WEB SERVER：（SSR）渲染 NUXJS框架 5.多进程管理：PM2 6.可扩展集群：可支持 技术组合构成了该博客的技术架构，保证了产品的高效可用、产品稳定、可扩展以及高性能的特点。 负责内容 负责项目的全栈开发工作，从前端页面制作到后台管理开发以及后端API开发，到应用上线部署等所有内容。 产品开发细节 前端没有使用任何框架，使用原生代码进行开发，所有页面自适应。 后台管理应用Vue和Element UI进行开发，使用Vue作为前端框架，Element UI作为UI组件库，提高了开发效率。 后端API通过Node.js开发， 应用Express、JWT、Mysql、socket等模块。 数据库使用MYSQL，使用MySQL进行数据存储和管理，提高了数据的安全性和稳定性。 服务端渲染使用了Nuxt.js，目的主要是解决单页面应用不利于SEO优化的问题，使用NUXTJS可以完美解决SEO的整站优化问题。 服务器应用阿里云服务器可分布式扩展、稳定安全、高可用。 CND应用阿里云CDN，使用阿里云CDN可以实现资源分发和加速，提高了网站的加载速度。

本项目是一个基于Next.js开发的虾皮电商平台专用ERP管理系统，提供订单管理、入库管理、物流管理等功能。 ## 功能特点 - **入库管理**：管理产品入库流程，记录库存信息 - **订单管理**：处理订单，跟踪订单状态 - **待发货订单**：查看和处理待发货的订单 - **物流管理**：跟踪物流状态，管理物流信息 - **店铺管理**：管理多个店铺 - **系统设置**：配置系统参数 ## 技术栈 - **前端**：Next.js 14, React 18, TailwindCSS - **后端**：FastAPI (Python) - **数据库**：MySQL - **部署**：支持Docker容器部署 ## 安装与启动 ### 系统要求 - Node.js 18+ - PNPM (推荐) 或 NPM - MySQL 8.0+ - Python 3.8+ (后端) ### 安装步骤 1. 克隆本仓库 ``` git clone cd erp-system ``` 2. 安装前端依赖 ``` pnpm install ``` 3. 配置环境变量 创建`.env.local`文件并添加以下配置： ``` NODE_OPTIONS=--dns-result-order=ipv4first HOSTNAME=127.0.0.1 HOST=127.0.0.1 NEXT_PUBLIC_HOST=127.0.0.1 NEXT_PUBLIC_API_BASE_URL=http://127.0.0.1:8000/api/v1 NEXT_TELEMETRY_DISABLED=1 NEXT_PRIVATE_HOST=127.0.0.1 ``` 4. 启动后端服务器 ``` cd bak/backend uvicorn app.main:app --host 0.0.0.0 --port 8000 --reload ``` 5. 启动前端开发服务器 ``` pnpm dev ``` 6. 访问系统 在浏览器中打开 [http://127.0.0.1:8090](http://127.0.0.1:8090) ### 使用快捷启动脚本 我们提供了多个批处理脚本，用于简化启动和修复过程： - `修复并启动.bat`：修复Radix UI问题并启动前端 - `直接进入系统.bat`：跳过登录直接进入系统 - `直接进入系统完整版.bat`：同时启动前后端并跳过登录 ## 项目结构 ``` erp-system/ │ ├── app/ # Next.js应用目录 │ ├── api/ # API路由和工具 │ ├── components/ # 公共组件 │ ├── context/ # 上下文管理 │ ├── inventory/ # 库存管理模块 │ ├── orders/ # 订单管理模块 │ ├── stocks/ # 入库管理模块(新) │ ├── shipping/ # 物流管理模块 │ ├── stores/ # 店铺管理模块 │ └── settings/ # 系统设置模块 │ ├── components/ # UI组件 │ ├── ui/ # UI基础组件 │ └── ... # 其他组件 │ ├── lib/ # 工具库 │ ├── bak/ # 备份和后端代码 │ └── backend/ # Python后端代码 │ ├── public/ # 静态资源 │ └── ... ``` ## API接口 系统主要使用以下API接口： - `/api/v1/stocks/`：入库管理相关API - `/api/v1/orders/`：订单管理相关API - `/api/v1/stores/`：店铺管理相关API - `/api/v1/shipping/`：物流管理相关API ## 常见问题解决 ### React无限循环渲染问题 如遇到"Maximum update depth exceeded"错误，请运行以下修复脚本： ``` node fix-presence-issue.js node fix-compose-refs.js ``` ### 数据库连接问题 如遇到数据库连接问题，请运行： ``` 修复数据库权限.bat ``` ## 贡献指南 如果您想为项目贡献代码，请遵循以下步骤： 1. Fork本仓库 2. 创建功能分支 (`git checkout -b feature/amazing-feature`) 3. 提交更改 (`git commit -m 'Add some amazing feature'`) 4. 推送到分支 (`git push origin feature/amazing-feature`) 5. 发起Pull Request

Blueprint Plan 是面向知识工作者与敏捷团队的下一代「计划-执行-同步」一体化平台。它把传统甘特图、看板、日历、思维导图四大视图整合进同一个实时数据引擎，既保留了专业项目管理软件的深度，又兼顾了个人 To-Do 工具的轻盈。无论是 3 人创业小队，还是 3000 人分布式组织，都能在 Blueprint 中找到适配自己节奏的工作流。

1、本方案面向“一刻钟社区”中的“商家”，它解决的问题是：响应国家号召，依托社区构建15分钟生活圈。说人话就是：不要再蹲在网上买东西了，走出家门在社区附近就能买。 2、相比于市场常规方案，本方案的特点是“能够精准的发放优惠券”。说人话就是：这个平台就是一个“优惠券”的发放、领取和分享平台。专门让商家入驻的同时发放自己的优惠券，然后分享到自己的客户微信群里面。客户去到线下，商家核销这个优惠券，就这么简单。这样做的重点是“市场定位精准”，抓住商家的痛点。 3、方案的技术选型：微信小程序、uniapp、vue2、uniCloud、nodejs 4、项目地址在：https://gitee.com/1160/oneclock。

1. 零门槛匿名社交 用户无需注册/登录，通过URL即可加入公开聊天室，解决传统社交平台强制注册、隐私暴露的痛点。 2. 混合式聊天场景覆盖 同时支持 “开放群聊”（public room）和 “私密对话”（1对1），满足用户从公共讨论到深度沟通的全场景需求。 3. 技术栈碎片化整合 用统一技术链（React + Socket.IO + MongoDB）打通实时通信与数据持久化，避免多服务拼接的复杂性。 4. 轻量化替代方案 为临时会议、兴趣社群等场景提供 无需下载客户端、即开即用 的Web端解决方案。

1.面向广大的想学习粤语的朋友，和想学习粤语歌的朋友，通过小程序可以学习到港版的标准粤语 2.已上线，可微信搜索粤拼歌单小程序进行浏览，包含对接的粤语库，包含 歌曲搜索，歌词搜索，粤语翻译，粤语拼音，歌曲分类，客服聊天 3.技术栈采用 vue(ERP，可通过erp上传信息在小程序直接渲染展示)+微信小程序(微信原生)+node服务 +阿里云服务器 5.后续正在迭代中，优化更多内容

一个基于 Node.js 的分布式 RPC 框架，支持多服务、多管理器的分层架构设计。 ## 核心特性 - **分层服务架构** - 支持服务(Service)、管理器(Manager)、方法(Method)三层结构 - 灵活的服务注册和发现机制 - 支持全局服务和非全局服务 - **RPC 通信** - 基于 Socket.IO 的进程间通信 - 支持方法调用和属性访问 - 支持同步和异步调用 - 自动的连接管理和重连机制 - **多种服务接入** - HTTP服务 (Express)：支持RESTful API和跨域访问 - WebSocket服务 (Socket.IO)：支持实时双向通信 - 数据库服务：MySQL, Redis, MongoDB - **配置管理** - 集中式的服务配置 - 支持开发和生产环境 - 灵活的调试端口配置

本小程序主要面向社会公众，为公众提供出行汽车售票以及旅游包车、通勤车及公务用车等租车服务及其他出行相关服务，以及该集团下属驾校驾驶证和交通运输行业资格证在线报名等功能。 本小程序是根据集团深度定制化开发，包含：微信小程序、管理后端、后台服务等三部分，除了针对公众服务外，还增加了业务员管理，不同业务负责的业务员在社会公众人员在小程序进行下单后，主动通过模板消息推送对应的驾培、包车、通勤及公务用车下单信息给对应业务的业务员，从而能够方便业务员与下单人员进行后续的对接工作。 后端主要负责退票，退单，查询统计，对账及业务员录入，公众账号管理等功能。 后台服务主要负责给小程序、后端管理端提供后台支撑服务，另外还对接了汽车站站务系统，用于从站务系统抓取起始、终到站列表，班次信息等。 需要定制开发小程序可直接在程序员客栈留言联系.

面向对象与解决问题：本方案聚焦污水处理厂运营管理团队、监管部门及一线运维人员 。针对污水厂传统管理模式下，数据分散难整合、运维响应滞后、多端协同效率低等痛点，实现生产数据实时采集（如水质、设备状态）、远程智能管控（工艺参数调节、设备启停）、故障预警推送，让污水厂运营从 “经验驱动” 转向 “数据驱动”，助力高效监管与精细化运维 。 方案特色：对比市场常规方案，具备 全端覆盖与深度协同 优势 —— 依托 uniapp 实现手机端（Android/iOS）、web 端、微信小程序端一次开发多端适配，打破端与端数据壁垒，运营数据实时同步、操作指令跨端响应；技术上融合 Java + SpringMVC 构建稳定后端架构，支撑高并发数据传输与复杂业务逻辑（如污水处理工艺模拟计算），Vue + React 双框架灵活搭配实现前端高效渲染，让操作界面更流畅、数据可视化更直观（如 3D 工艺流程图、动态数据看板 ），助力污水厂管理降本增效超 30% 。 产品组成与技术选型：产品由 智能感知层（对接传感器、PLC 设备采集数据）、后端服务层（Java + SpringMVC 搭建数据中台，处理存储、业务逻辑）、前端应用层（uniapp 跨端开发，结合 Vue/React 实现多端交互界面） 组成。技术选型紧扣 “高效、适配、易扩展”——Java 保障后端稳定性与兼容性，SpringMVC 简化接口开发与请求调度；uniapp 解决多端适配成本高问题，Vue/React 提升前端交互体验，为污水厂智慧化升级提供灵活、可靠的数字化工具 。

面向对象： 护理公司：需要管理客户、专护师、财务流程的中小型企业或连锁机构。 多租户SAAS服务商：希望为母婴行业提供标准化管理系统的云服务提供商。 核心问题： 业务闭环缺失：传统系统（如单一财务软件或HR系统）无法覆盖“客户签约→服务派单→出勤记录→工资结算→财务同步”的全链路。 数据孤岛：客户信息、服务记录、财务数据分散在不同系统中，导致对账困难、效率低下。 合规风险：人工计算专护师工资（如加班、绩效）易出错，且缺乏审计追踪，可能引发劳务纠纷。

这是一款chrome浏览器插件：它可以帮助你对自己的粉笔网刷题数据进行可视化分析。 背景： 1、原刷题网站缺少多维度的数据分析。 插件特点： 1、聚合每日的刷题数据，帮你量化每天的学习情况。 2、从宏观上更直观的让自己找准学习的方向。 3、技术栈使用react、typescript、echarts、antv/g2。

主要面向： 诗词爱好者：对诗词有浓厚兴趣，希望了解更多诗词知识和文化背景的用户。 学生群体：中小学生及大学生，作为传统文化教育的一部分，通过学习诗词提升文学素 养和审美能力。 教育工作者：教师、家长等，希望通过小程序辅助诗词教学，提升教学效果。 设计内容： “墨香诗韵”小程序是一个集诗人信息、诗词欣赏、AI 互动、社区交流与个人收藏于一 体的综合性诗词宣传 app。其中各个模块的功能如下： 主页模块：每日更新的诗词推荐，为用户提供古今诗词的不同韵味。展示已知诗人与诗 词的列表，用户可以浏览并选择感兴趣的诗人或诗词进行深入了解。 详细页模块：当用户选择某个诗人后，可以查看该诗人的生平、代表作品、风格等详细 信息。当用户选择某篇诗词后，展示所选诗词的内容，用户可以观看诗词朗诵和学习诗词译 文。 AI 对话模块：利用人工智能技术，模拟与古代诗人的对话，增加互动性和趣味性。 搜索模块：允许用户根据关键词搜索诗词，可以是诗词名、作者名或诗词中的任意词句。 社区模块：一个论坛区域，用户可以就诗词相关话题进行讨论和交流。用户还可以在社 区中发表帖子，分享自己的诗词创作或对诗词的感悟。 个人模块：用户可以收藏喜欢的诗词，方便日后查阅。提供小程序开发团队的介绍，包 括团队成员、联系方式、小程序更新日志等。

本方案对物料生产管理系统进行设计与实现，将先进技术与制造业结合。在技术架构中，系统搭建采用高效且可快速部署的tomcat9.0服务器作为基础，它具有高并发、易扩展的特点，满足系统高并行的需求；Spring框架能提供具有强依赖性和面向切面特性的强大功能，使系统各部分解耦度高，易于功能扩展与维护；MyBatis是数据持久层框架，提供简单易用的SQL映射配置，实现Java对象对数据库的持久化操作；JavaScript用于渲染系统前端页面并处理用户的交互操作，使操作更加灵活，便于使用；MySql数据库凭借其高可靠性和大容量存储的优势，为系统海量生产数据提供了安全可靠的数据存储服务。这些技术相互协作，构建起系统开发的坚实基础。

中国铁建开发了适应中国铁建信息化技术体系标准的“统一的一体化技术平台”，市场第三方承接开发中国铁建相关信息系统时，需要对开发团队进行技术验证，是否通过技术验证是对参与投标资格的基本要求。为验证开发团队能否正确实现对接中国铁建一体化技术平台，确保按照中国铁建统一的信息化技术标准体系开发信息系统，第三方在正式投标前，应组织开发团队基于中国铁建的测试环境(简称“gamma 环境”)正确构建“中国铁建信息化技术验证 DEMO 系统” (一)组织及人员浏览 1、本系统的组织树的数据来自 gamma 环境人力资源管理 信息系统(以下简称“HR 系统”)提供的 API 。本系统无维护组 织管理功能，API 文档及相关参数见《中国铁建一体化技术平台 对接指南V2.0》及其附件。 2、在组织及人员模块，需根据当前登录用户被授权的组织 节点范围，按左树右表形式展示组织及人员信息，本系统的组织 树末级节点为部门(不在组织树上展示岗位)。系统根据被授权的组织节点范围自行组建组织树，组织树须有根节点，根节点统 一名称为“总公司”。列表中所有行的序号必须连续，不得因分 页而重新编号。所有列表或报表必须有将所有查询结果导出为 excel 文件的功能。当前登录用户选中其权限范围内的任 一组织 节点，右侧按下述第3条说明的显示顺序展现该节点及其下级节 点的所有人员，人员字段如下表。 序号 姓名 单位 部门 岗位 全路径简称 3、用于描述人员所在组织节点时，组织树的显示、员工路 径显示和排序规则见《关于人事组织树显示和员工路径显示的 说明》及《员工排序规则》;用于描述其他情况时，组织路径 应显示全路径。 (二)系统管理 1、系统管理应至少具备"工作授权(含日志及报表授权)"、 “系统日志”和“统计报表”功能。 2、工作授权。系统管理中的主要功能是“工作授权”,该 功能应遵循《中国铁建一体化技术平台对接指南》“附录E- 工 作授权规则说明01"。具体要求如下： (1)工作授权中可授权的组织树，所展示的为该授权操作 人权限范围内的组织节点及其子节点。 (2)工作授权中添加授权对象时，所展示的为该授权操作 人权限范围内的实时的人力资源管理系统 API 中获取的组织节点及其下节点。 (3)本系统的仅有两个一级授权——浏览、管理(含对应 “系统管理”的二级授权): a.在某节点或某几个节点添加授权对象后，该授权对象 即可对其授权的节点有浏览权； b.对该授权对象增加“管理”权限或细分权限，则该授 权对象可在其授权范围内进行按授权进行相应操作。 (4)用户界面遵循“所见即所得、所得即所见”的原则， 未授权给用户的功能或组织范围用户不可见、不可进入。 3、统计报表。 (1)系统管理中应有可授权组织树范围内当前有效授权的 被授权对象列表。对该授权操作人按当前被授权的有效组织节点 显示节点下所有被授权对象、被授权组织节点及其被授权的功 能。该列表内容、位置和入口自行设计。 (2)当人力资源管理信息系统中被授权人岗位发生了变化 时，本系统中的工作授权列表需要进行更新提示，在被授权节点 进行提示，如“被授权节点”后期被删除后，需要在上级节点可以 继续查看更新信息。更新提示应单独列表显示，列表内容、位置 和入口自行设计。 (3)当工作授权中被授权组织节点在人力资源管理信息系 统中发生了删除变化，本系统中的被授权的岗位及

该系统面向生产型企业，解决企业生产数字化问题。与生产设备工控机或PC等控制设备进行通讯，收集生产相关数据。系统根据客户生产流程进行定制，可扩展接入各工序步骤的设备。同时对每个工序单独设立合格判定标准。最终汇总整个生产批次分析报表，协助客户精细化管理。 同时满足现场和远程对生产的管控。使用技术Java,Jsp等。可扩展至安卓或IOS移动端，可根据客户定制UI。

1.本方案面向国土、智慧城市等行业实现了GIS空间数据的集成、展示共享，同时实现了三维的常用空间分析功能，包括淹没分析、限高分析等以及测距、测高等传统GIS功能，实现了三维的一体化集成 2.本方案使用的3DGIS技术、前端使用vue3 、后端使用 springboot，支持wmts等OGC标准地图服务接入

React 新闻管理系统项目简介 一、面向对象与核心价值 本方案主要面向中小型媒体机构、企业宣传部门及内容管理团队，致力于解决新闻内容生产全流程中的协作效率与管理难题。具体解决以下痛点： 多角色权限混乱：传统系统常因权限划分模糊导致功能越权访问； 新闻流程割裂：从撰写、审核到发布的环节缺乏统一管理，易出现状态遗漏或操作延迟； 开发依赖复杂：中小团队开发时后端接口搭建成本高，影响前端功能验证效率。 二、核心优势与差异化特点 相比市场常规新闻管理方案，本项目具备以下核心竞争力： 前沿技术驱动，开发体验更高效 采用 React 18 与 React Router v6 最新技术栈，结合虚拟 DOM 与声明式路由，显著提升页面渲染性能与路由切换流畅度；同时集成 Redux Toolkit 简化状态管理，降低复杂业务的开发成本。 精细化权限控制，安全与灵活兼备 支持 “超级管理员 - 区域管理员 - 编辑” 三级角色体系，通过动态权限校验（如页面访问、功能操作）确保不同角色仅能访问授权内容；角色与权限可独立编辑，满足个性化管理需求。 全周期新闻管理，覆盖内容生产闭环 提供从 “草稿保存→提交审核→审核通过 / 驳回→发布 / 下线” 的完整流程管理，支持新闻分类调整、实时预览及多条件筛选（如区域、状态）；集成 react-quill 富文本编辑器，支持图文混排等复杂内容编辑。 低门槛数据模拟，加速开发迭代 基于 JSON Server 模拟后端接口，无需搭建真实服务器即可完成前端功能测试；数据存储于 db.json 文件，修改实时同步，大幅降低中小团队的开发与调试成本。 三、产品组成与技术选型 产品核心模块： 用户管理：支持多条件筛选（区域、角色）、用户状态切换（启用 / 禁用）及增删改操作； 权限管理：包含角色列表（权限编辑）与权限列表（页面开关设置）； 新闻管理：涵盖新闻撰写（含草稿）、审核（通过 / 驳回）、发布（上线 / 下线）及分类调整； 游客浏览：无需登录即可查看新闻列表与详情，扩大内容触达范围。 关键技术选型： 前端框架：React 18（核心渲染）、React Router v6（路由管理）； 状态管理：Redux Toolkit（全局状态控制）； UI 组件库：Ant Design（提供高质量组件，保证界面一致性）； 数据交互：Axios（HTTP 请求）+ JSON Server（模拟后端接口）； 富文本编辑：react-quill（支持多格式内容编辑）； 工具库：Moment.js（日期处理）、nprogress（请求进度反馈）。 本项目通过技术创新与功能整合，为新闻内容管理提供了一套高效、安全且易扩展的解决方案，尤其适合中小团队快速搭建可用、可维护的新闻管理系统。 React 新闻管理系统项目简介 一、面向对象与核心价值 本方案主要面向中小型媒体机构、企业宣传部门及内容管理团队，致力于解决新闻内容生产全流程中的协作效率与管理难题。具体解决以下痛点： 多角色权限混乱：传统系统常因权限划分模糊导致功能越权访问； 新闻流程割裂：从撰写、审核到发布的环节缺乏统一管理，易出现状态遗漏或操作延迟； 开发依赖复杂：中小团队开发时后端接口搭建成本高，影响前端功能验证效率。 二、核心优势与差异化特点 相比市场常规新闻管理方案，本项目具备以下核心竞争力： 前沿技术驱动，开发体验更高效 采用 React 18 与 React Router v6 最新技术栈，结合虚拟 DOM 与声明式路由，显著提升页面渲染性能与路由切换流畅度；同时集成 Redux Toolkit 简化状态管理，降低复杂业务的开发成本。 精细化权限控制，安全与灵活兼备 支持 “超级管理员 - 区域管理员 - 编辑” 三级角色体系，通过动态权限校验（如页面访问、功能操作）确保不同角色仅能访问授权内容；角色与权限可独立编辑，满足个性化管理需求。 全周期新闻管理，覆盖内容生产闭环 提供从 “草稿保存→提交审核→审核通过 / 驳回→发布 / 下线” 的完整流程管理，支持新闻分类调整、实时预览及多条件筛选（如区域、状态）；集成 react-quill 富文本编辑器，支持图文混排等复杂内容编辑。 低门槛数据模拟，加速开发迭代 基于 JSON Server 模拟后端接口，无需搭建真实服务器即可完成前端功能测试；数据存储于 db.json 文件，修改实时同步，大幅降低中小团队的开发与调试成本。 三、产品组成与技术选型 产品核心模块： 用户管理：支持多条件筛选（区域、角色）、用户状态切换（启用 / 禁用）及增删改操作； 权限管理：包含角色列表（权限编辑）与权限列表（页面开关设置）； 新闻管理：涵盖新闻撰写（含草稿）、审核（通过 / 驳回）、发布（上线 / 下线）及分类调整； 游客浏览：无需登录即可查看新闻列表与详情，扩大内容触达范围。 关键技术选型： 前端框架：React 18（核心渲染）、React Router v6（路由管理）； 状态管理：Redux Toolkit（全局状态控制）； UI 组件库：Ant Design（提供高质量组件，保证界面一致性）； 数据交互：Axios（HTTP 请求）+ JSON Server（模拟后端接口）； 富文本编辑：react-quill（支持多格式内容编辑）； 工具库：Moment.js（日期处理）、nprogress（请求进度反馈）。 本项目通过技术创新与功能整合，为新闻内容管理提供了一套高效、安全且易扩展的解决方案，尤其适合中小团队快速搭建可用、可维护的新闻管理系统。

开发工具：IDEA、Git、Redis、Maven、MySQL、禅道 技术栈：SpringBoot、Spring、SpringMvc、MyBatis 框架、RocketMQ、Redis、minio 项目描述：该项目是一款专门为南昌水利局南昌水政执法大队开发的水行政系统，主要用于监管和管理水资源、水环境和水利工程的 行政机构和组织体系。它是各国为确保水资源可持续利用、保护水环境、推动水利工程建设而建立的专门机构。负责规划、建设、运 营和维护水利工程设施，包括水库、灌溉系统、排水系统等。它会制定相关技术标准和规范，审核和批准水利工程项目，监督工程建 设过程和质量，确保水利工程的安全和效益。主要的模块包括：日常巡查、专项行动、案卷管理、采砂管理、综合管理、系统集成等。 项目职责： （1）包括前端 react 页面，后端业务代码的编写以及表设计 （2）编写需规、单元测试、压力测试、服务搭建 （3）完成代码整理，及接口文档的书写 （4）负责全系统的的设计与研发（从0到1）