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


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

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

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

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

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

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

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

跟我一起学extjs5(02--建立工程项目), war 目录为发布目录,我们的extjs5的项目将建立于此目录之下。

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

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

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


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

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


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


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


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

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

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


最终的页面展示:

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


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



跟我一起学extjs5(02--建立工程项目),布布扣,bubuko.com

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

上一篇:php版给UEditor的图片在线管理栏目增加图片删除功能


下一篇:thinkphp 使每个模板页都包含一个header文件和一个footer文件