Myeclipse或Eclipse中搭建Easyui環境

1、下載Easyui。網址:http://www.jeasyui.com/download/index.php

 

2、下載後解壓,裏面的demo文件夾可以不用添加到工程中。

 

3、如圖所示在工程datagrid中的src下的webapp下把剛纔解壓好的Easyui文件夾複製粘貼進去。

    

 

  4、例如其中的easy-strtuts2.jsp需要用到Easyui,在JSP頁面的前面幾行要這麼配置:

<%@ page language="java" pageEncoding="utf-8" isELIgnored="false"%>
<%
	String path = request.getContextPath();
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!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>Easyui的Datagrid</title>

<!-- 引入Jquery -->
<script type="text/javascript"	src="<%=path%>/easyui_1.3.2/jquery-1.8.0.min.js" ></script>

<!-- 引入Jquery_easyui -->
<script type="text/javascript"	src="<%=path%>/easyui_1.3.2/jquery.easyui.min.js" ></script>

<!-- 引入easyUi國際化--中文 -->
<script type="text/javascript"	src="<%=path%>/easyui_1.3.2/locale/easyui-lang-zh_CN.js"></script>

<!-- 引入easyUi默認的CSS格式--藍色 -->
<link rel="stylesheet" type="text/css"	href="<%=path%>/easyui_1.3.2/themes/default/easyui.css" />

<!-- 引入easyUi小圖標 -->
<link rel="stylesheet" type="text/css"	href="<%=path%>/easyui_1.3.2/themes/icon.css" />

..................


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章