ExtJS MVC结构

大型的客户端应用一般都很难开发、很难组织、也很难维护。随着项目的进展,会发现整个工作在走向失控——需要为项目添加更多的功能、补充更多的开发人员。ExtJS4带来了一种新的应用结构。这种结构不止用于组织代码,也能有效的减少必要的代码量。

这次ExtJS4的应用结构采用了MVC的形式。在这种形式下,Models和Controllers第一次被引入了ExtJS。目前已经有了许多MVC式的结构,这些结构大部分是大同小异。这里是我们定义的MVC结构:

Model(模型)是字段及数据的集合(比如一个用户模型包含用户名和密码模型)。模型用于数据的展示,也可以通过关联关系关联到其他的Model上。模型的工作形式很像ExtJS3的Record类,并通常和Stores一起使用将数据展示到grids和其他组件中。

View(视图)是组件的的一种类型。grids、trees和panels都是视图。

ExtJS MVC结构,布布扣,bubuko.com

时间: 2024-10-27 02:09:01

ExtJS MVC结构的相关文章

ExtJS MVC学习手记 2

开发环境 eclipse(indigo) ExtJS4.0 开发目标 使用store.model和controller创建菜单树 开发步骤 之前我们已经建立了一个MVC的项目框架.现在要做的就是在这个基础上给项目添加一个左侧菜单. 首先,在/app/中定义一个菜单视图类TreeMenu.js: Ext.define('demo.view.TreeMenu', { extend: 'Ext.tree.Panel', alias: 'widget.treemenu', title: '系统菜单',

Extjs MVC开发模式详解

Extjs MVC开发模式详解 在JS的开发过程中,大规模的JS脚本难以组织和维护,这一直是困扰前端开发人员的头等问题.Extjs为了解决这种问题,在Extjs 4.x版本中引入了MVC开发模式,开始将一个JS(Extjs)应用程序分割成Model-View-Controller三层,为JS应用程序的如何组织代码指明了方向,同时使得大规模JS代码变得更加易于重用和维护:这就是Extjs MVC开发模式的初衷. 在官方给出的MVC例子中,我们可以看到一个简单的列表编辑功能,这篇文章就围绕这个功能进

ExtJS MVC的搭建(序)

Ext JS 是一个用JavaScript 语言编写的用于浏览器端UI开发的Ajax 框架 .这种框架有几个主要特点. (1) 开源项目       Ext JS 是一个开源项目, 它提供了免费的框架代码, 完善的API文档, 以及开发人员社区.这些资源可以帮助Ext JS 快速地在项目内投入使用. (2) 兼容各种浏览器      Ext JS 框架可跨浏览器运行.基于框架开发的应用支持IE, FireFox , Safari 等多种流行的浏览器. (3) 后台技术无关性      Ext J

ExtJS MVC学习手册 1

开发环境: ExtJS4.2 eclipse indigo 开发步骤说明 这次主要使用extjs4的mvc模式创建viewport.籍此初步了解mvc模式的结构. 下图为项目结构: 重点是app的目录结构: 其中controller.model.store.view一般来说是必须存在的目录. app.js是应用的引导页.需要在首页中显式调用. 如下是index.jsp的代码: 1: <%@ page language="java" pageEncoding="utf-8

ExtJS MVC的搭建(一)

ExtJS是一种主要用于创建前端用户界面的ajax框架.本案例引入的是extjs4.2的开发包.结构为: 其中app文件是新建的,并在此文件下建MVC的文件夹.每个ExtJS4应用以一个application 类开始.下面为app.js和index.html的文件: app.js: Ext.application({ requires:['Ext.container.Container'], name:'FLY', appFolder:'app', controllers:['Mycontrol

MVC结构

MVC 结构 MVC 是 "Model-View-Controller" 的缩写,即 " 模式 - 视图 - 控制器 " . MVC 结构强制将一个 应用分为模型层.视图层以及控制器.通过三者之间的协调共同响应完成用户的请求,即交互过程. 它们之间的协作关系如图: 上图为 mvc 模式最标准也是最常见的一种形态.从上图可以看出,模型与视图不直接打交道,而是通过控制器,即控制器完全分离了视图与模型.这是 mvc 模式的最大特点之一. 在现实开发中,由于实际需要,开发设

MVC结构简介

本文编译自J2EE的相关文档.MVC(Model-View-Controller)应用程序结构被用来分析分布式应用程序的特征.这种抽象结构能有助于将应用程序分割成若干逻辑部件,使程序设计变得更加容易. MVC结构提供了一种按功能对各种对象进行分割的方法(这些对象是用来维护和表现数据的),其目的是为了将各对象间的耦合程度减至最小.MVC结构本来是为了将传统的输入(input).处理(processing).输出(output)任务运用到图形化用户交互模型中而设计的.但是,将这些概念运用于基于Web

Swing的MVC结构

--------------siwuxie095 工程名:TestMVC 包名:com.siwuxie095.mvc 类名:Test.java 工程结构目录如下: 代码: package com.siwuxie095.mvc; import java.awt.BorderLayout; import java.awt.EventQueue; import javax.swing.JFrame; import javax.swing.JPanel; import javax.swing.borde

来写一个简单的PHP MVC结构

MVC结构,其实就是三个Model,Contraller,View单词的简称,Model,主要任务就是把数据库或者其他文件系统的数据按照我们需要的方式读取出来.View,主要负责页面的,把数据以html的形式显示给用户.Controller,主要负责业务逻辑,根据用户的 Request进行请求的分配,比如说显示登陆界面,就需要调用一个控制器userController的方法loginAction来显示.云鼎娱乐城 下面我们用PHP来创建一个简单的MVC结构系统. 首先创建单点入口,即bootst