How to introduce jquery EasyUI into web projects

How to introduce jquery EasyUI into a web project: first download the jQuery easyui plug-in; then add the relevant documents to the project's webapp; finally, introduce the following files on the page to use all the functions of jquery easyui.

The operating environment of this tutorial: windows7 system, jquery3.2.1&&web2.0 version. This method is suitable for all brands of computers.

Recommended:jquery video tutorial

How to introduce jquery EasyUI into a web project:

jQuery easyuiis a collection of user interface plug-ins based on jquery, which can create various cool page effects. Large and medium-sized projects can use some frameworks, which are very easy to use. Moreover, it has a Chinese website and provides a large number of demos. Let’s see how Introduce it into the project

1: Download address

http://www.jeasyui.com/download/index.PHP

2: Download and unzip the relevant The document is taken into account under the project's webapp, because it provides documentation and demos, which do not need to be taken into the project.

Three: You can use all the functions of jquery easyui by importing the following files into the page

"> ">  

You can also put this on a public page, because all pages must quote these four sentences. Other pages can reference this public page

<%@ include file="./commonpage/easyuisupport.jsp" %>

Example:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %>                       
  This is my JSP page. 
 
 Hello World! 
 
Dialog Content
 
Dialog Content
  

ps: jquery introduction path explanation: jquery/jquery-1.8.3.min.js takes the current page test.jsp as the coordinate Search in the current folder. Since the test.jsp and jquery folders are both in the webroot directory, there is no need for

'/'. If you add '/', it means searching from the project root directory

Related free learning recommendations:js video tutorial

The above is the detailed content of How to introduce jquery EasyUI into web projects. For more information, please follow other related articles on the PHP Chinese website!