在前端开发领域中，常常需要使用后端框架来进行页面搭建以及数据处理。而在 node.js 环境下，使用 express 框架搭建后端服务器是比较常见的做法。然而，使用 express 搭建后端服务时，一些常规的管理页面却需要自己手动编写。而在这种情况下，一个强大的 npm 包 express-django-admin 就可以节省我们很多的时间和精力。这篇文章将详细介绍这个 npm 包 express-django-admin 的使用教程。
express-django-admin 简介
express-django-admin 是一个简单易用的后台管理界面构建工具，它提供了类似 Django admin 后台管理界面的风格。它支持基于 MongoDB、MySQL、PostgreSQL 等多种数据库的管理页面创建。同时，它也提供了一些酷炫的数据可视化组件，例如折线图、柱状图等，可以给我们的管理页面添加更为丰富的数据展示。使用 express-django-admin 可以帮助我们在搭建后端服务器时，轻松完成通用的后台管理页面，进而提高我们的开发效率。
安装
我们可以使用 npm 命令来安装 express-django-admin：
npm install express-django-admin --save
使用
在项目中引入 express-django-admin：
const expressDjangoAdmin = require('express-django-admin');在 express 应用中，使用 expressDjangoAdmin.mount() 函数来挂载管理页面：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- -------- - -------------------- --------------------------------------------- ----- ------------------ - -------------------------------- ----- ----------- - ------------------------- -- ------ ------------------------------------- -- --------- ------------------------------------ -- ------ ---------------- -- -- - -------------------- --- --------- -- ------------------------ ---
配置
在使用 express-django-admin 时，需要通过配置文件 adminConfig 对管理页面进行配置。该配置文件是一个 javascript 对象，我们可以通过修改该对象来完成管理页面的配置。
adminConfig 对象包含以下属性：
dataSource
数据源配置，可以指定使用哪种数据库来作为数据源。
dataSource: {
type: 'mongoose', // 数据库类型，可选值为 'mongoose'、'mysql'、'postgresql' 等
uri: 'mongodb://localhost/test', // 数据库连接字符串，根据不同数据库类型有所不同
},resources
资源配置，定义了所有我们需要管理的数据资源。
-- -------------------- ---- -------
---------- -
----- - -- ---
------ ------- -- -------- ----
------- - -- ----
-
----- -------
------ -----
----- ---------
--
-
----- ------
------ -----
----- ---------
--
--
--
----- -
------ -------
------- -
-
----- --------
------ -----
----- ---------
--
-
----- ----------
------ -----
----- ---------
--
--
--
--actions
操作配置，定义了我们需要为资源提供的各种操作。
actions: {
list: true, // 列表操作
create: true, // 创建操作
update: true, // 更新操作
delete: true, // 删除操作
},示例
下面是一个简单的示例，演示如何使用 express-django-admin 管理 mongodb 数据库中的用户数据。
首先，在 app.js 中设置 mongoose 数据库连接：
const mongoose = require('mongoose');
mongoose.connect('mongodb://localhost/testUser');接着，在 adminConfig.js 中定义我们需要管理的 User 资源，并指定连接的数据源类型：
-- -------------------- ---- -------
----- ----------- - -
----------- -
----- -----------
---- -------------------------------
--
---------- -
----- -
------ -------
------- -
-
----- -------
------ -----
----- ---------
--
-
----- ------
------ -----
----- ---------
--
--
--
--
-------- -
----- -----
------- -----
------- -----
------- -----
--
--
-------------- - ------------最后，通过 expressDjangoAdmin.init(adminConfig) 和 app.use(expressDjangoAdmin.mount()) 分别对 express-django-admin 进行初始化和挂载。
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ----- -------- - -------------------- ------------------------------------------------- ----- ------------------ - -------------------------------- ----- ----------- - ------------------------- ------------------------------------- ------------------------------------ ---------------- -- -- - -------------------- --- --------- -- ------------------------ ---
启动服务后，我们就可以通过 http://localhost:3000/admin 访问刚刚定义的管理页面了：
在管理页面中，我们可以进行用户的增删改查操作：
这是一个非常简单的示例，更多关于 express-django-admin 的用法和配置可以参考官方文档。使用 express-django-admin 可以让我们更快地搭建出符合我们要求的管理页面，提高我们的工作效率，也让我们更专注于业务逻辑的实现。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f88238a385564ab6d36