jquery easyui使用心得

站长资源 2024/11/18 佚名

22 1538 22

相思资源网 Design By www.200059.com

第一步下载jquery easyui

下载地址：https://www.jb51.net/codes/70218.html

第二步创建Java web项目

第三步导入相关的文件。。目录结构如下

<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" > 
<link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > 
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery-1.7.2.min.js">


下载个jquery-easyui-1.3.2使用，把他导入到myeclipse10里，jquery-1.7.2.min.js报错。
解决办法：
1、选中报错的jquery文件“jquery-1.7.2.min.js”。

2、右键选择 MyEclipse-->Exclude From Validation 。

3、再右键选择 MyEclipse-->Run Validation 即可。
ui1的源码：


<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <base href="<%=basePath%>" rel="external nofollow" >
  
  <title>jquery easyui test 1</title>
  
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">  
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" >
-->
  <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" >
  <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > 
  <!-- <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css" rel="external nofollow" rel="external nofollow" rel="external nofollow" rel="external nofollow" > -->
<!-- <link rel="stylesheet" type="text/css" href="easyui/demo.css" rel="external nofollow" > -->
<script type="text/javascript" src="/UploadFiles/2021-04-02/jquery.min.js">



效果图：