Электронная колонка/нижний колонтитул

Question

Я совершенно не знаком с электроном, но уже люблю его!

Но мне просто интересно, как обращаться с приложением с разными страницами. Я не мог написать один .html-файл для каждой страницы, потому что, когда что-то в заголовке меняет, я должен внести изменения в каждый файл .html.

Какие решения вам предпочтительнее и у вас есть фрагменты кода?

Answer 1

Я создал один раз this. Вы можете добавить заголовок за пределы <div>. Он будет отображаться все время, и если вы хотите изменить заголовок, вам нужно изменить его только один раз.

Answer 2

https://jsfiddle.net/ovezbn4j/

Этот пример является типичным одно приложение страницы, с баром sidenav, что позволяет искусственно перемещаться по приложению, заменив HTML в «основной» DIV с соответствующим содержанием.

Поскольку вы используете Electron, я бы рекомендовал использовать эту скрипку в качестве ориентира, поскольку это чистый javascript.

Для фактической реализации в вашем приложении Electron вам необходимо будет полностью использовать экосистему узлов, в частности, угловые и/или рулевые панели, или любые другие пакеты с похожими функциями одного веб-приложения.

let getHTML = pageName => { 
    switch(pageName) { 
    case 'home': 
     return homePage; 
     break; 
    case 'create-user': 
     return createUserPage; 
     break; 
    default: 
     alert(`${pageName} does not exist!`); 
     break; 
    } 
} 

let homePage = '<p>This is the home page!</p>'; 
let createUserPage = '<p>This is the user creation page!</p>'; 

Этот фрагмент код, в частности, должен быть реализован с использованием рулей путем ссылки и компиляции .hbs файлов на основе navBtn идентификатора, а затем вставить полученный HTML строку в основной корпус.