extjs5_01 建立工程项目
2017-04-24 本文已影响12人
Melody_YM
1、进入eclipse,建立一个Dynamic Web Project 。
Snip20170424_45.png
项目的结构如图:
Snip20170424_46.pngWebContent 目录为发布目录,我们的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的开发环境。