電子アプリケーションコンポーネントを再利用できるようにする

Question

私は電子 node.jsに基づいているデスクトップアプリケーションを構築しています。私のツールチェインとダミーのアプリケーションビルディングは分かっていますが、アプリの特定のデザインから始めて、別のファイルでコンテンツを分割して再利用する方法を自分自身に尋ねています。

ヘッダーとフッターバー電子アプリのすべての "ページ"にあるはずです。もちろん、主な内容は変わっているはずです。 ヘッダーとフッターのコードを再利用できるようにするには、アプリを整理するにはどうすればよいですか？

Node.jsのrequire("some.js")のJavaScriptファイルが含まれていますが、私はJavaScriptでのコンポーネントのHTMLの部分を書きたくない... $('#content').load("welcome.html");のようなものを使用しようとすると

がうまく機能しなかったため、 javacriptの数は少なく、ファイル数はそれぞれwelcome.htmlになります。

Answer 1

htmlをさまざまな方法でテンプレート化することができます。

<tpl id="tplForComponentA"> 
    <div>something component A will use as a templete</div> 
</tpl> 

などです。ページが読み込まれると、tpl.innerHTMLを収集して必要な場所で使用できます。

例

//$('#content').load("welcome.html"); 
$('#content').html($('#tplForComponentA').html());