Cấu trúc ứng dụng Sencha Touch

Question

Tôi khá mới đối với Sencha Touch và đang cố tạo một ứng dụng đơn giản có biểu mẫu đăng nhập và thực hiện cuộc gọi và tìm nạp kết quả vào danh sách.

Câu hỏi của tôi là, tôi nên tạo cấu trúc của ứng dụng như thế nào? Tất cả có nên ở bên trong một tệp .html không? hoặc tôi nên các trang khác nhau cho mỗi danh sách và trang đăng nhập? Nếu vậy, làm thế nào tôi có thể thay đổi quan điểm từ trang này sang trang khác và nhận được hiệu ứng chuyển tiếp?

Answer 1

Bắt đầu với điều đơn giản nhất và cấu trúc lại sau này. Tôi vừa mới thực hiện một ứng dụng trong Sencha Touch và nó khá bối rối khi nhìn vào các tệp ví dụ. Tôi tìm thấy cách dễ nhất để tìm hiểu là tạo một tệp html duy nhất và ngay sau khi một cái gì đó trở nên khó sử dụng hoặc rõ ràng là cần một trình tái cấu trúc, tôi bắt đầu tạo các tệp tiếp theo.

Answer 2

Tôi sẽ phá vỡ nó bằng chức năng chính (ví dụ: mục đích). Đối với ứng dụng dành cho thiết bị di động, bạn muốn tránh việc đăng lại không cần thiết/tải nhiều trang và chế độ xem nếu bạn có thể trợ giúp.

Nếu ứng dụng dành cho thiết bị di động của bạn có một mục đích, tôi sẽ giữ nó trên một trang html và chỉ chia nhỏ các tệp JavaScript khi bạn cần giữ cho tệp được sắp xếp.

Nếu nó có hai mục đích (ví dụ: 1 để nhập một loạt thông tin và 2-để hiển thị báo cáo về dữ liệu của bạn), thì tôi sẽ chia thành hai tệp html. Ví dụ: nếu bạn có ứng dụng dành cho thiết bị di động đưa bạn qua một loạt các bước hướng dẫn để thực hiện nhập dữ liệu (nghĩa là mục đích duy nhất), tôi sẽ đặt toàn bộ trình hướng dẫn bên trong của Ext.Panel (trên một trang) và hoán đổi từng nội dung Ext.Panel "bước" của trình hướng dẫn khi người dùng tiến hành thông qua trình hướng dẫn.

Answer 3

Có thực sự là một máy phát điện mà bạn có thể sử dụng để tạo cấu trúc ứng dụng chuẩn. Từ việc tải xuống Sencha, đi đến thư mục jsbuilder, sau đó chạy một lệnh tương tự như sau:

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

Ngoài ra, bộ trượt này chứng tỏ cấu trúc, mặc dù bạn có thể phải đào để biết thêm về triết lý cho tại sao mọi thứ nơi:

http://www.sencha.com/conference/sessions/session.php?sid=322

Và đây là ứng dụng ví dụ nói đến trong các cuộc thảo luận:

http://cl.ly/1d1S282O1Y2c3N1v1j1i

Answer 4

Sử dụng một tệp HTML duy nhất để bắt đầu, nhưng về lâu dài, việc tạo cấu trúc ứng dụng phù hợp với 'các phương pháp hay nhất' để người khác có thể xem và hiểu mã của bạn sau đó.

Máy phát điện cảm ứng Sencha (đến trong v1.1) đặt logic khởi chạy trong một tệp có tên app.js và sau đó có tệp cho từng mô hình, chế độ xem và bộ điều khiển (trong các thư mục tương ứng).

Mặc dù bạn có thể không xây dựng ứng dụng MVC hoàn chỉnh từ đầu, nhưng có lẽ bạn vẫn nên sử dụng các quy ước này. Hãy xem các ứng dụng Twitter và Kiva trong SDK (và tại http://dev.sencha.com/deploy/touch/examples/) để tránh các ví dụ hay. Tệp index.html có thể liên kết tới từng tệp riêng lẻ, nhưng tất nhiên để sản xuất, bạn cũng nên xem xét công cụ JSBuilder để đóng gói và rút gọn tất cả chúng để thiết bị có thể tìm nạp chúng trong một yêu cầu HTTP duy nhất. .