Node.js 如何在 adminLTE 中集成 api
How to integrate apis in adminLTE in Node.js
我已经在我的 Node.js 项目中成功安装和 运行 admin-lte。正如我们所知,他们正在为我们提供登录、注册和忘记密码页面以供使用。
因此,如果我想在其中一个页面上进行 API(并且 API 也在 Node.js 中进行)调用,那么我应该遵循哪些步骤?
您应该在 nodejs 中呈现 html 页面(例如在 express.js 中),在 express.js 中您可以使用模板引擎,例如:EJS - hbs ... see this Link.
并且要在 adminLTE 中使用 API,您应该使用前端 Web 框架,例如:reactjs - angular - vuejs or use old jquery 等。您甚至可以呈现静态网页并通过 Expressjs 模板引擎将数据发送到模板引擎,我在上面解释了。
原始 AdminLTE 仪表板的 ReactJS 版本:https://github.com/booleanhunter/ReactJS-AdminLTE
AdminLte Angular 2:
https://github.com/mledour/angular-admin-lte
查看此示例以使用 hbs 加载静态网页:
const express = require('express');
const app = express();
const port = 3000;
//Loads the handlebars module
const handlebars = require('express-handlebars');
//Sets our app to use the handlebars engine
app.set('view engine', 'handlebars');
//Sets handlebars configurations (we will go through them later on)
app.engine('handlebars', handlebars({
layoutsDir: __dirname + '/views/layouts',
}));
app.use(express.static('public'))
app.get('/', (req, res) => {
//Serves the body of the page aka "main.handlebars" to the container //aka "index.handlebars"
res.render('main', {layout : 'index'});
});
app.listen(port, () => console.log(`App listening to port ${port}`));
我已经在我的 Node.js 项目中成功安装和 运行 admin-lte。正如我们所知,他们正在为我们提供登录、注册和忘记密码页面以供使用。
因此,如果我想在其中一个页面上进行 API(并且 API 也在 Node.js 中进行)调用,那么我应该遵循哪些步骤?
您应该在 nodejs 中呈现 html 页面(例如在 express.js 中),在 express.js 中您可以使用模板引擎,例如:EJS - hbs ... see this Link.
并且要在 adminLTE 中使用 API,您应该使用前端 Web 框架,例如:reactjs - angular - vuejs or use old jquery 等。您甚至可以呈现静态网页并通过 Expressjs 模板引擎将数据发送到模板引擎,我在上面解释了。
原始 AdminLTE 仪表板的 ReactJS 版本:https://github.com/booleanhunter/ReactJS-AdminLTE
AdminLte Angular 2: https://github.com/mledour/angular-admin-lte
查看此示例以使用 hbs 加载静态网页:
const express = require('express');
const app = express();
const port = 3000;
//Loads the handlebars module
const handlebars = require('express-handlebars');
//Sets our app to use the handlebars engine
app.set('view engine', 'handlebars');
//Sets handlebars configurations (we will go through them later on)
app.engine('handlebars', handlebars({
layoutsDir: __dirname + '/views/layouts',
}));
app.use(express.static('public'))
app.get('/', (req, res) => {
//Serves the body of the page aka "main.handlebars" to the container //aka "index.handlebars"
res.render('main', {layout : 'index'});
});
app.listen(port, () => console.log(`App listening to port ${port}`));