PagePlug开源低代码权限联动案例——控制组件可用、可见性

一、背景：

权限功能在B端系统中扮演着非常重要的角色，一种用于管理和控制用户对系统功能和数据的访问权限的机制，可以确保系统的安全性、保护敏感数据，并对不同用户的角色和职责进行精细化管理，简单梳理下可以分成5个模块

1. 数据保护和安全性：B端系统通常处理大量的敏感数据，如客户信息、财务数据等。权限功能可以限制用户对这些数据的访问和操作权限，确保只有授权用户能够查看和修改数据，从而保护数据的机密性和完整性。

2. 用户角色和职责管理：B端系统通常有不同的用户角色和职责，如管理员、普通员工、审批人等。权限功能可以根据用户的角色和职责，分配相应的权限，确保每个用户只能访问和执行其职责范围内的功能和数据，提高工作效率和安全性。

3. 工作流程控制：权限功能可以在B端系统中定义和管理工作流程，确保任务按照预定流程进行，并且只有具有相应权限的用户才能执行特定的操作。这有助于提高工作效率、减少错误和混乱，并确保业务流程的合规性。

4. 审计和追踪能力：权限功能可以记录和追踪用户对系统的操作和访问记录，包括登录、数据修改等，为系统管理员提供审计和监控的能力。这对于发现潜在的安全问题、解决纠纷以及满足合规性要求非常重要。

5. 定制化用户体验：权限功能可以基于用户的角色和权限级别，定制化用户界面和功能。这样，不同角色的用户可以看到和使用与其工作相关的功能，提高用户体验和工作效率。

面向研发开发使用的低代码PagePlug，社区版目前默认支持三类角色：Administrator、Developer、App Viewer

• Administrator拥有的权限：

1）创建/编辑应用的权限

2）查看工作区应用的权限

3）公开应用的权限（设置应用是否能公开被访问）

4）邀请用户加入工作区的权限

5）从工作区删除用户的权限

• Developer的权限：

1）创建/编辑应用的权限

2）查看工作区应用的权限

3）邀请用户加入工作区的权限

• App Viewer：

1）查看工作区应用的权限

2）邀请用户加入工作区（用户仅有查看的权限）

如需拓展角色和权限的功能，可自行从仓库中拉取代码进行二次开发或者使用企业版功能

• Gitee：开发灵活、迭代简单——面向研发使用的低代码

• Github：开发灵活、迭代简单——面向研发使用的低代码

二、在社区版中：

1、熟悉global对象

• PagePlug内置很多对象、方法，可以通过{{ }}的方式任意联动。本次权限的演示，我们可以通过global进行全局数据的管理，例如使用global对象，里面会有包含很多属性，例如：user、url等

• 之后输入{{global.user}}，可以获取到其他的值，例如输入{{global.user.email}}获取当前登陆账号的邮箱信息

2、通过includes()作为开关来控制可见性

• 例如，我们可以从左侧拖入一个input组件，可以在右侧的配置栏中找到【是否显示】的选项

• 点击【JS】图标，可以在输入框中编写值和公式，当值为True时，input组件是可见的；反之，当值会Flase，input组件是不可见的

• 在上面我们已经知道通过{{global.user.email}}的形式可以获取到当前用户的邮箱信息，这时候，例如我们可以输入{{global.user.email.includes(1)}}，发现解析值是true，input组件是常显状态，应用发布后是正常可见的

因为当前登陆的用户邮箱为123@qq.com，是包含1的

• 再例如我们可以输入{{global.user.email.includes(8)}}，发现解析值是false，input组件置灰，应用发布后将不可见

• 这样，我们可以通过这样的方式去鉴别当前用户是否有该组件的可见权限，当然也可以通过其他的属性进行控制（例如role等），也可以在组件的事件中进行控制组件是否可使用，例如使用【禁用】：

三、在企业版中：

相较于社区版，企业版支持在系统中控制应用程序中的所有权限（例如应用查看、编辑等），支持所有资源的所有权限（对数据源的控制，对数据源相应的api、js等控制），按属性精细地管理权限

企业版中支持groups、roles、IDToken属性，通过部门或者是其他角色，进行更多灵活的权限控制

角色Roles

部门groups

当获取的值中包含【运营部门】信息的时候，该组件是可见的

对接企业内部单点登陆，也可以通过IDToken的方式灵活进行控制，{{global.user.idToken}}

控制组件的可见性、禁用等使用方式和上面社区版描述的一致

四、案例体验

• 工程管理系统：优化数据源信息内容及审批流程

👩🏻‍💻线上体验地址：工程管理系统

跨境电商仓库管理系统案例：该系统允许用户管理多个仓库的产品和库存、以及跟踪供应商产品和管理供应商

👩🏻‍💻线上体验地址：跨境电商仓库系统

如果想了解PagePlug企业版/商业版的价格及更多功能，可放大下方图片查看

---

对PagePlug上一些功能使用讲解及介绍，可以点击下方文章查看

1、Formily开发实战——3分钟完成一个登录页的开发，Formily表单与PagePlug低代码的完美融合

Formily开发实战——3分钟完成一个登录页的开发，Formily表单与PagePlug低代码的完美融合_PagePlug的博客-CSDN博客Formily——更高效的表单解决方案与开源低代码Pageplug的融合https://blog.csdn.net/AppsmithCN/article/details/130765565?spm=1001.2014.3001.5501https://blog.csdn.net/AppsmithCN/article/details/130765565?spm=1001.2014.3001.5501https://blog.csdn.net/AppsmithCN/article/details/130765565?spm=1001.2014.3001.5501https://blog.csdn.net/AppsmithCN/article/details/130765565?spm=1001.2014.3001.5501

2、国内优秀的开源低代码框架：PagePlug，面向研发使用，拒绝重复、低价值的工单循环开发

国内优秀的开源低代码框架：PagePlug，面向研发使用，拒绝重复、低价值的工单循环开发_低代码开发框架 开源_PagePlug的博客-CSDN博客面向研发使用、更懂国内企业的开源低代码_低代码开发框架 开源https://blog.csdn.net/AppsmithCN/article/details/131380008?spm=1001.2014.3001.5501https://blog.csdn.net/AppsmithCN/article/details/131380008?spm=1001.2014.3001.5501https://blog.csdn.net/AppsmithCN/article/details/131380008?spm=1001.2014.3001.5501

3、保姆级低代码实战教程——玩转PagePlug表格开发，增删改查分页如此简单

保姆级低代码实战教程——玩转PagePlug表格开发，增删改查分页如此简单_帆软对数据增删改查_PagePlug的博客-CSDN博客面向研发使用的低代码，比低代码区别很大的，相较于轻流、简道云、轻宜搭、微搭、帆软、活字格等等的低代码灵活性及维护更好_帆软对数据增删改查https://blog.csdn.net/AppsmithCN/article/details/131210730https://blog.csdn.net/AppsmithCN/article/details/1312107304、PagePlug：低代码平台入门教程—10分钟搭建一个用户改查系统

PagePlug：低代码平台入门教程—10分钟搭建一个用户改查系统_PagePlug的博客-CSDN博客PagePlug，面向研发使用的低代码平台，10分钟搭建一个用户改查系统https://blog.csdn.net/AppsmithCN/article/details/131790256https://blog.csdn.net/AppsmithCN/article/details/131790256

5、PagePlug低代码入门教程——与Websocket的集成

PagePlug低代码入门教程——与Websocket的集成_PagePlug的博客-CSDN博客通过PagePlug低代码与Websocket集成，实现前端页面的数据实时通信https://blog.csdn.net/AppsmithCN/article/details/132511483?spm=1001.2014.3001.5501https://blog.csdn.net/AppsmithCN/article/details/132511483?spm=1001.2014.3001.5501

6、B站上也有一些案例教程，欢迎查看研究～～

​欢迎点赞、收藏、喜欢三连鼓励下哟 ，避免找不到文章啦