javascript - Sencha Touch 应用架构

Question

我对 Sencha Touch 还很陌生，我正在尝试制作一个简单的应用程序，它有一个登录表单，可以进行调用并将结果提取到列表中。

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

score 7 · Accepted Answer

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

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

此外，此幻灯片集演示了结构，尽管您可能需要挖掘更多关于为什么事情在哪里的哲学：

这是讨论中讨论的示例应用程序：

score 2 · Accepted Answer

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

Sencha Touch 生成器（在 v1.1 中出现）将启动逻辑放在一个名为 app.js 的文件中，然后为每个模型、视图和控制器（在各自的目录中）保存文件。

虽然您可能不是从一开始就构建一个成熟的 MVC 应用程序，但您可能仍应使用这些约定。看看 SDK 中的 Twitter 和 Kiva 应用程序（以及http://dev.sencha.com/deploy/touch/examples/）以获得很好的示例。

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

score 1 · Accepted Answer

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

如果您的移动应用程序有一个目的，我会将其保留在一个 html 页面上，并且仅在您需要保持其井井有条时分解 JavaScript 文件。

如果它有两个目的（例如，1-输入一堆信息，2-显示关于您的数据的报告），那么我会将它分成两个 html 文件。

例如，如果您有一个移动应用程序，它会引导您通过一系列向导步骤来执行数据输入（即单一目的），我会将整个向导放在 Ext.Panel 内（在一个页面上），然后换掉向导的每个内容 Ext.Panel “步骤”随着用户通过向导进行。

score 0 · Accepted Answer

从最简单的事情开始，然后再重构。我刚刚在 Sencha Touch 中完成了一个应用程序，查看示例文件让我感到非常困惑。我发现最简单的学习方法是创建一个 html 文件，一旦有些东西变得笨拙或显然需要重构，我就开始创建后续文件。

4 回答 4