Ext4.2环境搭建Hello world

躁动的青年

于 2020-05-15 08:17:51 发布

阅读量127

点赞数

分类专栏： Ext 文章标签： Ext 环境搭建 Hello world

本文链接：https://blog.csdn.net/haveqing/article/details/84710401

版权

Ext 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1.下载ext-4.2.1-gpl.zip

2.解压后，放到webapp下，（已经去掉一些目录）

3.jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% String path = request.getContextPath(); %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
<link href="<%=path%>/static/ext-4.2.1/resources/css/ext-all.css" rel="stylesheet" />
<script src="<%=path%>/static/ext-4.2.1/bootstrap.js"></script>
<script src="<%=path%>/static/ext-4.2.1/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
    function init() {
        Ext.MessageBox.alert("ExtJS", "Hello ExtJS");
    }
    Ext.onReady(init);
</script>

</head>
<body>
 
</body>
</html>

4.访问效果

5.说明

ext-all.css会引入经典样式文件

bootstrap.js 引导js在“开发时”会引入ext-all-dev.js文件，在生产时会引入ext-all.js，具体的看注释

ext-all-debug.js是ext-all.js的调试文件，非压缩的，

ext-all-dev.js与ext-all-debug.js的不同是，ext-all-dev.js带注释

ext-lang-zh_CN.js 中文提示信息文件

参考：

ExtJS 4.2 教程-01：Hello ExtJS

Ext4.2.1学习历程之一：环境搭建及Hello ExtJS4.2

躁动的青年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Ext4.2环境搭建Hello world

1.下载ext-4.2.1-gpl.zip2.解压后，放到webapp下，（已经去掉一些目录）3.jsp页面&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt;&lt;% String path = request.getCo...
复制链接

扫一扫

专栏目录