Budibase实战指南:让你10分钟搞定内部工具开发

9 months ago

这是什么?

你还在为公司内部的各种表单、审批流程、数据管理头疼吗?还在等着IT部门排期给你开发个简单的管理系统?别等了,今天介绍的Budibase就是让你自己动手,丰衣足食的神器。

简单来说,Budibase就是一个开源的低代码平台,让你不用写代码(或者写很少的代码)就能搭建出专业的内部管理工具。什么员工信息管理、库存系统、客户关系管理、审批流程...统统都能搞定。

https://appstore.lazycat.cloud/#/shop/detail/cloud.lazycat.app.budibase

实战教程:10分钟搭建员工请假系统

好了,别光说不练,咱们来个实际的例子。

应用安装后,先创建一个用户,注意密码要在 12 位以上

image.png

创建一个 app

image.png

进入设计页面

image.png

创建数据表

在Data部分,选择使用内置的BudibaseDB

image.png 创建一个新表,表名输入"leave_requests"(注意:表名和字段名都必须用英文) 添加以下字段(字段名必须用英文):

  • employee_name(Type选Text)

image.png

  • leave_type(Type选Options,Single select)
    • 在Options设置中填入:sick_leave,personal_leave,annual_leave

image.png

  • start_date(Type选Date)
  • end_date(Type选Date)
  • reason(Type选Long Text)
  • status(Type选Options)
    • 在Options设置中填入:pending,approved,rejected
  • approver(Type选Text)

重要提示:虽然数据表的字段名必须是英文,但别担心!在后面设计界面(Design部分)时,我们可以修改每个表单字段的显示标签(Label),让用户看到的完全是中文。比如把"employee_name"的标签改成"员工姓名"。

第三步:自动生成界面

这是Budibase最牛的地方:

  1. 点击"Design"标签

image.png 3. 点击"Add screen"

image.png 5. 选择"Table" → 选择你刚创建的"leave_requests"表

image.png 7. 点击"Done"

image.png

boom!一个完整的增删改查界面就生成了!包括列表页、新增页、编辑页,全都有了。

image.png

把界面改成中文

界面生成后,字段显示的还是英文,现在我们来改成中文:

  1. 在Design界面,点击进入刚生成的表单页面
  2. 点击表单中的每个字段组件(Form Field)
  3. 在右侧属性面板找到"Label"属性
  4. 把Label改成中文:
    • employee_name → 员工姓名
    • leave_type → 请假类型
    • start_date → 开始日期
    • end_date → 结束日期
    • reason → 请假原因
    • status → 状态
    • approver → 审批人

image.png

这样用户看到的就是完全中文的界面了!

添加审批流程

在"Automate"部分,创建一个新的自动化:

image.png

  1. 触发器选择"Row Created"(当新申请提交时)
  2. 添加动作"Send Email"发送通知给审批人
  3. 再添加一个"Update Row"动作,当审批人点击批准链接时更新状态

image.png

点击右上角即可发布

image.png

image.png

与Appsmith相比,它更偏向开发者,需要写更多JavaScript。Budibase的"代码可选"理念更适合IT专业人员和非技术用户。

最后说两句

Budibase不是万能的,它最适合的场景是快速搭建内部管理工具。如果你要做面向C端用户的产品,或者需要极致的界面效果,那还是老老实实找开发团队吧。

但如果你就是想快速解决公司内部的流程管理问题,想让Excel管理升级成真正的系统,想不求人就能搞定基础的业务系统,那Budibase绝对值得一试。

项目地址https://github.com/Budibase/budibase
官方文档https://docs.budibase.com
在线体验https://budibase.com (可以直接看模板演示)

作者
天天