Добавление данных в бд electron - Помощь студентам

Rayse · 01.06.2022, 18:32

Ребят, всем привет! Нужна помощь в добавление пользователей в таблицу по определённым критериям. Только не давно начал работу с "electron" js и не понимаю как решить данную задачу или где искать ответ.

Суть в том что у меня есть таблица и две кнопки "приложу в скришоте", задача заключается в том что мне нужно ввести информацию о человеке и сохранить её в таблицу или сбросить значения, так-же возможность изменить информацию или вообще удалить пользователя. Если внешне я написал код в этому, то логику мне очень сложно написать ибо до этого с этим не работал. Таблица в результате должна выглядеть так как на втором сриншоте.

Код html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Список пользователей</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
rel="stylesheet" />
</head>
<body>
<h2 style="margin: 20px;">Список пользователей</h2>
<table id="myTable" style="margin: 20px;" class="table table-condensed table-striped table-bordered">
<thead><tr><th onclick="sortTable(0)">Id</th><th onclick="sortTable(1)">Имя</th><th onclick="sortTable(2)">возраст</th><th onclick="sortTable(3)">Хоби</th><th onclick="sortTable(4)">Профессия</th></tr></thead>
<tbody>
</tbody>
</table>
<form style="margin: 20px;" name="userForm">
<input type="hidden" name="id" value="0" />
<div class="form-group">
<label for="name">Имя:</label>
<input class="form-control" name="name" />
</div>
<div class="form-group">
<label for="age">Возраст:</label>
<input class="form-control" name="age" />
</div>
<div class="form-group">
<label for="hobby">Хобби:</label>
<input class="form-control" name="hobby" />
</div>
<div class="form-group">
<label for="work">Профессия:</label>
<input class="form-control" name="work" />
</div>
<div class="panel-body">
<button type="submit" class="btn btn-sm btn-primary">Сохранить</button>
<a id="reset" class="btn btn-sm btn-primary">Сбросить</a>
</div>
</form>
<script>
</script>
</body>
</html>

Код main.js:
const { app, BrowserWindow } = require('electron');
const path = require('path');
function createWindow() {
const win = new BrowserWindow({
width: 500,
height: 200,
webPreferences: {
preload: path.join(__dirname, 'preload.js')
}
});
win.loadFile('/labb11/public/index.html');
}
app.whenReady().then( () => {
createWindow();
app.on('activate', () => { // Для MacOS
if (BrowserWindow.getAllWindows().leng th === 0) {
createWindow();
}
});
} );
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') { // Кромем MacOS
app.quit();
}
});

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Добавление данных из SQL запроса в эксель на конкретную страницу, без удаления старых данных	1way2god	Python	5	30.01.2020 12:11
Как добавить ListView в Electron?	senglory	JavaScript, Ajax	0	12.10.2019 15:19
[РЕШЕНО] Не подключаются модули и файлы requery в Electron.js	Illusiony	JavaScript, Ajax	5	02.06.2019 12:12
Добавление данных и формул в Гугл таблицу, после данных от формы	Neptun74	Microsoft Office Excel	5	18.03.2019 16:53
ЯД -> Visa Electron	zumm	Свободное общение	5	03.10.2011 11:01