`
qiliannujian
  • 浏览: 881 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

通过Sencha Cmd辅助开发基于ExtJS4 MVC的项目

 
阅读更多
引用
转载自:http://www.ineeke.com/archives/1465/


准备工作:
Sencha Cmd 下载地址:http://www.sencha.com/products/sencha-cmd/download/
ExtJS 4.1.1a 下载地址:http://cdn.sencha.com/ext-4.1.1a-gpl.zip
Ruby 下载地址:http://rubyinstaller.org/downloads

将Sencha Cmd安装至d:\sencha\目录下,将ExtJS同样解压至该目录下(并非一定要这样,我只是为了方便管理维护),Ruby的安装就不需要废话了(要安装Ruby是因为Sencha Cmd要用到一个Ruby项目compass,是用来压缩合并CSS的)。

现在,打开eclipse,新建一个名为REST的动态WEB项目,建好之后,该项目WEB目录是:E:\workspace\REST\WebContent,这个后面需要用到。打开windows cmd窗口,cd到D:\sencha\ext-4.1.1a,依次执行如下命令:
安装compass
D:\sencha\ext-4.1.1a>gem install compass

sencha generate app 你的Ext项目名称 项目部署至哪个目录
D:\sencha\ext-4.1.1a>sencha generate app REST E:\workspace\REST\WebContent

等一小段提示信息过去之后,至此Sencha Cmd已经为你生成了一个最简单ExtJS MVC框架,该工具的使命目前就结束了,等项目开发完了才会用到!(如果没有装Ruby compass的话,这个命令会执行失败的)。
最后,回到eclipse中刷新一下项目,部署并启动Tomcat,通过浏览器你就可以看你的“Hello, World!!”了!
分享到:
评论

相关推荐

    使用Sencha ExtJS和Sencha Cmd开发RIA程序.pdf

    Sencha ExtJS是一款流行的JavaScript框架,用于开发富互联网应用程序(RIA),它提供了丰富的组件和模型,...通过利用Sencha Cmd和Sencha提供的其他工具,开发者可以快速上手,开发出既美观又功能强大的Web应用程序。

    extjs4mvc的crud

    ExtJS 4 MVC 是一种基于 Sencha ExtJS 框架的前端开发模式,用于构建交互性强、功能丰富的Web应用程序。在"extjs4mvc的crud"这个主题中,我们将深入探讨如何使用ExtJS 4的Model-View-Controller(MVC)架构来实现...

    SenchaCmd-3.1.0.192-windows.exe

    cmd/ # Framework-specific content for Sencha Cmd sencha.cfg # Framework configuration file for Sencha Cmd packages/ # Framework supplied packages ext-theme-classic/ # Ext JS Theme Package for ...

    extjs6.6项目示例

    在"用senchacmd成功发布"的过程中,开发者可以利用它来简化开发流程,提高效率。 "通过改变base-color改变主题风格"这部分描述了ExtJS的可定制性。ExtJS支持多种预定义的主题,如Neptune、Triton等,同时也允许...

    extjs6.6框架的web项目(登录+首页)

    这个项目是一个基于EXTJS 6.6的Web应用实例,提供了完整的登录页面和首页布局,包括左侧菜单和列表展示。以下是关于EXTJS 6.6框架以及该项目的关键知识点: 1. **EXTJS 6.6框架**:EXTJS 是由Sencha公司开发的一个...

    ExtJS开发环境搭建(Eclipse)

    在Eclipse中,启动Sencha Eclipse Plugin,通过菜单栏选择“Sencha” -> “New” -> “Sencha App”来创建一个新的ExtJS项目。按照向导的提示,选择项目名、版本号、应用目录等。 6. **配置开发环境** 在项目中,...

    ext-7.0.0-gpl.zip, 附带 sencha cmd 各个版本下载地址

    在描述中提到"附带Sencha CMD各个版本下载地址",意味着这个压缩包可能不仅包含ExtJS 7.0.0的源码,还可能包括Sencha CMD的不同版本,便于开发者根据项目需求选择合适的工具。 关于ExtJS 7.0.0的关键特性: 1. **...

    Extjs 5 学习笔记

    SenchaCmd 是一个跨平台的命令行工具,它为基于 ExtJS 和 Sencha Touch 应用程序的开发周期提供了全面的支持。从创建应用程序的基础结构到最终部署,SenchaCmd 提供了一系列自动化工具和服务。 #### 二、初遇 ...

    java后台extjs开发京东项目案例

    2. Sencha CMD:命令行工具,用于自动化构建、打包 ExtJS 项目,包括代码压缩、合并等优化操作。 3. MVC 模式:在前端实现类似 Spring 的 MVC 架构,使代码结构清晰,易于维护。 4. Store 和 ViewModel:Store 管理...

    EXTJS工程项目

    EXTJS工程项目是一个基于EXTJS框架开发的Web应用程序项目。EXTJS是一种强大的JavaScript库,用于构建交互式的、数据驱动的富互联网应用(RIA)。这个项目的标签包括“源码”和“工具”,暗示它可能包含了EXTJS的示例...

    Extjs6示例中文版

    - **设置ExtJS**:安装完成后,通过Sencha Cmd可以轻松搭建一个新的ExtJS项目,并配置必要的文件结构和依赖关系。 - **应用体系结构**:了解ExtJS应用的基本结构是非常重要的,这有助于开发者更有效地组织代码和管理...

    Hands-on Sencha Touch中文翻译第六章.pdf

    通过以上知识点,可以看出Sencha Cmd提供了强大的工具来帮助开发者快速搭建Sencha Touch应用的结构,并且能够通过MVC模式来组织和管理代码。同时,通过工作空间的管理,可以更有效地维护和复用代码,提高开发效率。...

    ExtJS6.0开发培训

    - 下载地址:[http://cdn.sencha.com/cmd/6.0.0.202/no-jre/SenchaCmd-6.0.0.202-windows-no_jre.zip](http://cdn.sencha.com/cmd/6.0.0.202/no-jre/SenchaCmd-6.0.0.202-windows-no_jre.zip) - 注意:如果系统未...

    跟我一起学extjs5前20节的代码

    4. **自定义系统开发**:EXTJS5的强大之处在于其高度可定制性,你可以通过编写自定义组件、扩展内置组件或修改主题来打造个性化的应用系统。 5. **开发经验**:学习EXTJS5的过程中,需要注意遵循EXTJS5的MVC(模型-...

    extjs4.1所需包

    通过这个压缩包,开发者可以获得完整的开发环境,开始构建基于ExtJS 4.1的应用。值得注意的是,ExtJS 4.1相对于之前的版本引入了一些重要的更新,比如改进的MVC架构、新的布局系统、更强大的图表组件等,这些都是...

    ExtJS6学习资料

    - **创建项目**:通过 `sencha app create` 命令创建一个新的 ExtJS 项目。 - **项目结构**:生成的应用包含基础的目录结构和文件,包括源代码文件、配置文件等。 ##### 2.3 ExtJS 应用的体系结构 - **组件**:构成...

    extjs详细安装包

    EXTJS基于MVC(Model-View-Controller)模式,这使得代码结构清晰,易于维护。同时,EXTJS的组件化特性使得复用代码变得简单,提高了开发效率。 总之,EXTJS详细安装包为开发者提供了全面的资源,涵盖了从基础组件...

    ExtJS实用开发指南

    6. **工具和环境**:设置和使用ExtJS的开发环境,包括Sencha CMD工具,用于自动化构建、打包和压缩应用。此外,还应了解相关的IDE集成,如Eclipse或Visual Studio Code的插件。 7. **性能优化**:探讨如何优化ExtJS...

    ExtJs在eclipse下的开发插件

    此外,熟悉JavaScript基础和MVC模式也有助于更好地使用ExtJs进行开发。 总之,这个"ExtJs在eclipse下的开发插件"为ExtJs开发者提供了强大的支持,让开发过程更为高效和便捷。通过熟练掌握插件的使用,开发者可以在...

Global site tag (gtag.js) - Google Analytics