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

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

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

课程地址: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

 

四、课程总结

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

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

相关文章
|
前端开发 搜索推荐 JavaScript
使用uniapp实现时钟功能
使用uniapp实现时钟功能
556 1
|
4月前
|
运维 数据可视化 搜索推荐
研发部绩效考核怎么做?用这5步搭建体系,人事系统帮你落地
研发部门作为企业技术核心,其绩效考核面临创造性、协作性及高知群体特性带来的挑战。常规KPI难以量化创新价值、评估团队贡献或满足成长需求。科学的考核体系需从战略出发,结合可量化与定性指标,设定灵活周期,引入多源评价,并与激励机制联动。借助人事系统实现数据自动整合、流程在线化与结果可视化,提升考核效率与公平性。最终通过“体系+工具”结合,激发研发人员积极性,推动企业技术创新与战略落地。
|
7月前
|
存储 安全 数据安全/隐私保护
HarmonyOS5云服务技术分享--匿名登录功能指南
本文为开发者详解如何实现应用的“游客模式”登录功能,让用户无需注册即可快速体验APP。通过5步集成指南(环境准备、初始化认证模块、智能登录检测、一键游客登录及账号升级策略),手把手教你完成开发流程。同时分享安全守则与高阶技巧,如敏感操作防护和事件监听等,帮助优化用户体验并提升留存率。文末更有小互动,期待你的观点交流!
|
9月前
|
开发者 容器
鸿蒙开发:弹性布局Flex
在实际的开发中,需要掌握主轴与交叉轴的关系、换行规则及子元素属性,同时注意性能与兼容性问题,还有一点,Flex组件在渲染时存在二次布局过程,因此在对性能有严格要求的场景下建议使用Column、Row代替。
261 10
鸿蒙开发:弹性布局Flex
|
供应链 搜索推荐 API
探讨拼多多商品 API 接口:运用及收益
拼多多商品API接口为开发者和企业提供了一站式的商品数据交互解决方案,涵盖商品详情、价格、库存、评价等多元信息,助力电商平台拓展、数据分析、个性化推荐及营销推广,有效提升商业价值和用户体验,推动电商领域的创新与发展。
1106 0
|
数据采集 JSON Java
利用Java获取京东SKU接口指南
本文介绍如何使用Java通过京东API获取商品SKU信息。首先,需注册京东开放平台账号并创建应用以获取AppKey和AppSecret。接着,查阅API文档了解调用方法。明确商品ID后,构建请求参数并通过HTTP客户端发送请求。最后,解析返回的JSON数据提取SKU信息。注意遵守API调用频率限制及数据保护法规。此方法适用于电商平台及其他数据获取场景。
|
存储 算法 数据可视化
云上大数据分析平台:解锁数据价值,驱动智能决策新篇章
实时性与流式处理:随着实时数据分析需求的增加,云上大数据分析平台将更加注重实时性和流式处理能力的建设。通过优化计算引擎和存储架构等技术手段,平台将能够实现对数据流的高效处理和分析,为企业提供实时决策支持。通过优化计算引擎和存储架构等技术手段,平台将能够实现对数据流的高效处理和分析,为企业提供实时决策支持。
1449 8
|
传感器 编解码 人工智能
为 NVIDIA Jetson 和其他嵌入式系统选择合适的摄像头
本文详细介绍了为NVIDIA Jetson和其他嵌入式系统选择合适摄像头模块的关键因素,包括传感器类型(CCD和CMOS)、电子快门(全局快门和滚动快门)、彩色或单色传感器、动态范围、分辨率、帧率和接口等。文章还提供了光学器件的选择建议,并列出了NVIDIA摄像头模块合作伙伴,帮助用户完成从概念到生产的整个设计过程。
226 0
为 NVIDIA Jetson 和其他嵌入式系统选择合适的摄像头
|
机器学习/深度学习 人工智能 自然语言处理
技术分析:AI大模型战场的分化与赛点分析
技术分析:AI大模型战场的分化与赛点分析