extjs5_01 建立工程项目

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

extjs5_01 建立工程项目_第1张图片

extjs5_01 建立工程项目_第2张图片
Snip20170424_45.png

项目的结构如图:

extjs5_01 建立工程项目_第3张图片
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

extjs5_01 建立工程项目_第4张图片
Snip20170424_49.png

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

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

extjs5_01 建立工程项目_第5张图片
Snip20170424_50.png

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

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

最终的页面展示:

extjs5_01 建立工程项目_第6张图片
Snip20170424_51.png

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

你可能感兴趣的:(extjs5_01 建立工程项目)