Kiến trúc MVC

Lớn các ứng dụng phía khách hàng đã luôn khó viết, phức tạp để tổ chức và khó duy trì. Họ có xu hướng để nhanh chóng phát triển ngoài tầm kiểm soát khi bạn thêm nhiều chức năng hơn và phát triển một dự án. Ext JS 4 đi kèm với một kiến trúc ứng dụng mới không chỉ tổ chức mã của bạn nhưng làm giảm số tiền bạn phải viết.

Kiến trúc ứng dụng của chúng tôi sau một mô hình MVC. Models và Control được giới thiệu lần đầu tiên . Có nhiều kiến trúcMVC, hầu hết trong số đó là hơi khác nhau. Đây là cách chúng tađịnh nghĩa chúng ta

Model: là một tập hợp gồm các trường và dữ liệu. Model biết làm thế nào để mở rộng dữ liệu thông qua các gói dữ liệu và có thể liên kết tới các Model khác thông qua associations. Model thường được sử dụng với Stores để trình bày dữ liệu vào dạng danh sách và các thành phần khác (component)

View : là bất kỳ kiểu  Component của :Grids,Tree và Panels và tất cả những kiểu có thể hiển thị.

Controllers: được những nơi đặc biệt để đặt tất cả các mã mà làm cho công việc ứng dụng của bạn - cho dù đó là vẽ xem,instantiating Mô hình, hoặc bất kỳ ứng dụng logic khác.



Kiến trúc Files:


Trong kiến trúc MCV, mọi lớp được đặp vào trong các thư mục:
·        Models
·        Views
·        Controllers
·        Stores

Ví dụ:

Dựa theo cấu trúc thư mục trên ta có nội dung trong file index.html như sau:

<html>

<head>

    <title>Account Manager</title>



    <link rel="stylesheet" type="text/css" href="ext-4.0/resources/css/ext-all.css">



    <script type="text/javascript" src="ext-4.0/ext-debug.js"></script>



    <script type="text/javascript" src="app.js"></script>

</head>

<body></body>

</html>


Tạo một ứng dụng trên file app.js:


Mỗi ứng dụng Ext js 4 đều được bắt đầu với một thể hiện của lớp Application. Lớp Application có chứa các thiết lập toàn diên cho cho ứng dụng của bạn cũng như duy trì các thành phần tham khảo cho tất cả của Models, Views, Controls được sử dụng bới app. Một ứng dụng Application cũng chứa một hàm khởi động (launch function) sẻ tự động chạy khi web được bật lên
Mục (Nhãn) :

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)