uni-admin，管理后台开发必备神器

DCloud - 2021-11-16 21:51:02

---

回顾：上周给大家推荐了 uni-starter

公众号出现了一大波令人振奋的留言！

有激动不已的

有赞不绝口的

甚至还有相见恨晚的

妥妥地圈了一波粉丝

随后 uni-starter 的哥哥 uni-admin

大喊一声：

uni-starter和uni-admin是什么关系？

两个项目，都是基于 uni-app 和 uniCloud 的云端一体免费开源框架。

uni-starter 是用户端项目模板，uni-admin 则是管理员端项目模板。

注：uni-admin 曾用名 “uniCloud admin”，两者是一个产品

➤

如下，点击图片即可体验uni-admin

uni-app不是做手机端的吗？怎么有PC端了？

out啦，uni-app去年就支持响应式了，而且是非常优秀的响应性框架，详见：https://uniapp.dcloud.io/adapt

基于 uni-app 的 uni-admin，不但支持pc宽屏，也支持h5窄屏、小程序以及App。是目前已知唯一的全端兼容管理后台。

如何使用uni-admin？

在HBuilder创建项目界面选择 uni-admin（或uniCloud admin）模板即可

视频教程

来看一段精简视频，15分钟快速掌握uni-admin

uni-admin包含内容：

uni-admin 包含了基本的管理框架、基于uni-id的用户管理、菜单管理，同时提供了众多优秀的插件。

大量插件已经上线插件市场，开发者想要什么功能，几乎都不用自己做。

预置功能管理员账户初始化、登录、修改密码基于uni-id的用户管理（注册、修改信息、停用启用、删除）、角色管理、权限管理顶部 topWindow 的设置：比如 logo 更换、右上角部分链接更换。详见项目根目录的admin.config.js文件左侧 leftWindow 的菜单设置：菜单包括两类，一类是动态菜单，具备业务和权限功能；另一类是静态菜单，不会根据登录用户角色变化动态菜单的数据存储在数据库表opendb-admin-menus中，基于uni-id角色权限，在菜单管理中可以对菜单进行增删改查开发模式下的 debug 功能，帮助开发者及时发现报错和搜索错误信息，可在admin.config.js文件中配置扩展插件DCloud插件生态，专设admin插件类目。包括：app升级、cms、banner管理、日志管理、图表统计、活动投票、转盘抽奖等。这些功能都不用自己开发啦。

点此查看更多插件

3. 数据表管理的代码生成工具schema2code

其实大部分admin功能的开发，都是对某个数据表的增删改查可视化操作。

现在这些代码也都不用自己写了。

建好数据表的schema表结构，利用schema2code工具，即可自动生成该表的管理页面的代码。列表浏览、分页搜索、详情修改、新增删除，这些代码都无需自己开发。

有了uni-admin的内置功能、丰富的插件，以及schema2code神器，admin系统开发还需要花费什么人力？简直不能再easy啦。

uni-admin 还会不断更新，请持续关注本插件，以及admin插件生态。

二开后的更新维护

使用 uni-admin 模板后，自己做了大量二开，那么官方的uni-admin模板更新后，怎么更新合并呢？

来看这个小技巧：

\1. uni-admin 遵循 uni_modules 规范，属于项目类型的插件，在项目的根目录下有一个符合uni_modules规范的package.json文件，在这个文件右键-从插件市场更新，会弹出如下提示：

\2. 点击合并对比，弹出差异对比界面，如下

你在二开时新增的文件，不会被覆盖；你改动的文件，会把差异列出来，你可以选择合并哪些改动到右边。

成熟产品

其实，uni-admin 比 uni-starter 出生更早，目前在插件市场上，已经有4万多次下载。

uni-starter 的这个哥哥怎么样？同样开源、全端的uni-admin，期待你的反馈。欢迎留言或加QQ群：599819864 交流。

Tags 标签

node.js小程序vue.jshtml5

扩展阅读