Sencha Touch 应用程序结构

Question

6

我对Sencha Touch还比较陌生，正在尝试制作一个简单的应用程序，其中包含登录表单，并调用和获取结果以显示在列表中。

我的问题是，应该如何创建应用程序的结构？它应该全部放在一个.html文件中吗？还是为每个列表和登录页面使用不同的页面？如果是这样，如何从一个页面切换到另一个页面并获得过渡效果？

我应该如何创建应用程序的结构？它应该全部放在一个html文件中吗？还是为每个列表和登录页面使用不同的页面？如果是这样，如何从一个页面切换到另一个页面并获得过渡效果？

- Jon Doe

4个回答

2

使用单个HTML文件来启动应用程序是可以的，但从长远来看，最好使应用程序结构符合“最佳实践”，以便其他人随后可以查看和理解您的代码。

Sencha Touch生成器（在v1.1中推出）将启动逻辑放置在名为app.js的文件中，然后分别在每个模型、视图和控制器目录中拥有文件。

即使您可能不是从头开始构建完整的MVC应用程序，您仍应该使用这些约定。请查看SDK中的Twitter和Kiva应用程序以及http://dev.sencha.com/deploy/touch/examples/上的示例。

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

- James Pearce

1

我会按主要功能（即目的）进行分解。对于移动应用程序，如果可以避免不必要的回发/加载多个页面和视图，则最好避免。

如果您的移动应用程序只有一个目的，我会将其保留在一个HTML页面上，并根据需要将JavaScript文件分解以使其组织有序。

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

例如，如果您有一个移动应用程序，需要通过一系列向导步骤执行数据输入（即单一目的），我会将整个向导放在一个Ext.Panel中（在单个页面上），并随着用户完成向导，逐步替换每个内容Ext.Panel“步骤”。

- Yoh Suzuki

0

从最简单的事情开始，稍后再进行重构。我刚刚在 Sencha Touch 中创建了一个应用程序，查看示例文件时感到相当困惑。我发现学习的最简单方式是创建一个单独的 HTML 文件，并且一旦某些内容变得笨重或显然需要重构，就开始创建后续文件。

- stef

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bill Eisenhauer · Accepted Answer

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

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

此幻灯片集展示了结构，尽管您可能需要深入挖掘更多哲学上的原因，以了解事物所处的位置。

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