我实现了一个首页登录页面动态配置插件

NocoBase 登录页自定义配置插件 (Lite 版)。

本插件允许您直接在后台管理界面自定义 NocoBase 登录页面的外观和行为。

使用说明

  1. 开启插件: 进入 NocoBase 插件管理器,搜索 @taichuy/plugin-login-lite 并启用。

  2. 访问配置: 启用插件后,刷新页面,在系统设置或侧边栏中找到并点击“登录配置”菜单。

  3. 添加配置: 点击“添加”按钮,选择创建“首页配置”。

  4. 应用配置: 在配置列表中,打开“启用”开关即可应用该配置。同一时间只能启用一个首页配置。

实际效果演示

插件已经做了多语言话了,本次演示图片使用中文效果,实际使用时请根据需要切换语言。

后台配置:

配置项说明

下表详细说明了配置表单中各项的功能:

字段名称 类型 说明 默认值
标题 (Title) 文本框 该配置的名称,仅用于后台管理区分。 -
描述 (Description) 文本域 该配置的简要描述。 -
是否使用系统自带系统名称 单选框 是否直接显示系统设置中的应用名称。
自定义系统对外展示名字 文本框 自定义显示的系统名称。仅当“是否使用系统自带系统名称”选“否”时出现。 -
左侧内容展示 单选框 选择登录页左侧区域展示的内容类型:图片、HTML嵌入 或 网页嵌入。 图片
左侧图片地址 文本框 左侧显示的图片 URL 地址。仅当选择“图片”时出现。 Bing 每日壁纸
网页嵌入地址 文本框 左侧嵌入的网页 URL 地址 (iframe)。仅当选择“网页嵌入”时出现。 -
HTML嵌入代码 文本域 左侧渲染的自定义 HTML 代码。仅当选择“HTML嵌入”时出现。 -
开放登录方式 多选框 允许用户使用的登录方式(例如:账号密码登录)。 账号密码登录
版权设置 (Markdown) Markdown 页面底部显示的版权信息,支持 Markdown 语法。 Powered by NocoBase
备案信息 (Markdown) Markdown 页面底部显示的备案或其他页脚信息,支持 Markdown 语法。 Modified by taichuy
背景主题颜色 颜色选择器 登录页面的整体背景颜色。 #000
字体颜色 颜色选择器 页面主要文本的颜色。 #fff
登录表单主题颜色 颜色选择器 登录框容器的背景颜色。 rgba(255,255,255,0.12)
登录表单文字颜色 颜色选择器 登录框内部的文字颜色。 #fff
按钮背景颜色 颜色选择器 登录按钮的背景颜色。 rgba(255,255,255,0.2)
按钮文字颜色 颜色选择器 登录按钮的文字颜色。 #fff
启用 开关 是否立即启用当前配置。

需要的自取,走的时候给我点个start
github开源地址:

7 Likes

插件管理器中没有 是需要自己构建插件吗

1.9.3上传了插件后抛错 {“level”:“error”,“message”:“No permissions”,“meta”:{“err”:“ForbiddenError: No permissions\n at Object.throw (/app/nocobase/node_modules/koa/lib/context.js:97:11)\n at middlewares.add.tag (/app/nocobase/node_modules/@nocobase/acl/lib/acl.js:405:20)\n at dispatch (/app/nocobase/node_modules/koa-compose/index.js:42:32)\n at parseACL (/app/nocobase/node_modules/@nocobase/plugin-public-forms/dist/server/plugin.js:179:14)\n at dispatch (/app/nocobase/node_modules/koa-compose/index.js:42:32)\n at /app/nocobase/node_modules/@nocobase/plugin-acl/dist/server/server.js:476:18\n at dispatch (/app/nocobase/node_modules/koa-compose/index.js:42:32)\n at /app/nocobase/node_modules/@nocobase/acl/lib/allow-manager.js:108:13\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async ACLMiddleware (/app/nocobase/node_modules/@nocobase/acl/lib/acl.js:325:14)\n at async app.resourcer.use.group (/app/nocobase/node_modules/@nocobase/plugin-api-keys/dist/server/plugin.js:62:9)\n at async blockChinaRegionList (/app/nocobase/node_modules/@nocobase/plugin-field-china-region/dist/server/index.js:57:9)\n at async setMainDepartment (/app/nocobase/node_modules/@nocobase/plugin-departments/dist/server/middlewares/set-main-department.js:33:3)\n at async resetUserDepartmentsCache (/app/nocobase/node_modules/@nocobase/plugin-departments/dist/server/middlewares/reset-user-departments-cache.js:33:3)\n at async destroyDepartmentCheck (/app/nocobase/node_modules/@nocobase/plugin-departments/dist/server/middlewares/destroy-department-check.js:57:3)\n at async setCurrentRole (/app/nocobase/node_modules/@nocobase/plugin-acl/dist/server/middlewares/setCurrentRole.js:124:3)\n at async /app/nocobase/node_modules/@nocobase/plugin-users/dist/server/server.js:223:7\n at async deleteRolesCache (/app/nocobase/node_modules/@nocobase/plugin-users/dist/server/server.js:212:7)\n at async handleFieldSourceMiddleware (/app/nocobase/node_modules/@nocobase/plugin-data-source-main/dist/server/server.js:437:7)\n at async mergeReverseFieldWhenSaveCollectionField (/app/nocobase/node_modules/@nocobase/plugin-data-source-main/dist/server/server.js:411:7)\n at async templateDataMiddleware (/app/nocobase/node_modules/@nocobase/plugin-block-template/dist/server/middlewares/templateData.js:45:3)\n at async pushUISchemaWhenUpdateCollectionField (/app/nocobase/node_modules/@nocobase/plugin-data-source-main/dist/server/server.js:372:7)”},“module”:“login_configs”,“submodule”:“list”,“method”:“error-handler”,“app”:“main”,“reqId”:“8844f762-9b8d-4284-ad8f-f5c01aff9263”,“dataSourceKey”:“main”,“timestamp”:“2025-12-25 17:14:26”}

你改版本了吗?我插件版本是1.9.6开发的哦

是,你可以自己构建,也可以去我公众号:太初y的笔记
回复关键字:太初y的nocobase插件
获取打包好的插件
建议使用1.9.6以上的版本试试

已经去掉 开放登录方式版权设置 (Markdown)

依据nocobase的授权,不许修改登录页面版权,因此准守开源原则,对于关闭版权修改,希望周知。
开放登录方式,目前只有一个账号密码,所以也去掉

太感谢了,一直希望有个这样的插件,麻烦问一下支持2.x吗

插件启用成功后,进入到登录配置界面,提示“ No permissions”
对应的命令窗口日志如下,请问什么问题呀

碰到了一样的问题~~

在开发环境里面不会出现提示。
但是打包出来的插件,就会出现。

配置登录页面要求权限为root的用户的权限,也就是只有超管才可以配置登录页面

1 Like

2.x版本等到稳定版出了之后会更新,其实插件都是一样,可以用当前1.9.6强制开启在2.x中,我试过没啥问题

image

收到,多谢。

今天收到一个登录插件bug提交,登录插件没有把其他认证插件开放登录方式给放出来,如在nocobase开启了短信认证插件,配置并启用了,但是登录表单并没有出现,排查后确认,已经修复了,并且将最新修复代码和打包放到公众号中了。

感谢各位支持

公众号:太初y的笔记
回复关键字:太初y的nocobase插件
获取打包好的插件

对于第三插件扩展的登录按钮进行兼容性处理

issues中,提到免密登录,游客登录插件的安装包,我打包分享一份到我个人公众号中,感兴趣,可以
公众号:太初y的笔记
回复关键字:太初y的nocobase插件
获取打包好的插件

也可以直接去仓库源码打包插件:

1 Like

关于issue中提到的鼠标悬浮过去太亮的问题已经修复了,鼠标悬浮过去之后不再是亮白色而是略微暗点的透明度幅度轻微:

2.0.1版本插件已经放到公众号,感兴趣自取:
公众号:太初y的笔记
回复关键字:太初y的nocobase插件
获取打包好的插件

power by nocobase 无法去除吗