业务和功能介绍
1. 项目背景与目标
本项目以黄石市人大代表与公民之间的民生问题征集与处理为核心，旨在
通过互联网技术搭建一个集“公民建议通道”“人大履职平台”“建议征
集渠道”“建议进度查询”于一体的综合性系统。
o 背景：民生问题与人民群众生活密切相关，传统线下渠道存在效率低、反
馈慢、透明度不足等问题。黄石市作为人口超 240 万的城市，亟需现代化
工具提升民主治理效率。
o 目标：通过系统化设计，实现公民建议的便捷提交、人大代表高效处理、
流程透明化及结果可视化，推动“人民当家作主”的民主实践。
2. 研究内容与创新点
o 核心模块：公民建议通道、人大履职平台、建议征集渠道、建议进度查
询。
o 创新设计：
多渠道征集：公民可通过直接提交建议或参与人大发起的热门话题
建言献策。
自动化办公：集成工作流技术，实现任务分配、超时归还、进度追
踪的自动化管理。
安全与合规：对敏感内容（如隐私信息、违规输入）进行智能检
测，并通过人机验证保障系统安全性。
数据可视化：通过动态图表展示建议分类、处理进度及人大代表履
职情况，提升决策科学性。
本项目以黄石市人大代表与公民之间的民生问题征集与处理为核心，旨在
通过互联网技术搭建一个集“公民建议通道”“人大履职平台”“建议征
集渠道”“建议进度查询”于一体的综合性系统。
o 背景：民生问题与人民群众生活密切相关，传统线下渠道存在效率低、反
馈慢、透明度不足等问题。黄石市作为人口超 240 万的城市，亟需现代化
工具提升民主治理效率。
o 目标：通过系统化设计，实现公民建议的便捷提交、人大代表高效处理、
流程透明化及结果可视化，推动“人民当家作主”的民主实践。
2. 研究内容与创新点
o 核心模块：公民建议通道、人大履职平台、建议征集渠道、建议进度查
询。
o 创新设计：
多渠道征集：公民可通过直接提交建议或参与人大发起的热门话题
建言献策。
自动化办公：集成工作流技术，实现任务分配、超时归还、进度追
踪的自动化管理。
安全与合规：对敏感内容（如隐私信息、违规输入）进行智能检
测，并通过人机验证保障系统安全性。
数据可视化：通过动态图表展示建议分类、处理进度及人大代表履
职情况，提升决策科学性。
项目实现
1. 工作流闭环设计：最初发现建议处理常因任务堆积超时，我基于 Activiti 设计了自动分配 - 超时回收的流程。但落地时遇到两个技术卡点：
- 官方框架启动时报 “数据库字段缺失”，查看日志发现 Activiti 7.1.0 的 bug（少了 ACT_GE_BYTEARRAY 的 REV_和 NAME_字段），我直接写了 SQL 脚本补全字段，并封装成初始化函数集成到项目的 CI 流程中，确保部署时自动执行；
- 流程节点状态同步需要实时更新 UI，我用 Pinia 的 watchEffect 监听流程实例 ID，结合 WebSocket 推送，实现了状态变更 300ms 内刷新界面，最终建议处理效率提升 40%。
2. SSE 流式输出优化：为解决 “刷新丢失消息” 和 “token 浪费”，我设计了两层方案：
- 前端用「指针退避算法」：每次接收消息时记录当前位置（如第 120 个字符），刷新后通过 EventSource 的 lastEventId 重连，从断点续传，这里其实是利用了 SSE 协议的 id 字段特性；
- 缓存策略上，对社区模块的重复请求，用 Axios 拦截器实现 ETag+Last-Modified 协商缓存，非更新时直接返回 304，经测试 token 消耗减少 60%，接口响应速度提升 200ms。
3. 性能优化落地：首屏从 3.5 秒压到 1.2 秒的具体操作：
- 资源层面：用 Vite 的 splitChunks 拆包，把 node_modules 单独打包，配合 rollup-plugin-visualizer 分析，剔除了 3 个未使用的第三方库；
- 渲染层面：首页非关键组件（如统计图表）用 IntersectionObserver 实现懒加载，LCP（最大内容绘制）时间从 2.1 秒降到 0.8 秒；
- 可以共享屏幕看实际效果，比如这里的流程节点动画，是用 requestAnimationFrame 做的平滑过渡，比 CSS 动画性能提升 30%。
- 官方框架启动时报 “数据库字段缺失”，查看日志发现 Activiti 7.1.0 的 bug（少了 ACT_GE_BYTEARRAY 的 REV_和 NAME_字段），我直接写了 SQL 脚本补全字段，并封装成初始化函数集成到项目的 CI 流程中，确保部署时自动执行；
- 流程节点状态同步需要实时更新 UI，我用 Pinia 的 watchEffect 监听流程实例 ID，结合 WebSocket 推送，实现了状态变更 300ms 内刷新界面，最终建议处理效率提升 40%。
2. SSE 流式输出优化：为解决 “刷新丢失消息” 和 “token 浪费”，我设计了两层方案：
- 前端用「指针退避算法」：每次接收消息时记录当前位置（如第 120 个字符），刷新后通过 EventSource 的 lastEventId 重连，从断点续传，这里其实是利用了 SSE 协议的 id 字段特性；
- 缓存策略上，对社区模块的重复请求，用 Axios 拦截器实现 ETag+Last-Modified 协商缓存，非更新时直接返回 304，经测试 token 消耗减少 60%，接口响应速度提升 200ms。
3. 性能优化落地：首屏从 3.5 秒压到 1.2 秒的具体操作：
- 资源层面：用 Vite 的 splitChunks 拆包，把 node_modules 单独打包，配合 rollup-plugin-visualizer 分析，剔除了 3 个未使用的第三方库；
- 渲染层面：首页非关键组件（如统计图表）用 IntersectionObserver 实现懒加载，LCP（最大内容绘制）时间从 2.1 秒降到 0.8 秒；
- 可以共享屏幕看实际效果，比如这里的流程节点动画，是用 requestAnimationFrame 做的平滑过渡，比 CSS 动画性能提升 30%。
示例图片视频
相似推荐
本地生活服务聚合平台APP
面向本地生活服务的聚合平台，整合周边餐饮、家政、维修、美容美发等服务商家，为用户提供一站式预约和到店消费体验。核心功能模块包括：基于LBS的智能商家推荐（距离+评分+优惠综合排序）、在线预约与排队系统、优惠券领取与核销、用户评价体系（图文评价+标签化点评）、商家入驻与自助管理后台（营业信息、服务项目、价格配置、订单管理、经营数据分析）。营销模块支持限时折扣、新客立减、老带新返利等多种活动形式。用户端主要路径：定位/选择城市 → 浏览/搜索附近服务 → 查看商家详情与评价 → 在线预约/领券 → 到店消费 → 评价反馈。
捡回星星小程序及后台
该项目核心打造一款专为粉丝后援会量身定制的返利软件，聚焦后援会应援金积累核心需求，通过整合各类消费场景返利资源，实现粉丝日常消费、应援相关消费的返利自动归集，助力后援会快速、高效积累应援资金，同时简化返利统计、资金管理流程，降低后援会运营成本，为粉丝应援活动的顺利开展提供稳定的资金支撑，进一步凝聚粉丝力量、提升后援会运营效率。
该项目主要面向粉丝后援会的返利软件，涵盖公众号 H5、微信小程序、支付宝小程序。基于自研组件库，采用模块化架构划分为三个子项目，实现多端功能统一与高效迭代。后台使用vue3+element plus
神犬果果支付宝小程序及管理端
本项目是公司在业务场景拓展与技术创新领域的一次重要探索，核心围绕新场景的挖掘、搭建与落地，同步融入AI技术进行开发实践，全程梳理了尝试过程中的经验与不足，为公司后续新场景拓展及AI技术的规模化应用奠定了坚实基础。
这款支付宝小程序主打做任务返现金，还接入了海量支付宝官方广告资源。用户只需观看广告、完成浏览、小任务等简单操作，就能领取现金奖励，奖励可直接提现至支付宝余额，安全便捷。依托支付宝生态，任务丰富、结算稳定，碎片时间就能轻松赚取收益，真实可靠无套路
LinkedIn数据爬虫
项目描述：为一家注塑的公司寻找海外的AI制造业客户，爬取用户、公司信息组合成邮件地址，发送营销邮件
1、通过web页面进行爬虫任务定义：具体的爬取的行业、公司规模、城市信息等
2、爬取公司的名称、行业、规模、linkedin公司链接、员工链接等信息
3、爬取员工名称、个性签名、地点、职位、关于等信息
4、爬虫程序支持按公司进行任务拆分支持爬取失败重试
5、增加鼠标模拟、人为等待行为和指纹浏览器等避免反爬检测
个人作品集网站-我的设计作品展示站
本项目是为展示个人设计作品而搭建的静态网站，目标是打造一个简洁、美观、响应式的在线作品集。核心功能模块包括：首页（作品展示区）、关于我（个人简介）、作品详情页（图文介绍）、联系方式（邮箱/微信二维码）。用户进入网站后可浏览作品、点击查看详情、通过底部二维码联系我。所有页面均采用 HTML + CSS 实现，适配手机和电脑屏幕，无后端交互，纯静态展示
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服