CNRPM科研项目管理平台产品系统Vibe Coding

我要开发同款
6阅读

技术信息

语言技术
postgresRedisReactTypeScriptNode.js
系统类型
WebH5
行业分类
项目任务

作品详情

行业场景

立项原因主要是解决科研资助全流程在线协同难的问题:传统邮件与表格流转容易造成指南发布、项目申报、材料补正与评审进度不透明,负责人与依托单位难以及时掌握状态。行业场景面向科研院所、基金管理部门及依托单位:需要在统一门户内完成指南维护、申报填报、专家指派与评审录入、年度考核与成果登记,并形成可审计的操作记录。业务背景是项目数量与材料附件增多,要求权限按角色隔离、材料可追溯、状态机清晰,并为管理层提供统计仪表盘以支撑决策。本平台以 Web 端一体化方式承载上述流程,降低沟通成本并提高合规性与可维护性。

功能介绍

1、具体功能模块包括:用户与组织管理、系统操作日志;申报指南的全生命周期(草稿、审核、发布等状态);项目申报创建与编辑、附件上传、提交与状态流转(如草稿、待评审、通过/不通过);计划书填报与关联评审项目;专家库维护及项目/考核场景下的专家任务与评分意见;年度考核等考核任务、材料清单与截止时间管理;成果登记与检索;首页仪表盘与统计接口对接 Recharts 展示多维度分布。2、主要功能描述:依托 Next.js App Router 与 Route Handlers 提供页面与 REST API;使用 Prisma 访问数据库并统一数据模型;NextAuth 负责登录态与角色;关键业务动作写入系统日志便于追责;材料可走对象存储以减轻应用服务器压力。整体目标是让申报方、管理方与评审方在同一套界面内完成协作。

项目实现

1、我负责的需求梳理与模块落地包括:数据模型设计(指南、项目、计划书、专家、考核、成果等实体及关联)、核心页面与表单流程、接口契约与错误提示,以及仪表盘统计查询的实现与联调。2、技术栈为 Next.js 14、React 18、TypeScript、Tailwind CSS、Prisma(PostgreSQL)、NextAuth、Recharts,部署侧可结合 Vercel 与 Blob 存储附件。架构上采用前后端同库的 Next 全栈路由拆分页面与 API,Prisma 作为唯一 ORM 层。实现亮点是深色磨玻璃 UI 与玻璃态表单组件复用统一 class;难点在于多角色权限下的路由保护、状态流转与附件 JSON 结构的一致性,以及统计接口在时间与维度过滤下的性能与正确性,需要通过索引与聚合查询仔细验证。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论