Этот пост является продолжением моего предыдущего поста Создание REST API с помощью Oracle Cloud ADB, в котором я продемонстрировал создание rest API на основе базы данных oracle.
Теперь мы увидим, как использовать этот restapi и создайте веб-сервер, на котором размещается простая веб-страница для отображения данных, возвращаемых API.
Создайте файл index.js и скопируйте приведенный ниже код
Здесь мы вызываем html-страницу, которая будет отображать данные.
app.get('/', function (req, res) {
fs.readFile(__dirname + «/index.html»)
.then(contents =› {
res.setHeader ("Content-Type", "text/html");
res.writeHead(200);
res.end(contents);
})
.catch(err =› {
res.writeHead(500);
res.end(err);
return;
});
})
Теперь давайте посмотрим на важный раздел index.html
по нажатию кнопки вызывается функция, которая вызывает API. Создаем динамическую таблицу на основе данных
function CreateTableFromJSON(tname) {
fetch(`http://localhost:5000/table?tab=${tname}`)
.then(response =› response.json())< br /> .then(apiJsonData =› {
renderDataInTheTable(apiJsonData);
})
функция renderDataInTheTable (данные вкладки) {
var col = [];
for (var i = 0; i ‹ tabdata.length; i++) {
for (ключ var в tabdata[i]) {
if (col.indexOf (ключ) === -1) {
col.push (ключ);
} } }
// СОЗДАТЬ ДИНАМИЧЕСКУЮ ТАБЛИЦУ
var table = document.createElement(“table”);
var tr = table.insertRow(-1);
for (var i = 0; i ‹ col.length; i++) {
var th = document.createElement(“th”);
th.innerHTML = col[i];
tr.appendChild(th);
}
Преимущество динамической HTML-таблицы в том, что нам не нужно думать о том, сколько столбцов вернет API.
Введите node index.js, чтобы запустить службу. Зайдите в браузер и введите http://localhost:3000
Вы увидите поле для ввода имени таблицы оракула. как только вы введете имя таблицы и нажмете на дисплей, вы увидите данные таблицы.
Вы можете загрузить образец кода с github здесь
Вы можете либо клонировать репозиторий, либо скачать zip-файл. Как только вы загрузите узел, введите
, запустите узел index.js, и все готово.
