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

版权声明：本文为博主原创文章，未经博主同意不得转载。 https://blog.csdn.net/jfok/article/details/35569057

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

我们先建立一个java Project,尽管如今开发跟java一点关系也没有。我们也先塔建java的Web环境。

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamZvaw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />,next >

, next >

 ,Finish。

至此完毕java project 的建立。文件文件夹结构例如以下：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamZvaw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />, war 文件夹为公布文件夹。我们的extjs5的项目将建立于此文件夹之下。

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

windows下进入“命令提示符”（mac下进入“终端”），进入application/war文件夹。打入以下命令建立extjs5project。

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

命令的详请。请參阅sencha cmd 參考手冊。

此命令成功运行后的文件夹结构与若干说明例如以下：

至此一个extjs5的project建立完毕，以下我们启动server，看一下系统的实际页面。

        sencha cmd 自带了一个server， 在命令行状态下打入命令：sencha web start就能够建立一个服务。你也能够用tomcat 公布此project。

终于的页面展示：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamZvaw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

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