Javascript senchatouch应用程序结构

我是SenchaTouch的新手，我正在尝试制作一个简单的应用程序，它有一个登录表单，可以调用并将结果提取到列表中

---

我的问题是，我应该如何创建应用程序的结构？它应该都在一个.html文件中吗？或者我应该为每个列表和登录页面设置不同的页面吗？如果是这样，我如何才能将视图从一个页面更改到另一个页面并获得转换效果？

从最简单的事情开始，然后重构。我刚刚在Sencha Touch中开发了一个应用程序，查看示例文件时会感到非常困惑。我发现最简单的学习方法是创建一个html文件，当某个文件变得难以处理或显然需要重构时，我就开始创建后续文件。

我会按主要功能（即用途）将其分解。对于移动应用程序，如果可以的话，您希望避免不必要的回发/加载多个页面和视图

如果你的移动应用程序有一个目的，我会把它放在一个html页面上，只按照你需要的方式分解JavaScript文件，以保持它的条理化

如果它有两个用途（例如，1-输入一堆信息，2-显示数据报告），那么我会将它分解为两个html文件

---

例如，如果您有一个移动应用程序，它会引导您完成一系列向导步骤来执行数据输入（即单一目的），我会将整个向导放在一个外部面板中（在一个页面上），并交换外部面板的每个内容“步骤”当用户在向导中前进时，会自动生成向导。

实际上有一个生成器，您可以使用它生成规范的应用程序结构。从Sencha下载，转到jsbuilder目录，然后运行类似于以下内容的命令：

./sencha.sh generate app MyApp path/to/myapp

此外，本幻灯片集还演示了结构，不过您可能需要深入了解更多的原理，以了解为什么事情会发生在哪里：

下面是讨论中提到的示例应用程序：

---

使用一个HTML文件就可以开始工作，但从长远来看，让应用程序结构与“最佳实践”保持一致是值得的，这样其他人就可以查看并理解您的代码

Sencha Touch generators（v1.1版）将启动逻辑放在一个名为app.js的文件中，然后将每个模型、视图和控制器的文件放在相应的目录中

虽然您可能从一开始就没有构建一个成熟的MVC应用程序，但您可能仍然应该使用这些约定。看看SDK（和at）中的Twitter和Kiva应用程序，这是一个很好的例子

---

index.html文件可以单独链接到每个文件，但对于生产，还建议您查看JSBuilder工具，将它们打包并缩小，以便设备可以在一个HTTP请求中获取它们。

非常抱歉，六个月前我在答案中添加的链接在我无法控制的站点上不再可用。链接曾经是正确的。嗨，比尔，如果你碰巧知道新链接可能在哪里，这将有助于在这一领域的搜索。对不起，我不为Sencha工作，而且幻灯片看起来不容易找到。我相信这是从2010年的Sencha会议上得到的。这只是黑暗中的一个疯狂尝试，但你可能正在寻找：此外，这是一个非常方便的演讲页面：下面是乔治·格里芬提到的Vimeo视频中使用的幻灯片：