收藏
0
0
分享
举报
·2026/7/15 07:26发布·37次阅读

从0到1,合同到期总靠人工记,我用飞算JavaAI 做了个履约台

独立开发商业增长付费用户

1.PNG

 

 

合同全生命周期管理与风险监控平台

一、我为什么想做这个平台

手上同时有几份服务合同、场地租赁协议和软件订阅,真正让我紧张的不是签约,而是到期前有没有及时处理。以前我把日期记在日历里,金额和付款节点放在另一个表格,临近到期时还得重新翻合同。

所以我想做一个给个人或小团队使用的合同履约台账,把合同状态、付款节点和风险提醒集中在一个页面里,真正用来管理自己的合同。

二、先把合同生命周期定下来

我把合同分为草稿、审批中、生效中、待续签和已结束五种状态。每份合同需要关联合作方、合同金额、开始日期、结束日期、负责人和付款计划。

首页采用"本月应处理事项"作为入口:未来 30 天到期的合同、即将付款的节点、缺少附件的合同,分别放进三个提醒区域。这样打开页面后,不用先搜索,就能知道今天有哪些事情不能拖。

三、先说清楚我需要的智能引导结果

这次我在功能区选择"智能引导",目标是生成一个合同履约 Web 应用。飞算 JavaAI 会通过 5 步来完成:理解需求 → 设计接口 → 表结构设计 → 处理逻辑 → 生成源码。每一步都会先跟我确认,再进入下一阶段。

首先输入自然语言需求。我描述的是:

请帮我生成一个个人和小团队使用的合同履约管理系统。用户可以录入合同、设置生效和到期日期、维护付款节点、上传合同附件和记录履约情况;负责人打开首页后,可以看到即将到期合同、待付款节点和存在风险的合同。重点展示合同生命周期和提醒页面。

 

 

第一步理解需求,飞算 JavaAI 会先把自然语言需求拆成合同、付款、风险和消息几个模块,再把页面、接口和数据关系连起来。

2.PNG

第二步设计接口,AI 根据需求生成 RESTful 接口定义,包括合同 CRUD、付款节点管理和风险统计等 API。

3.PNG

第三步表结构设计,围绕合同、付款节点等核心实体生成数据库表结构,明确字段类型和关联关系。

4.png

第四步代码生成计划,AI 梳理各模块的业务流程和数据流转方式。

5.png

第五步生成源码,输出 Vue 工程骨架和完整的页面组件。

6.png

飞算 JavaAI 在这里的作用不只是生成页面。它先把业务描述还原为可执行的功能边界,再把合同生命周期、付款节点和预警关系落实到项目结构中。对这类规则明确的业务系统,需求到模块、模块到接口的衔接会更顺,开发时我可以把注意力放在预警规则和交互细节上。

7.png

四、技术架构和实现要点

前端分层

前端采用 Vue 3 + Vue Router 4 + Vite 5,按页面视图、组合式逻辑和接口调用三层拆分:

  • 页面视图(views/):工作台、合同列表、合同详情、付款管理、风险中心、统计分析、消息中心、登录页
  • 组合式逻辑(composables/):认证状态管理(useAuth)、Toast 通知、日期/金额格式化、CSV 导出
  • 接口层(api/):统一封装 Mock 数据接口,后续切换真实后端仅需修改 contract.js 的调用目标

后端分层

后端采用 Java 17 + Spring Boot 3 + MyBatis-Plus + MySQL 8,按三层架构组织:

层职责
Controller接收合同、付款、消息等前端请求,校验参数
Service处理合同生命周期状态流转、到期预警规则
Mapper负责合同台账、付款节点、消息通知的读写

数据模型

合同与付款节点拆分维护,确保数据一致性:

  • 合同表:合作方、金额、开始/结束日期、负责人、当前状态(草稿→审批中→生效中→待续签→已结束)
  • 付款节点表:按合同关联,记录节点名称、应付日期、金额、付款状态、实际付款日期
  • 风险记录与消息通知:关联具体合同或付款节点,工作台的提醒可直接追溯至处理对象

预警与权限

机制说明
到期预警定时任务扫描合同结束日期和待付款日期,进入提醒窗口生成待办,超过期限升级为逾期风险
角色权限接口层按登录用户和角色限制数据范围,管理员查看全量台账,负责人只处理名下合同
状态一致消息已读、付款状态更新、合同编辑均写回对应记录,保证工作台、风险中心、消息中心同步同一份履约状态

五、最终做成的履约台账

平台定位很明确:把合同状态、付款节点、到期风险和业务提醒放进同一个协同入口,让合同从签署到结束的每个环节都有迹可循。

登录页

登录页采用深蓝主色调与金色辅色(Navy Premium 设计风格),简洁的卡片式布局承载管理员与普通用户两种角色的登录。页面的品牌区域直接点明"合同全生命周期管理与风险监控平台",让进入系统的第一眼就清楚系统边界。

8.png

工作台:先给全局视角,再进入业务细节

进入系统后首先看到的是四张统计卡片——合同总数、待付款、即将到期和存在风险。这四个数字决定了今天是否需要优先处理续签或付款。下方的"未来 30 天"到期时间带,把合同按结束日期分布在时间轴上,看一眼就能知道哪些时段是续签高峰。

9.png

再往下是四个并行的功能卡片:待处理事项跟踪付款节点,风险概览汇总三类潜在问题,状态分布图呈现合同生命周期的整体构成,近期更新则记录最近的合同变更。对日常使用来说,这一页负责在打开系统后先给出全局判断,避免直接扎进明细表。

合同列表:把筛选、搜索、操作和导出放在一起

合同列表是系统的核心数据入口。它不只是展示合同行,而是围绕"找到合同、看清状态、快速操作"来组织的:搜索框和状态筛选并行,表格行可点击进入详情,每条记录直接提供详情、编辑和删除按钮。桌面端以表格展示,移动端自动切换为卡片布局。

同时支持批量选择和 CSV 导出——这两个功能在演示中的价值在于说明系统考虑了"数据查看"之外还需要"数据带走"的场景。

10.png

付款管理:把分散在各合同里的付款节点统一管理

合同中的付款节点往往被藏在详情页里,实际使用时容易被忽略。这个模块将所有合同的付款节点聚合到统一视图,按待付款和已付款筛选,并且支持直接标记付款。一笔首付款可能在 A 合同的第三个月到期,在 B 合同的第二个月到期——聚合之后,什么时候该付哪一笔,变得一目了然。

11.png

风险中心:用徽章代替大面积警告色

风险页面的处理思路是做减法而不是做加法。黄色表示"资料不完整",橙色表示"即将到期",红色表示"已逾期"——没有大面积的红色警告条,而是用小尺寸的徽章标记风险类型。点击顶部的类型标签后,列表只筛选对应风险,便于聚焦处理。

12.png

统计分析与消息中心:让系统不仅能看,还能辅助判断

统计分析并不是为了做一张漂亮的大屏,而是把合同状态分布、风险分布、即将到期合同和负责人工作负荷放在一起,用横向条形图直接对比。哪个状态占比最高、哪位负责人手上合同最多、到期集中在什么时间——这些问题不需要手动翻表,打开这一页就能回答。

消息中心则是系统的"主动触达"出口。到期提醒、付款提醒和系统通知三类消息,未读红点标记,点击自动标记已读并跳转关联合同。系统不只是让人来查,也会在触达时机到来时推送到消息中心。

13.png

六、这个小台账解决了什么

它没有替代法务系统,但至少把我最容易忘的三件事放到了一起:合同什么时候结束、钱什么时候要付、下一步由谁来做。

以前我会把"提醒"理解成一个日期字段,这次做页面时才发现,真正有用的提醒必须能指向一份合同、一项节点和一个负责人。

对个人工作工具来说,先把这些关系展示清楚,就已经很有价值了。

#飞算JavaAI炫技赛 #AI编程 #Java开发 #房态管理系统 #程序员日常 #技术分享 #UI设计

讨论 (0)

    目录

    关于作者

    推广

    这家伙很懒,什么都没留下

    Solo 独立开发者社区support@solo.xin
    关于社区隐私政策用户协议商务合作友情链接订阅更新(RSS)投稿赞助

    © 2023 SOLO · 为独立开发者而生