编写完整的 Dojo Web 应用程序的最佳方法是什么?
What is the best way to code a full Dojo web application?
我正在尝试编写一个基于 dojo 的中型完整 Web 应用程序。
我有一个基本的 BorderContainer,它位于 document.body。
为了使代码易于维护和易于阅读,我想在每个部分中完全包含 widgets/modules。这可以通过几行简单地添加,例如...
var topTabs = new TopTabs();
top.addChild(topTabs);
然后我想将它们拼接在一起,以便它们可以在每个其他小部件中调用工作,以遵循 MVC 模型。
举个例子,我想插入以下小部件,它完全包含在顶部部分,看起来像...
所以我的问题是....
创建这些完全定义和封装的最佳方法是什么widgets/modules?
由于我的小部件还将包含其他 Dijits,那么基于模板的小部件是否可行?还是创建纯粹以编程方式定义的 widgets/modules 更好?
谢谢
取决于您对 declarative/html(模板化)与 programmatic/javascript 的熟悉程度/适应程度。你绝对可以走两条路;
我很少使用模板,它们本质上是静态的,意思是两种语言的两组实体,通常是两个文件,需要考虑。此外,使用 dojo/dom-construct & dojo/dom-style,我可以有效地动态替换 html 模板,允许构建独立的复杂小部件
jc
您想要阅读有关制作自定义 dijits(小部件)的信息 - https://dojotoolkit.org/documentation/tutorials/1.9/recipes/custom_widget/
模板与程序化更多是个人选择。 UX(非开发人员)使用模板要容易得多。我喜欢使用模板,因为它减少了我的 js 文件中的混乱 我更喜欢将逻辑 (js)、样式 (css) 和 structure/layout (html).
我正在尝试编写一个基于 dojo 的中型完整 Web 应用程序。
我有一个基本的 BorderContainer,它位于 document.body。
为了使代码易于维护和易于阅读,我想在每个部分中完全包含 widgets/modules。这可以通过几行简单地添加,例如...
var topTabs = new TopTabs();
top.addChild(topTabs);
然后我想将它们拼接在一起,以便它们可以在每个其他小部件中调用工作,以遵循 MVC 模型。
举个例子,我想插入以下小部件,它完全包含在顶部部分,看起来像...
所以我的问题是....
创建这些完全定义和封装的最佳方法是什么widgets/modules?
由于我的小部件还将包含其他 Dijits,那么基于模板的小部件是否可行?还是创建纯粹以编程方式定义的 widgets/modules 更好?
谢谢
取决于您对 declarative/html(模板化)与 programmatic/javascript 的熟悉程度/适应程度。你绝对可以走两条路;
我很少使用模板,它们本质上是静态的,意思是两种语言的两组实体,通常是两个文件,需要考虑。此外,使用 dojo/dom-construct & dojo/dom-style,我可以有效地动态替换 html 模板,允许构建独立的复杂小部件 jc
您想要阅读有关制作自定义 dijits(小部件)的信息 - https://dojotoolkit.org/documentation/tutorials/1.9/recipes/custom_widget/
模板与程序化更多是个人选择。 UX(非开发人员)使用模板要容易得多。我喜欢使用模板,因为它减少了我的 js 文件中的混乱 我更喜欢将逻辑 (js)、样式 (css) 和 structure/layout (html).