[转]跟我一起学extjs5(02--建立工程项目)

原文地址:http://blog.csdn.net/jfok/article/details/35569057

目录(?)[+]

跟我一起学extjs5(02--建立工程项目)

我们先建立一个java Project,虽然现在开发跟java一点关系也没有,我们也先塔建java的Web环境。

1?进入eclipse,建立一个Dynamic Web Project 。

,next >

, next >

 ,Finish。

至此完成java project 的建立。文件目录结构如下:

, war 目录为发布目录,我们的extjs5的项目将建立于此目录之下。

2?使用sencha cmd建立extjs5的环境。

windows下进入“命令提示符”(mac下进入“终端”),进入application/war目录。打入以下命令建立extjs5工程。

sencha -sdk /Users/jiangfeng/Documents/ext-5.0.0 generate app app .

命令的详请,请参阅sencha cmd 参考手册

此命令成功执行后的目录结构与若干说明如下:

至此一个extjs5的工程建立完成,下面我们启动服务器,看一下系统的实际页面。

sencha cmd 自带了一个服务器, 在命令行状态下打入命令:sencha web start就可以建立一个服务。你也可以用tomcat 发布此project。

最终的页面展示:

经过以上步骤,已经搭建了一个extjs5的开发环境。下一节,我们来看看各个类之间的关系和如何相互作用。

时间: 2024-12-14 04:41:22

[转]跟我一起学extjs5(02--建立工程项目)的相关文章

跟我一起学extjs5(02--建立工程项目)

跟我一起学extjs5(02--建立工程项目) 我们先建立一个java Project,虽然现在开发跟java一点关系也没有,我们也先塔建java的Web环境. 1?进入eclipse,建立一个Dynamic Web Project . ,next > , next >  ,Finish. 至此完成java project 的建立.文件目录结构如下: , war 目录为发布目录,我们的extjs5的项目将建立于此目录之下. 2?使用sencha cmd建立extjs5的环境. windows下

跟我一起学extjs5(28--加入模块和菜单定义[1建立数据库和表])

跟我一起学extjs5(28--加入模块和菜单定义[1建立数据库和表]) 下面我们开始进入自定义系统的设计和各个组成部分的搭建工作. 首先在sql server中建立数据库,这里的数据的名字我定义为extjs5,然后需要建立模块的定义表,这个表里将存着系统中所有模块的定义信息.为了能有个直观的前后台的互动,先把模块和菜单这二个部分加进去,可以把菜单数据组织好后发送到前台去进行展示. 由于系统中的模块很多,需要分类,因此在先要设计一个"模块分组"的表,对于菜单也是一样,需要有一个&quo

跟我一起学extjs5(40--增加一个自定义模块[1建立表和bean文件])

跟我一起学extjs5(40--增加一个自定义模块[1建立表和bean文件]) 经过上面的工作,一个独立模块的CRUD已经可以运行了,为了更好的可以看到其他自定义功能,我们做一个自定义的独立模块,这个模块中包括了各种的数据类型. 新增一个"销售合同"的独立模块,模块名称为Agreement,里面包括了20几个字段,把主要的字段类型都设置了,有字符串型,整型,浮点型,金额型,日期型,布尔型,百分比,还包括计算字段. 建立表的sql语句如下: /****** 对象: Table [dbo]

跟我一起学extjs5(29--加入模块和菜单定义[2建立java bean])

跟我一起学extjs5(29--加入模块和菜单定义[2建立java bean]) 对上一节中加入的4个模块在java中建立相应的bean文件. 以上表建立好以后,需要建立java bean文件.在建立之前需要加入几个支持类. 先在com.jfok.server.common中建立包annotation,再在下面加入二个类库,这二个是自定义的注释类.分别用来注释每一个模块的信息和模块中每一字段的信息. package com.jfok.server.common.annotation; impor

跟我一起学extjs5(36--单个模块的设计[4根据菜单建立相应的模块])

跟我一起学extjs5(36--单个模块的设计[4根据菜单建立相应的模块]) 前几节处理好了后台,现在又要处理前台了.首先是要修改菜单的选择事件,在创建一个module的时候将 moduleName参数传递进去. 修改MainController.js中的函数: // 选择了主菜单上的菜单后执行 onMainMenuClick : function(menuitem) { var maincenter = this.getView().down('maincenter'); maincenter

跟我一起学extjs5(34--单个模块的设计[2建立表单表bean])

跟我一起学extjs5(34--单个模块的设计[2建立表单表及bean]) 建立表单方案表: CREATE TABLE [dbo].[_ModuleFormScheme]( [tf_formSchemeId] [int] NOT NULL, [tf_moduleId] [nvarchar](10) COLLATE Chinese_PRC_CI_AS NOT NULL, [tf_schemeOrder] [int] NOT NULL, [tf_schemeName] [nvarchar](50)

跟我一起学extjs5(33--单个模块的设计[1建立表和bean])

跟我一起学extjs5(33--单个模块的设计[1建立表和bean]) 现在开始进入这个系统的第一个核心部分,就是如何对模块的功能进行设计.请看下图,一个最简单的模块包括的内容有:模块属性,字段属性,列表定义和表单定义. 在上面的定义中,一个模块可以有n个字段组成,可以有若干个列表方案和表单方案:每一个列表和表单可以有若干个组组成,每个组下面又有若干个字段.这样的设计也符合这个教程的前20节中设计出来的功能.现在要做的就是把这些功能做成前后台交互的. 先开始模块字段和列表方案的定义.以上各个方案

跟我一起学extjs5(17--Grid金额字段单位MVVM方式的选择)

跟我一起学extjs5(17--Grid金额字段单位MVVM方式的选择) 这一节来完成Grid中的金额字段的金额单位的转换.转换旰使用MVVM特性,总体上和控制菜单的几种模式类似.首先在目录app/view/main/menu下建立文件Monetary.js,用于放金额单位的数据和生成菜单的items. /** * 金额单位的管理类 */ Ext.define('app.view.main.menu.Monetary', { statics : { values : null, getAllMo

跟我一起学extjs5(01--开发的总体说明)

跟我一起学extjs5(01--开发的总体说明)         我之前使用extjs4+java spring MVC架构了一套"模块常规功能自定义的系统"(博客详见点击打开链接),该系统中详细讲解了设计思想,但并未有实现过程.由于extjs5的发布,并有许多新特性,而我对原系统正有重构和加入新功能的想法,因此决定对该系统进行升级,并将升级的开发过程写成博客. 系统开发将分成二个阶段: 第一阶段将用extjs5搭建前台界面,完成界面的总体布局.若干种菜单.表格Grid.窗体Form.