Javascript 使电子应用程序组件可重用
我正在构建一个Electron桌面应用程序,它当然是基于node.js的。我已经准备好了工具链和虚拟应用程序构建,但从应用程序的具体设计开始,我问自己如何将不同文件中的内容拆分以重用它们: 想象一下,在electron应用程序的每个“页面”上都有某种页眉和页脚栏。主要内容当然应该有所改变如何组织我的应用程序以使页眉和页脚的代码可重用? node.js'Javascript 使电子应用程序组件可重用,javascript,node.js,electron,Javascript,Node.js,Electron,我正在构建一个Electron桌面应用程序,它当然是基于node.js的。我已经准备好了工具链和虚拟应用程序构建,但从应用程序的具体设计开始,我问自己如何将不同文件中的内容拆分以重用它们: 想象一下,在electron应用程序的每个“页面”上都有某种页眉和页脚栏。主要内容当然应该有所改变如何组织我的应用程序以使页眉和页脚的代码可重用? node.js'require(“some.js”)包含一个javascript文件,但我不想用javascript编写组件的HTML部分 尝试使用类似$('#c
require(“some.js”)
包含一个javascript文件,但我不想用javascript编写组件的HTML部分
尝试使用类似
$('#content').load(“welcome.html”)由于welcome.html
中分别包含了javascript和较少的文件,因此code>的效果不太好。您可以使用各种方法对html进行模板化
<tpl id="tplForComponentA">
<div>something component A will use as a templete</div>
</tpl>
这并没有回答我的任何问题。我怎样才能用电子来做这个?可能的文件结构是什么样子的?你说过你不想用js编写html的一部分,对吗?你有一个加载js的html文件,对吗?使用我所描述的方法将所需的html部分保留在html文件中,并在js端添加一种机制,从中检索所需的html内容。这对angular.js之类的东西有何作用?请阅读此处:但不要使用allTemplate.html,也要在index.html中声明它们。
//$('#content').load("welcome.html");
$('#content').html($('#tplForComponentA').html());