ExtJs MVC架构(MVC Architecture)

        大型客户端应用一直是很难写,很难组织难以维持。他们往往迅速成长失控,当您添加更多的功能和开发项目。Ext JS的4配备了一个新的应用架构,不仅组织你的代码,而且减少你必须写的代码量。


        我们的应用程序体系结构遵循的模型和控制器第一次被引入类似的MVC模式。有许多的MVC架构,其中大部分是若干彼此不同。下面是我们如何定义我们的:

  • Model是field和它们的data(例如用户名和密码字段用户模型)的集合。模型懂得如何通过数据包持久化(persist)自己,并且能够通过关联(associations)连接到其他的model上。模型的工作很像Ext JS3 的Record Class,通常被store利用,用于在grid或其它组件中呈现数据。

  • View任何类型的组件-grid,tree和panel都是views。

  • Controller 是特殊的地方,这个地方用来放置所有使您的应用程序工作的代码-无论是渲染视图,实例化模型,或任何其他应用程序逻辑。

在本指南中,我们将创建一个非常简单的应用程序,管理用户数据。最后,你就会知道如何使用新的Ext JS 4应用程序架构把简单的应用程序组合在一起

应用程序架构是尽可能多的结构和一致性,因为它是实际的类和框架代码。遵循惯例来解锁了一些重要的优点:

  • 每个应用程序的工作方式相同,所以你只需要学习一次
  • 因为他们都以同样的方式工作,可以很容易地在应用程序之间共享代码
  • 在生产中使用,您可以使用我们的编译工具来创建您的应用程序的优化版本

文件结构

Ext JS的应用程序都遵循一个统一的目录结构,这点是每一个app都相同的。查看入门指南中的基本文件结构的应用程序以了详细的解释。在MVC布局,所有的类都放到app/folder,其中又包含以你的模型,视图,控制器和存储命名的子文件夹下面作为一个简单的例子,是我们完成项目之后,文件结构看上去应该有的样子:


未完,待续。。。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ExtJS 6.2.0 API是ExtJS的应用程序编程接口,用于构建Web应用程序。ExtJS是一种基于JavaScript的框架,提供了丰富的组件和工具,使开发者能够轻松地构建互动式和功能丰富的应用程序。以下是对ExtJS 6.2.0 API的一些详细说明: 1. 组件库:ExtJS提供了许多易于使用和可定制的组件,如窗口、表单、网格、树等。这些组件可以帮助开发者快速构建功能强大的用户界面。 2. 数据包装和绑定:ExtJS的数据包装和绑定功能使开发者能够轻松地将数据绑定到组件上,并自动处理数据的更新和变化,实现数据的双向绑定。 3. 响应式设计:ExtJS支持响应式设计,可以根据不同的设备和屏幕尺寸自动调整和优化应用程序的布局和样式。 4. 主题和样式:ExtJS提供了多种主题和样式,开发者可以根据需要选择和定制,以满足应用程序的设计要求。 5. MVC架构ExtJS采用MVC(模型-视图-控制器)架构,帮助开发者将应用程序的逻辑和界面分离,提高应用程序的可维护性和可扩展性。 6. 数据包管理器:ExtJS提供了数据包管理器,方便开发者从官方或第三方获取和安装组件、插件或应用程序。 7. 图表和可视化:ExtJS提供了丰富的图表和可视化工具,帮助开发者将数据以更直观的方式展示和分析。 总之,ExtJS 6.2.0 API提供了丰富的功能和工具,使开发者能够轻松构建功能强大、交互性好的Web应用程序。无论是构建企业级应用程序还是个人项目,ExtJS都是一个值得考虑的框架。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值