员工管理的使用手册搭建|学习笔记

简介: 快速学习员工管理的使用手册搭建

开发者学堂课程【低代码-员工管理系统综合实践:员工管理的使用手册搭建】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/1005/detail/15022


员工管理的使用手册搭建

 

内容介绍:

一、使用模板创建自定义使用手册

二、布局介绍

三、搭建员工管理系统使用手册

四、课程总结

 

第四章员工管理系统实践中的第四节使用手册的搭建。回顾一下前三节中的内容,主要对案例背景与需求进行了分析,并且对基础表单和可视化报表进行了搭建。本小节,主要对使用手册进行一个简单的搭建。

 

一、使用模板创建自定义使用手册

1.使用模板创建自定义使用手册

需求是使用模板创建自定义的使用手册,再去创建自定义页面后,可以直接去跳转到页面模板,选择页面,直接启用工作模板,然后点击“就选它”进入到模板编辑页面。

图片64.png

2.自定义使用手册搭建页面

在模板搭建的过程中,启用模板后可以配置对应的布局及样式,并且可以在组件库中选择对应的布局及组件,在属性样式中进行重新配置。

图片65.png

 

二、布局介绍

那么接下来看一下几种不同的布局组件。

1.容器及布局容器

首先是我们的容器以及布局容器。容器主要是用于进行布局,可以与其他布局搭配使用,并且可自定义的去进行容器的样式设置。可以直接将组件拖动到容器中,然后进行使用。

布局容器可以对容器进行布局,可以放入多个组件或者多个容器到布局容器中,并且可以去自定义列比例以及它的属性样式。

图片66.png

图片67.png

2. 分组,

一个页面中有多个独立模块。要展示时,比如说商店里面的产品价格,每种产品需要放到一个模块中展示,且每个模块中有多个表单组件,那么就可以使用模块放到一个分组中,然后按分组来进行展示。分组仍然可以去对分组头部进行一个设置,比如是否让它去显示它的标题。

 图片68.png

3. 选项卡组件

选项卡组件用于自定义页面布局,可在同一位置切换展示不同的内容。支持增加多个标签项。

 

三、搭建员工管理系统使用手册

接下来根据以上几种布局方式以及自定义模板的搭建,搭建一个员工管理系统的使用手册。

1.创建自定义页面

首先,进入到搭建的员工管理系统中,点击创建按钮,创建一个自定义页面,将页面名称命名为员工管理系统的使用手册。

图片69.png

在该使用手册中,可以通过快捷跳转链接进行跳转,选择工作台模板一,点击“就选它”进入到工作台模板设计页面。

图片70.png

2. 在页面设计里,可以去选择组件库,也可以对现有的模板进行修改。比如,我们首先将上方的容器中的文本名称改为员工管理系统,

图片71.png

模板自带,我处理、我创建的、以及抄送我的三个选项。然后下方使用的是一个布局容器。在布局容器中,放置了三个小的容器,分别放置了不同的内容,由于员工管理系统内容较少,因此只需要去放置一个容器,就将全部进行展示。所以说直接在布局容器中将布局修改成为一,

图片72.png

对每一个小链接块里面内容进行修改,就可以完成应用设置, 

3.布局的方式

然后分别看一下几种布局的方式。

首先是选项卡,在设置选项卡后,可以针对不同的选项卡标签来展示不同的内容。比如采购申请的链接块,放到标签项一中,然后将采购合同链接块儿放到标签选项二中,然后我们点击保存,我们点击阅览,下方可以直接看到标签项,并且在我们切换标签项时,它会显示不同的内容,这就是选项卡的一个使用方式。

图片73.png

4.修改

1)、先将选项卡进行删除,然后选中到当前的这个分组,那么我们可以看到的是,当前的下面的采购管理使用的是一个分组,需要去对分组标题进行修改。将它修改为员工管理,接下来需要对应的去将一个链接块里的内容进行修改。首先,需要去修改的是链接块里边的链接地址,可以将它配置为内部页面以及外部链接。

在内部页面中,可以直接让它去跳转到任意一个页面。比如说首先让它去配置到员工信息录入页面,选择后,点击到图标下方的文本,在文本内容中将它改成员工信息录入,并且可以在样式中去修改它的样式,

图片74.png

比如可以去修改它的上间距,以及下间距和它的显示设置,那么在这里上间距为12。给文字一个样式,设置为400的正常字体,并一个倾斜,配置它的颜色为黑色,属性为居中,设置它的一个字号,配置完后,就可以直接去配置下一个链接框,

2)、与此同时,还可以进行一个边框的设置,们选择到链接块,然后选择到样式,针对于边框,去修改它的线型,比如使用到的是虚线,给它一个宽度,接下来去配置边框的一个颜色,任意去选择一个颜色进行配置。在配置完之后,就可以看到在链接块的四周是包含了边框。而我们这个边框,同时可以给它一个圆角的设置,选择到边框,设置圆角的角度,比如十,那这时就可以看到边框是有一个圆角弧度的,

依次类推,可以去设置任意一个链接块的样式为自己喜欢的样式,依次对我页面进行设置,将员工调动申请。将多余的一个链接块进行删除,自定义页面就已经配置好了。

3. 配置成功之后,点击保存,阅览一下详情。进入阅览页面后,就可以看到可以通过员工管理下的快捷键直接进入到对应的页面中,

图片75.png

 

四、课程总结

首先通过对员工管理系统的背景了解和需求分析,确定了员工管理系统应用所需要到的功能,并且通过全流程的实践掌握了应用的创建以及配置。

回顾整体的流程,在对需求进行分析后,首先去创建了基础表单,对的表单创建完毕之后,对对应的表单进行了数据的录入。之后需要对数据进行一个统计,统计可以按照我们的需求去创建可视化图表。在整体的页面全部搭建完成之后,为了使用方便,使用了自定义页面工作台,去创建了一个简单的跳转手册,可以通过首页直接进行页面的快捷跳转。

相关文章
|
4月前
|
人工智能 前端开发 JavaScript
计算机Java项目|在线图书管理(二)
计算机Java项目|在线图书管理
计算机Java项目|在线图书管理(二)
|
4月前
|
存储 安全 Java
计算机Java项目|在线图书管理(一)
计算机Java项目|在线图书管理
|
4月前
|
人工智能 前端开发 JavaScript
计算机Java项目|在线商品管理系统的设计与实现(三)
计算机Java项目|在线商品管理系统的设计与实现
|
4月前
|
Java 关系型数据库 测试技术
计算机Java项目|在线商品管理系统的设计与实现(一)
计算机Java项目|在线商品管理系统的设计与实现
|
4月前
|
Java 数据安全/隐私保护
计算机Java项目|在线商品管理系统的设计与实现(二)
计算机Java项目|在线商品管理系统的设计与实现
|
SQL 前端开发 Java
Java开发:实现用户注册登录的功能
在Java开发过程中,实现用户的注册功能是最基本的,用户通过手机号或者邮箱作为注册账号也是非常常见的操作方式,不管是通过手机号注册或者邮箱注册,原理都差不多,那么本文就来分享一下在Java开发过程中的用户注册账号的功能实现。
271 0
Java开发:实现用户注册登录的功能
|
druid Java 数据库连接
Javaweb项目案例:一个简单的用户管理系统实现
1.项目背景 我们来设计一个简单的用户管理系统,具有查看用户,添加用户,删除用户,更新用户的所有功能,并能支持分页显示,以及通过关键词模糊查询的🎈 本项目采用Druid数据库连接池 注意:JDBC和DAO部分本文不予演示,请自行完成此部分代码的编写🛍️
193 0
Javaweb项目案例:一个简单的用户管理系统实现
|
数据可视化 数据管理 BI
员工管理的报表搭建|学习笔记
快速学习员工管理的报表搭建
131 0
员工管理的报表搭建|学习笔记
|
Java 测试技术
5分钟使用Moodle搭建在线学习管理
Moodle 是以课程为中心的组织模式,围绕课程的创建、关联老师和学生,开展教学和学习活动,来构建强大的在线学习管理平台。Moodle 通过对课程关联资源和活动,来设置课程的PPT、视频等教学资源和作业、考试、反馈等教学活动。Moodle 还有提供很多实用的功能,如更多的系统选项、课程能力模型、成绩报告及更多的课程活动等。
|
fastjson API 数据库
课程支付功能(准备工作) | 学习笔记
简介:快速学习课程支付功能(准备工作)
71 0
课程支付功能(准备工作) | 学习笔记