Ext.JS学习之入门理解与helloword

最新推荐文章于 2022-08-02 10:12:38 发布

Q陌上归

最新推荐文章于 2022-08-02 10:12:38 发布

阅读量567

点赞数

文章标签： extjs helloword

本文链接：https://blog.csdn.net/u012810309/article/details/45564999

版权

今天看了一天的ext.js，终于对这个前台框架有了点入门的理解，当然说的不对，但对于完全不知道ext.js是什么的学生来说，可以暂时这么理解。

首先不需要配什么环境就能运行ext.js，但必须要有extjs包，否则就不能运行了。至于spket这个工具只是为了更方便extjs的开发，没有也没关系。（spket的使用方法，网上有很多，这里不说）。

我用的是eclipse进行开发的首先新建一个Dynamic web project，这和不使用extjs一样，然后将ext.base.js和ext-all.js放到工程里面（这两个js文件在extjs包里面有）然后在jsp文件里面用就行了。

jsp文件内容：

<%
	String path = request.getContextPath(); 
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <!--ExtJs框架开始-->
    <script type="text/javascript" src="<%=path%>/extjs/ext.base.js"></script>
    <script type="text/javascript" src="<%=path%>/extjs/ext-all.js"></script>
    <link rel="stylesheet" type="text/css" href="<%=path%>/extjs/resources/css/ext-all.css" />
    <!--ExtJs框架结束-->
    <script type="text/javascript">
        Ext.onReady(function () {
            Ext.MessageBox.alert('标题', 'Hello World!');
        });
    </script>
</head>
<body>
<!--
说明：
(1)Ext.onReady():ExtJS Application的入口...就相当于Java或C#的main函数.
(2)Ext.MessageBox.alert()：弹出对话框。
-->
</body>
</html>

其中src="<%=path%>/extjs/ext.base.js"和src="<%=path%>/extjs/ext-all.js"和href="<%=path%>/extjs/resources/css/ext-all.css" 要依据你自己的这两个文件的路径而定然后程序就可以运行了，其实和我们以前见到的在html文件中调用外部js文件是一样的只不过这里的js文件是别人写好的。当然这只是为了让初学者理解才这样说的，真正的extjs内容很庞大，需付出大量时间学习。下面是helloword运行结果

Q陌上归

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext.JS学习之入门理解与helloword

今天看了一天的ext.js，终于对这个前台框架有了点入门的理解，当然说的不对，但对于完全不知道ext.js是什么的学生来说，可以暂时这么理解。首先不需要配什么环境就能运行ext.js，但必须要有extjs包，否则就不能运行了。至于spket这个工具只是为了更方便extjs的开发，没有也没关系。（spket的使用方法，网上有很多，这里不说）。我用的是eclipse进行开发的首先新建一个Dyn
复制链接

扫一扫