extjs5_01 建立工程项目

2017-04-24  本文已影响12人  Melody_YM

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


Snip20170424_45.png

项目的结构如图:

Snip20170424_46.png
WebContent 目录为发布目录,我们的extjs5的项目将建立于此目录之下。
2、使用sencha cmd建立extjs5的环境!
若没有安装sencha cmd请先安装 sencha cmd 。安装过程很简单一路next就可以!
mac下进入“终端”(windows下进入“命令提示符”),进入工程名的目录。打入以下命令建立extjs5工程。
sencha -sdk /Users/yangming/Downloads/ext-5.0.0 generate app app /Users/yangming/Desktop/Java_test/application/WebContent
Snip20170424_49.png
命令的详请,请参阅 sencha cmd .参考手册。

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

Snip20170424_50.png

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

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

最终的页面展示:

Snip20170424_51.png

经过以上步骤,已经搭建了一个extjs5的开发环境。

上一篇下一篇

猜你喜欢

热点阅读