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

天天

发布于233天前
龙猫也是猫
## 这是什么?

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

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



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



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

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

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

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/9bd901c0-ddfe-4bd4-bc68-0b76bae794d1.png "image.png")

创建一个 app

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/f3676a2a-64dc-400e-b3b0-35979424cb20.png "image.png")

进入设计页面

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/4abf8968-0916-46ce-b823-6799d327d7a7.png "image.png")
### 创建数据表

 在Data部分,选择使用内置的BudibaseDB
 
![image.png](https://dl.playground.lazycat.cloud/guidelines/496/75cda749-6f93-459c-a9fe-8a208dad4e45.png "image.png")
 创建一个新表,表名输入"leave_requests"(注意:表名和字段名都必须用英文)
 添加以下字段(字段名必须用英文):
   - **employee_name**(Type选Text)
  
![image.png](https://dl.playground.lazycat.cloud/guidelines/496/9c60f4c1-692f-445e-b1d4-f917377be350.png "image.png")
   - **leave_type**(Type选Options,Single select)
     - 在Options设置中填入:sick_leave,personal_leave,annual_leave
   
![image.png](https://dl.playground.lazycat.cloud/guidelines/496/db93905d-eb1a-4188-b8bb-923c1074302e.png "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](https://dl.playground.lazycat.cloud/guidelines/496/23a090b1-6d8e-4283-ab0d-e4c6ebedfcad.png "image.png")
3. 点击"Add screen"

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/d3612b97-097a-43f0-8fd4-3b826f502014.png "image.png")
5. 选择"Table" → 选择你刚创建的"leave_requests"表

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/b7209e6c-143f-47ef-8812-f7f9b23b53f1.png "image.png")
7. 点击"Done"

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/ca93ee54-8cec-4229-a8cb-4516d83011f9.png "image.png")

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

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/e1589a79-3742-4022-a43b-57eb61032a4a.png "image.png")
### 把界面改成中文

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

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/6d9b3c0e-7191-4969-8a55-b3a67b36bb29.png "image.png")

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

### 添加审批流程

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

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/cee59189-dc83-422e-b155-02d9a0867043.png "image.png")
1. 触发器选择"Row Created"(当新申请提交时)
2. 添加动作"Send Email"发送通知给审批人
3. 再添加一个"Update Row"动作,当审批人点击批准链接时更新状态

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/81fe423c-08cd-4c1c-8ea0-a522fecbbb57.png "image.png")
  
点击右上角即可发布

![image.png](https://dl.playground.lazycat.cloud/guidelines/496/6a3a1321-0280-4be1-9257-21c447fdcf6c.png "image.png")


![image.png](https://dl.playground.lazycat.cloud/guidelines/496/7de94690-d3c0-4eca-9f3f-c779167b2b83.png "image.png")

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

## 最后说两句

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

但如果你就是想快速解决公司内部的流程管理问题,想让Excel管理升级成真正的系统,想不求人就能搞定基础的业务系统,那Budibase绝对值得一试。
 
**项目地址**:https://github.com/Budibase/budibase  
**官方文档**:https://docs.budibase.com  
**在线体验**:https://budibase.com (可以直接看模板演示)
 

评论

0

暂无评论

说点什么呢~
收藏
0
0
0