创建从api获取数据的Node.js应用程序，并使用该数据在html文件中创建表
创建从api获取数据的Node.js应用程序，并使用该数据在html文件中创建表
提问于 2019-02-09 19:37:58
我们正在使用这个接口：https://jsonplaceholder.typicode.com/users和我需要创建一个node.js应用程序，它将从api获得用户列表，并从0创建一个html文件内容，里面有一个关于该用户的表。
我已经用fetch的html/css/js写下了这个任务，它可以工作，但现在我不知道如何用node.js来完成它。目前，我只有以下代码：
const axios = require('axios');
const url = 'https://jsonplaceholder.typicode.com/posts';
axios.get(url)
.then(function (response) {
//console.log(response.data);
let arr = [];
arr = response.data;
fillTheTable(arr);
})
.catch((error) => console.log(error));回答 1
Stack Overflow用户
发布于 2019-02-09 20:51:22
我建议您使用最小的MVC Express应用程序：
在app.js中，您可以启动服务器：
var express = require('express');
var app = express();
var index = require('../controllers/index');
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'pug');
app.get('/', function (req, res) { // index url of your web app. Will call to index controller
index
});
app.listen(3000, function () {
console.log('Example app listening on port 3000!');
});在controlles/index.js中指定主url的逻辑(获取API的数据并将其呈现为视图以转换为HTML)：
const axios = require('axios');
const asyncUtil = fn =>
function asyncUtilWrap (req, res, next, ...args) {
const fnReturn = fn(req, res, next, ...args)
return Promise.resolve(fnReturn).catch(next)
}
module.exports = {
index: asyncUtil(async (req, res, next) => {
let users = await axios(url)
res.render('index', {users})
})
}您将在views/index.pug的pug视图中指定超文本标记语言，这将把它转换为超文本标记语言：
table
thead
tr
th Id
th Name
th Username
tbody
each user in users // iterate through users json
tr
td #{user.id}
td #{user.name}
td #{user.username}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54610002
复制
相似问题
如何使附加的元素具有与当前元素相同的功能
如何使元素具有相同的"src“
如何使元素具有相同的高度
使子元素具有与父元素相同的宽度和边框
无法使子元素与父元素IE具有相同的高度
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
