无代码软件开发之请假管理系统开发演示—基本信息显示设计

员工假期基本信息管理页面设计

无代码软件开发请假管理系统的员工假期基本信息管理页面中，主要有以下功能：维护员工基本假期信息如某员工年假可用天数、病假可用天数等，可以添加新员工假期信息；对员工假期信息可以调整，比如新一年到来时，可以对不同年限员工进行调假期天数的基本信息修改处理（这个功能也可以设计一个固定逻辑进行处理，此演示中不涉及）；对已离职员工的信息删除等。我们新建项目后，在电脑端显示块中添加分页显示元件，基本信息管理页面设计主要是在分页中的管理分页面中放一个独立显示块，然后放入按钮栏显示元件、添加增删改的按钮、在独立显示块中放入简单表格用于显示员工假期信息。以下为基本信息页主要开发演示部分动画：

开发过程中最主要的几个处理过程如下：

新建项目

在电脑端显示块中添加分页显示元件，添加分页并命名

在基本信息分页面中，添加独立显示块并命名为JiBenXinXi

独立显示块中添加按钮元件

独立显示块中添加表格显示元件并定义列名

需要注意的几个点：

新建项目时，我们选用带移动显示块的新移动应用模板，我们人介绍在移动端做假期审批功能。统一的模块也有利于后期我们将功能块导入一个成熟的框架中；

在分页面的各页面中，比如以上的基本信息分页面中，我们先放一个独立显示块命名为JiBenXinXi，所有此页面的功能开发都在这个独立显示块进行处理，这个在在线教程中有说明，因为分页元件有当前显示页面的导航功能逻辑，我们在做页面刷新等功能时，直接处理分页元件时，同时还得处理当前显示分页的逻辑，处理比较麻烦，更简单的是在分页中放一个独立的显示块，这个显示块可以直接在其他项目复制作用或进行分页显示内容的刷新处理没有更多逻辑影响，这样设计更加简单；

独立显示块我们命名为JiBenXinXi,注意如果开发中不是需要在用户界面上用中文显示的内容，我们就尽量用英文字母或拼音或自己可识别的字母来命名，不做命名也可以，只要开发者知道逻辑即可。用中文对非显示元件（非显示元件大多为逻辑处理元件）做的命名，可能会因计算机中文编码的问题导致模块保存或重命名后无法识别逻辑而产生内容丢失；

信息管理页面的增删改按钮中，我们将修改和删除按钮放于一个按钮组元件中，将按钮组样式定义为右侧显示（用的样式标签为float）；且我们改变了按钮的样式类名（如:btn-info），这几个名对应的是我们样式文件默认定义的不同颜色效果，这些名可以自己在样式文件中独立定义或修改已定义的值来创建自己的按钮样式风格；

基本信息我们用一个表格显示，这个表格中列名我们需删除默认添加的数字和日期类的两个名，删除默认元件会 错，但是这个 错没有逻辑处理问题，可以忽略处理；我们重新按需要放列名，列名是要在用户界面显示的文字，我们可以直接用中文命名；处理完成后，将简单表格默认样式定义中的400px的宽度删除（width的值）。这样表格显示时按父级对象最大宽度显示。以上处理完成后，在浏览器中运行，会显示我们最前面那个基本信息页面效果图。