extjs4.1环境搭建

1、创建一个test.jsp 映入css样式文件

<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set> 设定工程路径

<link  rel="stylesheet"   type="text/css"  href="${contextPath}/extjs/resources/css/ext-all.css"/>

2、引入一个重要的js文件,4个文件选一个即可

<script type="text/javascript"  charset="utf-8" src="${contextPath}/extjs/ext-all-debug.js" />

<script type="text/javascript"  charset="utf-8" src="${contextPath}/extjs/ext-all-dev.js" />

<script type="text/javascript"  charset="utf-8" src="${contextPath}/extjs/bootstrap.js" />

<script type="text/javascript"  charset="utf-8" src="${contextPath}/extjs/ext-all.js" />

3、引入国际化js

<script type="text/javascript" charset="utf-8"  src="${contextPath}/extjs/ext-lang-zh_CN.js"/>

4 引入自己的js

<script type="text/javascript" charset="utf-8"  src="${contextPath}/js/test.js"/>

需要注意的是如果使用了springmvc 需要配置资源文件的映射

<mvc:resources location="/extjs/" mapping="/extjs/**"/>

<mvc:resources location="/js/" mapping="/js/**"/>

<mvc:resources location="/jsp/" mapping="/jsp/**"/>

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="contextPath" value="${pageContext.request.contextPath}"></c:set>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test.jsp</title>
<link  rel="stylesheet"   type="text/css"  href="${contextPath}/extjs/resources/css/ext-all.css"/>
<script type="text/javascript"  charset="utf-8" src="${contextPath}/extjs/ext-all-debug.js" />

<script type="text/javascript" charset="utf-8"  src="${contextPath}/extjs/ext-lang-zh_CN.js"/>

<script type="text/javascript" charset="utf-8"  src="${contextPath}/js/test.js"/>

</head>
<body>

</body>
</html>
时间: 2024-11-06 10:04:05

extjs4.1环境搭建的相关文章

Extjs4.1 环境搭建

一.ExtJS简介 Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo!UI的基础上发展而来的.官方网址:www.sencha.com ExtJS是一个用来开发前端应用程序界面的JS框架,借鉴Swing等思想,提供了一套完整的组件库及强大的ajax支持功能,可以用Ext来开发基于Ajax的富客户端应用. 二.ExtJS特点: 使用标准的W3C技术: 庞大的组件模型及控件库: 丰富绚丽的界面元素: 强大实用的工具封装: 开源GPL: 三.ExtJS开发环境搭建:

ExtJS4.x 开发环境搭建

需要的资源 ExtJS4.2 eclipse 开发环境搭建 在项目中国需要引用的文件: 测试页面代码: <%@ page language="java" pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>ExtJs 演示</t

extJS4.2.0 环境搭建教程(一)

一.环境搭建 如图所示,必须文件包括resources目录下的所有内容,local下的文件,plugins文件夹,还有最重要的是这四个文件. 引用:: 1 <script type="text/javascript" src="<%=basePath%>extjs/locale/ext-lang-zh_CN.js"></script> 2 <link rel="stylesheet" type="

extjs_01_开发环境搭建,hello word

1.下载Extjs4.1(下载地址:http://extjs.org.cn/node/558) 2.给MyEclipse安装Spket插件(可选操作,安装该插件可实现代码提示,安装帮助:http://www.tuicool.com/articles/nMRfe2) 3.复制Extjs4.1下载包下面项目需要引用的文件到webroot下边 项目结构如下图: 项目代码: index.jsp <%@ page language="java" import="java.util

一、环境搭建

1 更新到最新版本的pip(这是安装python扩展包的一个插件)命令如下: python -m pip install --upgrade pip 2 使用pip安装virtualenv,命令 pip install virtualenv  如果要指定版本号,pip install virtualenv==15.0.1(安装虚拟环境) 3 创建django虚拟环境,命令 virtualenv django_basic_venv 4 使用虚拟环境 需要进入到安装目录的Scripts文件夹下,运行

Ionic2环境搭建及文件目录介绍

[注]引用自:http://blog.csdn.net/jasonzds/article/details/53821184 1环境搭建 一年前研究混合框架,初步确定了四种方案给公司选择,ionic,hbuilder,wex5,react-native这四个框架各有优缺点,ionic和react-native是国外框架,相对好一点,文档更新很快,就不一一说了,大概的思路都是一样的,js逻辑实现,同时调用原生功能,h5,css3 UI实现,其实他们都有自己的ui框架,当时选择了国内的hbuiler,

Selenium+Java+Eclipse 自动化测试环境搭建

一.下载Java windows java下载链接 https://www.java.com/zh_CN/download/win10.jsp 二.安装Java 安装好后检查一下需不需要配置环境变量,现在java 8已经不用配置环境变量了,直接在命令行输入:java -version 三.下载和安装Eclipse windows Eclipse下载链接 https://www.eclipse.org/downloads/ 你也可以下载绿色版 四.下载selenium,然后解压 selenium

Qt在Mac OS X下的编程环境搭建(配置Qt库和编译器,有图,很清楚)

尊重作者,支持原创,如需转载,请附上原地址:http://blog.csdn.net/libaineu2004/article/details/46234079 在Mac OS X下使用Qt开发,需要配置Qt库和编译器.编译器只能使用苹果公司自主研发的Clang.1.分别下载并安装XCode和Command Line Tools(必须安装),安装完毕后,Clang就有了. https://developer.apple.com/downloads/ 2.下载Qt并默认安装 http://down

基于 Eclipse 的 MapReduce 开发环境搭建

文 / vincentzh 原文连接:http://www.cnblogs.com/vincentzh/p/6055850.html 上周末本来要写这篇的,结果没想到上周末自己环境都没有搭起来,运行起来有问题的呢,拖到周一才将问题解决掉.刚好这周也将之前看的内容复习了下,边复习边码代码理解,印象倒是很深刻,对看过的东西理解也更深入了. 目录 1.概述 2.环境准备 3.插件配置 4.配置文件系统连接 5.测试连接 6.代码编写与执行 7.问题梳理 7.1 console 无日志输出问题 7.2