开发一个成功的Admin后台,需要关注什么?

本文涉及的产品
日志服务 SLS,月写入数据量 50GB 1个月
简介: 在这篇文章中,您将了解开发一个 Admin 后台所包含的要素,并理解为什么这些部分中的每一个都很重要。

Admin 后台可以服务于各种企业内部业务,比如为客户支持团队提供一个客户跟踪仪表板,为销售提供一个定制的 CRM,为招聘提供一个应聘者管理后台,或者只是一个管理数据库资源的简单 CRUD 应用。在这篇文章中,您将了解开发一个 Admin 后台所包含的要素,并理解为什么这些部分中的每一个都很重要。

为什么需要 Admin 后台?

我们创建的每个 Admin 后台都有一个主要目标:减少开发人员为其内部团队所做的支持工作。如果您的客服经常要求开发人员执行一些同样的任务,那么这就很好的表明了您应该在 Admin 后台上下功夫。
Admin 后台为您的公司提供了一种简单的方式来快速实现某些业务信息检索或者变更:可能是在订单上启用次日免费送货,或者是退还用户的最后一次付款,Admin 后台还可以提供一个界面来为特定用户标记标签或者状态。
如果您正在做跨境电商,也会希望在 Admin 后台中内置一些内容管理,用来更新库存商品的数量,增加新的商品,并删除旧的商品。此外,您也可以使用 Admin 后台来增强数据洞察能力,通过创建页面来跟踪出货量,每个用户的平均收入,或其他任何您想查看的内容。

开发 Admin 后台所需关注的点

既然您知道什么是 Admin 后台以及为什么需要它,那么我们现在需要将目光聚焦于开发一个出色的 Admin 后台,有哪些关键领域需要考量。所有这些领域的主旨都是让工作变得简单,并尽可能多地减轻开发工作的负担,同时您的 Admin 后台应该功能强大且易于维护,并且从您的用户角度来看,它应该易于使用和授权。

前端组件

设计一个出色的 Admin 后台,UI 层面需要事先考虑支持哪些工作流,并围绕这些创建相应的简洁页面。例如若您需要解决来自客户的订单问题,则需创建一个对订单具有创建、读取、更新和删除(CRUD)访问权限的页面,并创建一个单独的页面来解决统计数据展示问题。

那些开发人员经常被要求在数据库中查询、修复的内容,都应该在您的 Admin 后台中有一个页面。

要创建一个 Admin 后台,您需要使用各种前端组件,于此同时您要尽可能多地复用已有的库、组件和模板。例如,如果您要在数据看板上显示分析结果,需要添加一个图表库;如果您使用 React,可以使用 React Charts 之类的东西,而不是自己创建,要是 React Charts 不适合您的设置,谷歌也有一个图表库可供你选择。
1.png

选择一个拥有活跃社区且经过严格审查的主题和组件库,专注于功能,这能够使您的 Admin 后台具有强大功能且易于维护。

认证和授权

在认证方面,即使有密码管理器,还是会有很多人不喜欢创建账户,尤其是当这个账户需要经常更换密码来保持其安全性时,情况更加明显。不仅如此,您会希望能够在公司现有的用户管理系统中管理用户,防止外部用户注册。这些原因都使单点登录 (SSO) 成为一个不错的认证选择。
Admin 后台只被内部用户访问,这使得授权在实现上变得不再那么困难。您可以把授权类型归结为只读或可编辑,然后根据工作要求来分配这些角色(RBAC,基于角色的访问控制)。例如开发工程师需要完全访问客户信息板,但产品部门对网站分析提供只读访问就可以了。
在 Admin 后台中管理权限的一种简单方法是使用功能开关平台。为每个任务和访问级别创建开关,然后根据用户 ID 打开或关闭它们。

可审计性

Admin 后台中的用户会被赋予很多权力,包括删除或修改数据库中的内容。这使得保存用户的操作记录变得异常重要,这样您就可以从任何意外修改中恢复。如果您的服务实现了前后端分离并通过 REST API 访问后端接口时,实施审计是最容易的,因为您可以让后端将接口请求记录插入到审计日志中。但如果您选择前端直连数据库,那么要么实现前端日志上报,要么则必须依赖数据库提供的功能,例如,AWS DynamoDB 有 AWS CloudTrail 的内置审计日志支持,而 Amazon Aurora 可以将审计日志推送到 CloudWatch

易于维护

开发 Admin 后台的相关组成部分(前端、后端、部署等)都应该以一种易于维护的方式建立起来,这意味着需要我们尽可能使用现成的工具、现有的库和容易上手的内部工具。
使用专业公司创建的工具的一大好处是将由他们来负责维护文档,或许还会有一个开发者社区,当您遇到困难时,可以向他们提问。但如果您选择从头开始开发内部工具和 Admin 后台,那就会失去这两方面的优势。因此在这里向您介绍下码匠:码匠是一款国内研发的开发者友好的低代码平台,您无需了解 React/Vue 等框架的开发、部署等各种细节,就可以快速打通前后端,连接 REST API、MySQL、MongoDB 等多种数据源,然后通过一套开箱即用的组件,轻松搭建功能完善的数据看板、数据洞察、Admin 管理后台等多种应用。
2.png

使用码匠快速搭建 CRM 系统(具体可参考:https://majiang.co/templates/mysql-crm


码匠主要面向国内用户,相较于国外开发的 Admin/CRM/CMS 等后台工具,码匠的 UI 界面设计更加适合国内业务场景。同时码匠整合了多款国内常见数据源,包括飞书、企业微信、钉钉、阿里云 OSS 等。不仅如此,码匠还一站式提供了企业内部系统常用的租户管理、细粒度的权限控制、审计日志等功能,让您快速搭建后台应用的同时,也为您的企业信息安全保驾护航。

结论

在这篇文章中,相信您已经了解了创建 Admin 后台的内容,例如如何使其安全,如何通过后台认证来修改数据,以及如何轻松建立一个可用的前端等。Admin 后台的重点是减少开发人员的工作量,因此要尽量保持它的简单和实用。

相关实践学习
日志服务之使用Nginx模式采集日志
本文介绍如何通过日志服务控制台创建Nginx模式的Logtail配置快速采集Nginx日志并进行多维度分析。
相关文章
|
前端开发 JavaScript 数据可视化
最棒的 7 个 Laravel admin 后台管理系统推荐
Laravel 已经凭借自己的易用性及低门槛成为 github 上 stars 第一的 PHP 框架,本文将介绍我精心为大家挑选出来的 Laravel admin 后台管理系统,从抽象程度最低(灵活但代码量大)到抽象程度最高(代码量小但不灵活)来帮助大家选择合适自己的 Laravel admin 后台管理系统。
2933 0
|
7月前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
web简易开发——通过php与HTML+css+mysql实现用户的登录,注册
|
7月前
|
SQL PHP 数据库
PHP案例:每一个账号登陆后的操作是隔离的(使用token进行登录)
PHP案例:每一个账号登陆后的操作是隔离的(使用token进行登录)
PHP案例:每一个账号登陆后的操作是隔离的(使用token进行登录)
|
缓存 开发框架 PHP
laravel框架系列(一),Dcat Admin 安装
laravel框架系列(一),Dcat Admin 安装
187 0
|
数据库 数据安全/隐私保护 Python
08-Django-基础篇-admin管理后台
08-Django-基础篇-admin管理后台
|
存储 JavaScript 前端开发
使用 Flask 的g对象和 MySQL 实现用户登录和注销功能
使用 Flask 的g对象和 MySQL 实现用户登录和注销功能
|
存储 JSON 前端开发
基于Springboot外卖系统04:后台系统用户登录+登出功能
如果前端与后台接口之间不存在跨域问题,那么推荐使用cookie和session来记录登录状态。如果前端与服务器接口之间存在跨域问题,那么就要使用token的方式来维持登录状态。
242 0
|
前端开发
关于vue-admin-work后台前端管理框架重大升级
前段时间我们发布了 vue-admin-work的初期版本,受到了很多的小伙伴的支持与鼓励,在这里再次感谢大家对 vue-admin-work的关注。但是在此期间我们也发现了很多的不足之处
关于vue-admin-work后台前端管理框架重大升级
|
PHP
laravel-admin 自定义登陆逻辑,补充原有账号密码登录
laravel-admin 自定义登陆逻辑,补充原有账号密码登录
358 0
|
前端开发
前端简单项目--登录界面
前端简单项目--登录界面
131 0
前端简单项目--登录界面