使用 Ext JS 框架进行 UI 开发的初学者指南

在当今的 Web 开发环境中,精心设计、视觉上吸引人、一致且功能强大的用户界面 (UI) 是每个现代 Web 应用程序的基石。事实上,它是通往用户满意度、用户参与度和保留率以及品牌忠诚度的门户。但是,创建这样的用户界面有其挑战。从创建有吸引力的设计和维护整个应用程序的设计一致性,到确保易用性、响应能力和跨浏览器兼容性,开发人员在为当今的 Web 应用程序创建 UI 时面临着无数挑战。

使用 UI 组件库设计 Web 应用程序样式的 7 个理由

如果你厌倦了花费无数时间从头开始设计和设计 Web 应用程序,或者发现维护 UI 的一致性和可扩展性具有挑战性,并且您点头同意,那么 UI 组件库就是您的最终解决方案。在本文中,我们将探讨使用 UI 组件库来设计 Web 应用程序样式的 7 个令人信服的理由。

什么是 UI 库?



UI 组件库是一种软件工具或系统,它提供了一组用于构建前端应用程序和网站的即用型组件。这些库提供了预先设计和预先构建的用户界面元素,可以快速集成到您的项目中,例如按钮、表单、菜单等。开发人员可以利用这些现成的组件来提高一致性、用户界面,并通过使用 UI 组件库加快开发过程。

Ext JS 7.7 已经发布

Sencha 团队很高兴地宣布最新版本的 Ext JS 7.7 已经发布。其中包括在7.6 版本发布之后,备受关注的网格功能、潮流滑动控件 等功能,以及两个工具包的质量改进的。7.7 版本包含了针对客户需求的众多质量增强,主要涉及网格、图表、TreePanel、Timefield、ComboBox、存储器等更多功能。


ExtJS基于Modern工具包的本地化(汉化)

新项目需要从服务器下载本地化资源,如果继续使用快速模板的本地化策略就很尴尬了,绝不可能等待本地化资源全部下载后再去加载项目,得另想办法。

在研究过了《Internationalization & Localization with Sencha Ext JS》一文后,终于有思路了。

文章的思路是通过重写Ext.Component来导入本地化数据,但前提还是要先加载好本地化资源,要解决这个问题不难,在本地化资源加载完成后,使用Ext.fireEvent出发一个本地化已准备好的事件就行了,而在Ext.Component的构造函数或初始化函数内,判断本地化是否已经准备好,如果准备好,直接执行本地化操作,如果还没准备好,就监听事件等待本地化资源加载。

思路有了就可以实现了,先完成本地化资源服务类。

新书推荐《ExtJS Web应用程序开发指南(第2版)》

《ExtJS Web应用程序开发指南(第2版)》共18章和1个附录,是对第1版的全面升级,增补了大量ExtJS 4.0中的新特性。从基本的ExtJS功能开始讲解RIA Web开发,从而引出用户体验丰富的ExtJS技术。接着通过经典的“Hello World”来快速搭建和配置第一个程序。然后通过4章来详细讲解ExtJS的基本功能,包括:最常用的表单、面板和布局类,常用的工具类与函数,以及ExtJS对事件的响应。本书还结合现今流行的Web框架进行改造,将相关技术融合起来应用。Ajax已经逐渐渗透到Web开发的各个方面了,ExtJS能够与其完美结合。讲解完这些提高内容后,本书还深入介绍了增强型模板,重要的数据模型,以及ExtJS高级组件。考虑到ExtJS与主流服务端框架的整合越来越紧密,本书还特意讲解了Struts和Struts2框架的整合与配置。最后全面细致地讲解了ExtJS 4.0中新增的主题、图形和图表部分,真正实现完全整合应用ExtJS技术。


聚合内容