**宝子们！谁懂啊！😭 之前用低代码还得拖拖拽拽调样式，现在魔改完 OneCode-RAD，说句话 AI 就帮你写界面，考勤系统从 0 到 1 只要半小时，开源还免费！

🌟先唠唠这个「可造之材」OneCode-RAD

• ✅ 100% 开源！地址放这了👉gitee.com/wenzhang77/ocstudio

• ✅ 不用复杂配置，Java+Node 环境就能跑（附傻瓜式启动步骤！）

• ✅ 原生支持 OOD 框架，组件都是现成的（按钮 / 表格 / 弹窗直接用）

之前觉得低代码不够灵活，这次加了 AI 直接起飞！🚀 不用记语法，说需求就行～

🚀魔改 3 步走（小白也能懂版）

1️⃣ 先把工具装明白

• 拉代码：git clone https://gitee.com/wenzhang77/ocstudio.git

• 后台启动：进 ocstudio-server，mvn打包后跑 jar 包

• 前端启动：ocstudio-web 里npm install && npm run dev

• 访问：localhost:8080，账号密码都是 admin（超简单！）

2️⃣ 加 AI「大脑」（Spring AI）

就改 2 个地方，不用动原有代码！

• 后台 pom.xml 加 3 个依赖（Spring AI 核心 + OpenAI + 解析工具）

• 新增个配置文件，填自己的 OpenAI 密钥（也能换国产模型！）

3️⃣ 加个对话窗口（前端插件）

在 ocstudio-web/plugins 里新建个 LLMAssistant.js，复制粘贴代码（我都整理好现成的了），然后菜单加个入口，点一下就能召唤 AI 助手！

🎯实测 6 个考勤场景！说句话就生成

场景 1：要个圆角蓝色保存按钮

我说：“在表单底部加个圆角蓝色按钮，写‘保存数据’，点了调用 save 方法”

AI 秒回：“正在建蓝色圆角按钮，点了会调 save～”

代码直接生成！连样式都调好（borderRadius:8px 绝了）

// 生成的保存按钮代码（直接能用！）

var submitButton = ood.create('ood.Button', {

parent: formContainer,

caption: '保存数据',

type: 'primary', // 蓝色主题

style: { borderRadius: '8px', padding: '12px 24px' },

onClick: function() {

if (this.saveFormData) this.saveFormData();

else ood.message.success('考勤数据存好啦！');

}

});

场景 2：改现有按钮成删除功能

我说：“把提交按钮改成红色，加删除图标，点之前要确认”

AI 直接改代码！按钮变红色，点了还弹确认框（怕误删太贴心了～）

场景 3：考勤打卡按钮组

我说：“要上班 + 下班打卡按钮，上班绿的下班蓝的，放顶部工具栏”

AI 生成个面板把俩按钮包起来，还加了时间显示！点上班打卡会提示 “打卡成功：09:05”

场景 4-6：统计表格 + 查询界面 + 异常处理

从 “考勤统计表格（带导出）” 到 “日期 / 部门筛选查询”，再到 “异常处理弹窗”，全都是说句话的事！AI 连模拟数据都给我填好了，不用自己造数据测试～

💡魔改后我直接惊了！

1. 效率翻 10 倍：之前做个考勤界面要半小时，现在 2 分钟搞定

1. 不用记语法：我这种记不住 OOD 规则的，说需求就行

1. 能回滚！ 新增的 AI 模块不碰原有代码，不想用了删掉就行

🔍未来还能怎么玩？

• 换国产模型：DeepSeek / 通义千问，不用挂梯子

• 做模板库：把 “请假表单”“薪资报表” 存成模板，说名字就生成

• 加数据联动：让 AI 懂 “选部门后自动更选员工” 这种复杂逻辑

宝子们！这个开源低代码真的可冲！😎 玩明白的评论区交作业，没看懂的问我，我把现成的插件代码发你～

#低代码神器 #AI 编程 #开源项目 #程序员效率工具 #考勤系统开发 #Java 开发 #前端插件