extjs的mvc搭建

最新推荐文章于 2017-02-22 15:17:00 发布

原创最新推荐文章于 2017-02-22 15:17:00 发布 · 360 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #mvc

本文详细介绍了如何安装并使用SenchaCmd来创建和运行基于ExtJS5的应用程序，包括安装Sencha、配置Ruby环境、使用SenchaCmd生成应用、在MyEclipse中编写JavaScript脚本以及引入样式代码的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载extjs安装包（在我的资源里），ruby1.93下载（也是在我的资源里），sencha cmd 下载（自己去下）。还有一个mvc列子的文件（在我资源里）

先安装sencha （安装路径要知道）

然后ruby1.93（一样要知道）

[ExtJS5学习笔记]第二节 Sencha Cmd 学习笔记使你的sencha cmd跑起来 - 苏生-苏米沿的专栏 - 博客频道 - youkuaiyun.com
http://blog.youkuaiyun.com/sushengmiyan/article/details/38313537（看这个的sencha的运用）

sencha generate app -ext MyApp E:\senchaworkspace\MyApp

（将extjs5注入你在myeclipse建立的一个文件夹的web root下）

然后再myeclipse中要编写javascript的脚本（要用一个插件speket 你可以百度如何用）

然后把我给的mvc的样式代码像图所示放入

然后要注意了（这是index。html的代码）你样式的使用一定要导入到那个详细的包

<html>
<head>
<title>Welcome to Ext JS!</title>
<link rel="stylesheet" type="text/css" href="packages/ext-theme-neptune/build/resources/ext-theme-neptune-all.css">
<script type="text/javascript" src="build/ext-all.js"></script>
<script type="text/javascript" src="packages/ext-theme-neptune/build/ext-theme-neptune.js"></script>

<script type ="text/javascript" src="application.js"></script>
</head>
<body></body>
</html>

直接导入extjs时是有一个整的extjs包，你打开就知道，你如果只是学习，只要把ext-theme-neptune整个文件夹考到package和把ext-all考到build下，其余删掉就ok了，