이 블로그는 Spring Data의 ORM 프레임 워크와 jQuery.pagination 플러그인을 기반으로 한 페이지 매김 기능을 소개합니다.
이 블로그는 개발중인 Github 오픈 소스 프로젝트를 기반으로합니다. 프로젝트 코드 주소는 https://github.com/u014427391/jeepatform입니다
Star (Collection)에 오신 것을 환영하거나 배우기 위해 다운로드하고 있으며 여전히 발전하고 있습니다 ...
Spring Data Framework를 소개하십시오
스프링 데이터 : 봄의 하위 프로젝트. 데이터베이스 액세스를 단순화하고 NOSQL 및 관계형 데이터 저장을 지원하는 데 사용됩니다.
다음은 SpringData 프로젝트에서 지원하는 NOSQL 스토리지입니다.
* MongoDB (문서 데이터베이스)
* neo4j (그래픽 데이터베이스)
* Redis (키/가치 저장소)
* HBase (열 가족 데이터베이스)
SpringData 프로젝트에서 지원하는 관계형 데이터 저장 기술 :
* JDBC
* JPA
JPA 스프링 데이터 : DAO (Data Access Layer)의 개발 부피를 줄이는 데 전념합니다. 개발자는 지속성 계층 인터페이스를 작성하면 다른 프레임 워크가 프로그래머를 구현하는 데 도움이됩니다.
개발 단계 :
Spring Spring 데이터는 데이터 수집을 구현합니다.
이 프로젝트는 Maven을 사용하므로 Maven 구성을 참조 할 수 있습니다.
<project xmlns = "http://maven.apache.org/pom/4.0.0"xmlns : xsi = "http://www.w3.org/2001/xmlschema-instance"xsi : schemalocation = "http://maven.apache.org/pom/0.0.0.0 http://maven.apache.org/maven-v4_0_0.xsd "> <부모> <artifactid> muses </artifactid> <groupid> org.muses </groupid> <berses> 1.0-snapshot </version> </parent> <modelversion> 4.0.0 </modelversion> <artifactid> jeepartform-admin </artifactid> <pariaging> war </packaging> <name> jeepartform-admin maven webapp </name> <url> http://maven.apache.org </url> <properties> <spring.version> 4.1.5. release> <spring-data-jpa.version> 1.4.2. release </spring-data-jpa.version> <spring-data-commons.version> 1.6.2. release </spring-data-commons.version> <hibernate.version> 4.3.8.final </hibernate.version> <shiro.version> 1.3 </shiro.version> <lucene.version> 4.7.2 </lucene.version> <druid.version> 1.0.9 </druid.version> <poi.version> 3.7 </poi.version> </properties> <! <!-module start-> </<groupid> org.musids> <버전> $ {jeepatform.core.version} </version> </fectionency> <pectionency> <groupId> org.muses </groupId> jeepatform-common </artifactid> <버전> 1.0-snapshot </version> </dectinement> <groupid> org.muses </groupid> <Artifactid> jeepatform-soss </artifactid> <버전> $ {jeepatform.oss.version} </version> </version> <pectionement> <groupid> org.muses </groupId> <artifactID> jeepAtform-upms </artifactid> <버전> 1.0-snapshot> <! <! <! 시작-> <pectionency> <groupId> javax.servlet </groupId> <artifactid> servlet-api </artifactid> <버전> 2.5 </version> </scope> 제공 </scope> </fexendency> <!-servlet end-> <!-jstl start-> <pecientency> <groupid> jstl> <artifactid> jstl> jstl> Jstl> <버전> 1.2 </version> </dependency> <prevency> <groupId> taglibs </groupId> <artifactid> 표준 </artifactid> <version> 1.1.2 </version> </fectionency> <!-jstl end-> <!-log4j start-> <groupid> log4j </groupid> <artifactid> </artifactid> <버전> $ {log4j.version} </version} </version> </fectionency> <!-log4j end-> <!-JSON 파싱 필수 JAR 시작-> <pectionency> <groupid> commons-beanutils </groupIds> <artifactid> commons-beanutils </artifactid> <8.3 </version> </delpendency> <GroupId> Commons-Collection </groupid> <trifactid> Commons-Collection </artifactid> <bersion> 3.2.1 </dependency> <pectionency> <groupid> net.sf.ezmorph </groupid> <itifactid> ezmorph </artifactid> <0.6 </dependement> </dependement> <groupid> commons-lang </groupid> <artifactid> commons-lang </artifactid> <bersion> 2.5 </version> </dependency> <pectionency> <groupid> commons-logging </groupid> <artifactid> commons-logging </artifactid> <version> 1.2 </version> <plessib> <artifactid> json-lib </artifactid> <bersion> 2.4 </version> <type> jar </type> <classifier> <dk15 </classifier> <copop> compile </scope> </fexendency> <!-JSON 구문 분석에 필요한 JAR 종료-> <!-mysql start> <GroupD> mysql> mysql> mysql. <Artifactid> mysql-connector-java </artifactid> <bersion> $ {mysql.version} </version> </dependency> </version> <! <!-mysql end-> <!-commons-> <groupid> commons-io </groupid> <artifactid> commons-io </artifactid> </version> 2.0.1> 1.1.1> 1.1.1. <pectionency> <groupId> Commons-FileUpload </groupId> <ArtifactID> Commons-FileUpload </artifactid> <bersion> 1.2.2 </version> </dependency> <!-커먼즈-> <!-스프링 프레임 워크 시작-> <groupid> org.springframework </artifactid> </artifactid> </artifactid> <버전> $ {spring.version} </version} </version> </dependency> <pectionency> <groupid> org.springframework </groupid> <artifactid> spring-beans </artifactid> <버전> $ {spring.version} </version> </dependency> <groupid> <groupid> org.springframework </groupid> <artifactid> spring-context </artifactid> <bersion> $ {spring.version} </version> </dependency> <pectionement> <groupid> org.springframework </groupid> <artifactid> spring-context-support </artifactid> <version> $ {spring.version} </delponement> <groupid> org.springframework </groupid> <artifactid> spring-jdbc </artifactid> <버전> $ {spring.version} </version> </dependency> <prectionency> <groupId> org.springframework </groupid> <artifactid> spring-tx </artifactid> <버전> $ el.version}> <pectionency> <groupId> org.springframework </groupid> <artifactid> spring-test </artifactid> <버전> $ {spring.version} </version> <copop> </scope> </spectency> <peencevency> <groupid> org.springframwork </groupbid> springweb </artifactid> <버전> $ {spring.version} </version} </version> </dependency> <!-스프링 프레임 워크 엔드-> <!-스프링 AOP 시작-> <preventency> <groupId> org.springframework </groupId> <artifactid> spring-aop </artifactid> <버전> $ {spring.version} </version> <GroupId> <group </version> <ArtifactID> Speghweaver> 1.6.10 </artifactid> <bersion> 1.6.10 </version> </dependency> <!-스프링 AOP 종료-> <!-SpringMVC start-> <pectionency> <groupId> org.springframework </groupId> <artifactid> spring-webmvc </artifactid> </version> $ version}. <!-SpringMVC end-> <!-스프링 데이터 시작-> <prevency> <groupId> org.springframework </groupid> <artifactid> spring-orm </artifactid> <버전> $ {spring.version} </version> </fexendence> <groupid> org.springframework.data> <Artifactid> spring-data-jpa </artifactid> <bersion> $ {spring-data-jpa.version} </version> </dependency> <pectionency> <groupid> org.springframework.data </groupid> <tritifactid> spring-data-commons </artifactid> </version <!-스프링 데이터 종료-> <!-Hibernate JPA 시작-> <pectionency> <groupid> org.hibernate.javax.persistence </groupid> <trifactid> hibernate-jpa-2.1-api </artifactid> <버전> 1.0.0.final </deption </deplitence> <GroupId> org. <Artifactid> Hibernate-Core </artifactid> <bersion> $ {hibernate.version} </version} </version> </fectionency> <pectionency> <groupid> org.hibernate </groupId> <artifactid> hibernate-entitymanager </artifactid> <버전> $ {hibernate.version} </version> jpa end-> <!-Hibernate echache Start-> <pectionency> <groupid> org.slf4j </groupid> <artifactid> slf4j-api </artifactid> <version> 1.6.1 </version> </fexendence> <groupid> net.sf.ehcache <artifactid> <artifactid> <버전> 2.5.0 </version> </dependency> <pectionency> <groupid> org.hibernate </groupid> <artifactid> Hibernate-ehcache </artifactid> <버전> $ {hibernate.version} </version> </dependency> <!-hibernate echache end-> <!-Alibaba 's druid-> <groupid> com.alibaba </groupid> <artifactid> druid </artifactid> <bersion> $ {druid.version} </version> </fectionency> <!-Alibaba의 연결 풀 드루이드 끝-> <!-hibernate echache end-> <!-hibernate echache end-> <! 수영장 드루이드 엔드-> <!-Shiro start-> <pectionement> <groupid> org.apache.shiro </groupid> <artifactid> shiro-all </artifactid> <bersion> $ {shiro.version} </version> </dependence> <!-shiro end-> <!-velocity start> <artifactid> 속도 </artifactid> <bersion> 1.6 </version> </dependency> <pectionement> <groupid> org.apache.velocity </groupid> <artifactid> velocity-tools </artifactid> <버전> 2.0 </version> </dependency> <!-velocity start>-> <telocity start>-> <groupid> org.apache.lucene </groupid> <artifactid> Lucene-Core </artifactid> <bersion> $ {lucene.version} </version> </fectionency> <groupid> org.apache.lucene </groupid> <artifactid> Lucene-Analyzers-common> <버전> $ {lucene.version} </version} </version> </dependency> <pectionency> <groupid> org.apache.lucene </groupid> <artifactid> lucene-queryparser </artifactid> <version> $ {lucene.version} </version> </fectionency> <groupid> org.apache.lucene <Artifactid> lucene-memory </artifactid> <버전> $ {lucene.version} </version} </version> </dependency> <prevency> <groupid> org.apache.lucene </groupid> <artifactid> Lucene-Highlighter </artifactid> <version> $ {lucene.version} </delation> Maven 좌표는 로컬 저장소에 직접 추가하십시오 -> <pectionency> <groupid> org.wltea.analyzer </groupid> <artifactid> ikanalyzer </artifactid> <버전> 2012ff_u1 </version> <cope> System </scope> <SystemPath> $ {basedir} /src/main/webapp/web-inf/lib/ikanalyzer2012ff_u1.jar </systempath> </fectionency> <!-Lucene 전문 검색 엔진-> <!-log4J start-> <expendency> <groupid> log4j </groupid> </artifactid> </artifactid> <버전> $ {log4j.version} </version} </version> </fectionency> <!-log4j end-> <!-JSON 파싱 필수 JAR 시작-> <pectionency> <groupid> commons-beanutils </groupIds> <artifactid> commons-beanutils </artifactid> <8.3 </version> </delpendency> <GroupId> Commons-Collection </groupid> <trifactid> Commons-Collection </artifactid> <bersion> 3.2.1 </dependency> <pectionency> <groupid> net.sf.ezmorph </groupid> <itifactid> ezmorph </artifactid> <0.6 </dependement> </dependement> <groupid> commons-lang </groupid> <artifactid> commons-lang </artifactid> <bersion> 2.5 </version> </dependency> <pectionency> <groupid> commons-logging </groupid> <artifactid> commons-logging </artifactid> <version> 1.2 </version> <plessib> <artifactid> json-lib </artifactid> <bersion> 2.4 </version> <type> jar </type> <clasifier> jdk15 </classifier> <scope> compile </scope> </fexendency> <!-JSON Parsing Jar end-> <!-poi start-> <groupid> org.apoi.poi </groupid> <artifactid> poi </artifactid> <version> $ {poi.version} </version} </version} </version} </version} </version} </version} </version} </dependence> <!-poi end-> <!-이메일 시작-> <pectionency> <groupid> com.sun.mail </groupid> <tritifactid> javax.mail </artifactid> 1.5 </version> </version> <! </dependencies> <build> <finalName> jeepatform-admin </finalname> </build> </project> 데이터베이스를 설계하고 엔티티 클래스를 작성하십시오.
패키지 org.muses.jeepatform.model.entity; import java.util.date; import java.util.set; import javax.persistence.cascadetype; import javax.persistence.column; import javax.persistence.entity; import javax.persistence.fetchtype; javax javax.persistence.generationtype; import javax.persistence.id; import javax.persistence.joincolumn; import javax.persistence.jointable; import javax.persistence.manytomany; import javax.persistence.table; import javax.persistence.temporal; import; javax.persistence.temporaltype;/***엔티티 사용자 정보 클래스*@author nicky*/@entity@table (name = "sys_user") 공개 클래스 사용자 {/** 사용자 id **/private int id; / ** 사용자 이름 **/ 개인 문자열 사용자 이름; / ** 사용자 비밀번호 **/ 개인 문자열 비밀번호; / ** 휴대 전화 번호 **/ 개인 int 전화; / ** 성별 **/ 개인 문자열 성; / ** 이메일 **/ 개인 문자열 이메일; / ** 참고 **/ 개인 문자열 마크; / ** 사용자 수준 **/ 개인 문자열 순위; / ** 지난 시간 **/ 개인 날짜 마지막 날짜; / ** 로그인 IP **/ 개인 문자열 loginip; / ** 이미지 경로 **/ 개인 문자열 imageUrl; / ** 등록 시간 **/ 개인 날짜 repime; / ** 계정이 잠겨 있는지 **/ private boolean locked = boolean.false; 개인 세트 <역할> 역할; @generatedValue (전략 = generationtype.identity) @Id public int getId () {return id; } public void setid (int id) {this.id = id; } @column (고유 = true, length = 100, nullable = false) public String getUserName () {return username; } public void setusername (String username) {this.username = username; } @Column (길이 = 100, nullable = false) public String getPassword () {return password; } public void setpassword (문자열 비밀번호) {this.password = password; } public int getphone () {반환 전화; } public void setphone (int phone) {this.phone = 폰; } @Column (길이 = 6) public String getSex () {return sex; } public void setsex (String sex) {this.sex = sex; } @Column (길이 = 100) public String getEmail () {return email; } public void seteMail (문자열 이메일) {this.email = 이메일; } @Column (길이 = 30) public String getMark () {return mark; } public void setmark (String mark) {this.mark = mark; } @Column (길이 = 10) public String getRank () {return rank; } public void setRank (String Rank) {this.rank = Rank; } @temporal (temportalpe.date) 공개 날짜 getLastLogin () {return lastLogin; } public void setLastLogin (날짜 lastLogin) {this.lastLogin = lastLogin; } @column (길이 = 100) public String getLoginip () {return loginip; } public void setloginip (String loginip) {this.loginip = loginip; } @Column (길이 = 100) public String getImageUrl () {return imageUrl; } public void setImageUrl (String imageUrl) {this.ImageUrl = imageUrl; } @temporal (temportype.date) @column (nullable = false) 공개 날짜 getRegtime () {return regtime; } public void setRegtime (날짜 reptime) {this.regtime = regime; } public boolean getLocked () {return locked; } public void setLocked (부울 잠금) {this.locked = 잠금; }}Spring Data Framework의 PagingandSortingRepository 인터페이스를 구현하려면 인터페이스 작성
패키지 org.muses.jeepartform.repository; import org.muses.jeepartform.model.entity.user; import org.spramework.data.domain.page; import org.springframework.data.data.pagable.pagable; import org.springframework.data.domane.pageable; org.springframework.data.jpa.repository.jparepository; import org.springframework.data.repository.query; import org.springframework.data.repository.paging 및 interperitoritor; import org.springframework.data.repositoration.cormin terperator.query.query.query.query.query.query.quering PAGIGENDANDSORTINGREPOSITORITY <USER, Integer> { /*사용자 findByUserName (String username)을 확장합니다. @Query ( "User U.username = : username and u.password = : password") 사용자 findByUserNameAndPassword (@param ( "username") String username, @param ( "password") 문자열 암호); @Query ( "User U에서 U.id = : id") 사용자 findByid (@param ( "id") int id); @Query ( "Date_format ((: startDate)), 'yyyy-mm-dd')와 date_format ((: endDate), 'yyyy-mm-dd')") page <user> search ( "startDate"))) 사이의 @Query ( "U.lastLogin, 'yyyy-mm-dd')) enddate, pagable pagable);*/}비즈니스 클래스 구현 :
패키지 org.muses.jeepatform.service; import java.util.*; import org.muses.jeepatform.model.entity.user; import org.muses.jeepatform.repository.userRepository; import org.spramework.beans.annotation.aUtowize; org.springframework.data.datain.page; import org.springframework.data.data.domain.pagerequest; import org.sprameframework.data.domain.sort; import org.springframework.data.jpa.smain.specification; import org.springframepram.steretype.sertype.service.service; org.springframework.transaction.annotation.Transactional;import javax.persistence.criteria.CriteriaBuilder;import javax.persistence.criteria.CriteriaQuery;/** * @description Business class for user information management* @author Nicky * @date March 6, 2017*/@Servicepublic class UserService { @Autowired UserRepository 사용자 repository; / ** * 빌드 pagerequest 객체 * @param num * @param size * @param asc * @param string * @return */ private pageRequest buildPageRequest (int num, int size, sort.direction ASC, String String) {return new pageRequest (num-1, size, null, string); } / *** 모든 메뉴 정보를 가져와 페이지에 표시* @param pageno* 현재 페이지* @param pagesize* 페이지 당 페이지 수* / @return* / @transactional public page <user> findall (int pageno, int pageize, sort.direction dir) {pagerequest request = buildpagerequest (pageno, dir, str); page <user> user = userrepository.findall (요청); 반환 사용자; }}컨트롤 클래스는 SpringMVC 프레임 워크를 채택하고 먼저베이스 컨트롤러를 작성하여 몇 가지 일반적인 기능을 구현합니다.
package org.muses.jeepatform.web.controller; import javax.servlet.http.http.htttp.httpervletrequest; import org.slf4j.logger; import org.slf4j.loggerfactory; import org.springframework.web.context.request.requestcontextextoldolectoxtoxtolder; org.springframework.web.context.request.servletrequestattributes; import org.springframework.web.servlet.modelandview; public class basecontroller {logger log = null; / *** 로그 개체 가져 오기* @return*/ public logger getInstance () {if (log == null) {log = loggerFactory.getLogger (baseController.class); } 리턴 로그; } / *** 요청 객체 가져 오기* / public httpservletRequest getRequest () {httpservletRequest request = ((servletRequestAttributes) requestContexTholder.getRequestAttributes ()). getRequest (); 반환 요청; } / ** * get modelAndView * / public model 및 getModelandView () {return new ModelAndView (); }}제어 클래스 구현 :
패키지 org.muses.jeepatform.web.controller; import net.sf.json.jsonarray; import net.sf.json.jsonobject; import net.sf.json.jsonconfig; import org.apache.commons.collections.map.hashedmap; import org.muses.core.core.core.core.core.core org.muses.jeepatform.core.excelviewwrite; import org.muses.jeepatform.core.javaemailsender; import org.muses.jeepatform.model.entity.user; import org.muses.jeepatform.service.userservice; import org.muses.jeepatform.utils.datejsonvalueprocessor; import org.muses.jeepatform.utils.dateutils; import org.springframework.bean.beans.annotation.autowired; import org.springframework.data.domain.page; import org.spramepramework.data.s org.springframework.steretype.controller; import org.springframework.ui.model; import org.spramframework.bind.annotation.requestmapping; import org.springframework.web.bind.annotation.requestparam; import org.springiblic.web.wepconess org.springframework.web.servlet.modelandview; import javax.servlet.http.htttp.httpervletrequest; import javax.servlet.http.htttp.htttp.httpervletresponse; import java.io.printwriter; import java.util. */@requestMapping ( "/User")@ControlLerPublic Class UserController 확장 BaseController {@autowired userervice userervice; /** * 모든 관리자 정보를 쿼리하고 페이지 * @param request * @param response * @param model * @return */@requestmapping (value = "/queryall", produces = "application/json; charset = utf-8") @ResponseBody public model 및 findall (httpservletrequest, httpervleRquest, model model, httpservletr response, httpservlequest repless) pageindexstr = request.getParameter ( "pageIndex"); // 페이지 당 페이지 수 int pagesize = constants.page_size; ModelAndView mv = this.getModelandView (); Page <user> userPage; if (pageindexstr == null || "". equals (pageIndexStr)) {pageIndexstr = "0"; } int pageIndex = integer.parseint (pageindexstr); userPage = userErvice.findall (pageIndex+1, pagesize, sort.direction.asc, "id"); mv.addoBject ( "TotalCount", userPage.getTotalElements ()); mv.addoBject ( "pageIndex", pageIndex); // jsonConfig cfg = new JsonConfig (); // cfg.setexCludes (new String [] { "handler", "HiberNatelazyInitializer"}); JSONCONFIG JCG = NEW JSONCONFIG (); jcg.registerjsonValueProcessor (date.class, new dateJsonValueProcessor ( "yyyy-mm-dd")); jsonarray jsonarray = jsonarray.fromobject (userpage.getContent (), jcg); //system.out.println (jsonarray.tostring ()); mv.addoBject ( "사용자", jsonarray.tostring ()); mv.setViewName ( "admin/user/sys_user_list"); 리턴 MV; }} 【프론트 엔드 페이지 구현】
Page View 구현, jQuery.pagination.js (Pagination JS) 및 Pagination.css (Pagination Style CSS)를 참조하십시오.
여기에서 다운로드 할 수 있습니다 : //www.vevb.com/article/105013.htm
<%@ page contenttype = "text/html; charset = utf-8"pageencoding = "utf-8"%> <%@ taglib prefix = "c"uri = "http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix = "fmt" uri = "http://java.sun.com/jsp/jstl/fmt"%> <% string path = request.getContextPath (); String BasePath = request.getScheme ()+": //"+request.getServerName ()+":"+request.getServerport ()+path+"/";%> <! doctype html> <html lang = "zh-cn"> <head> <vase> charset = "utf-8"/> <meta http-equiv = "x-ua-catsible"content = "ie = edge"> <meta name = "viewport"content = "width = device-width, device-width, feation-scale = 1"> <title> 여기 제목 </title> <!-bootstrap style --> 링크 유형 = "text/css"rel = "styls" href = "<%= basepath%> 플러그인/page/css/bootstrap-3.3.5.min.css"rel = "external nofollow"/> <!-jquery.pagination에 필요한 css-> <링크 유형 = "text/css"rel = "stylesheet"href = "<%= basepath/css/page/page/page/page/page/page. nofollow "/> <script type ="text/javascript "src ="<%= basepath%> 플러그인/page/js/jquery.min.js "> </script> <!-jquery.js에 의해 요구되는 JS jquery.js-> <script type ="text/javascript " src = "<%= basepath%> 플러그인/page/js/jss/jquery.pagination.js"> </script> <script type = "text/javaScript">/** 페이징 작업의 경우 jQuery.pagination 플러그인을 사용하여 Nicky 20170729 시작 ** // 현재 페이지 인덱스 = 번호 ($ {pageindex}); // 데이터 수량 var totalcount = number ($ {totalCount}); $ (document). readect (function () {// PAGEG에 바인딩 $ ( "#Pagination"). Pagination (TotalCount, {Callback : PreveSelectCallback, prever_Text : '<이전 페이지', Next_Text : 'Next Page>', items_per_page : 6, num_display_entries : 6, current_page : num_index, link_tireties : 1, "PageIndex = __ id__"는 "__id__"를 현재 번호로 교체합니다. var html = "; obj.email; var lastlogin = obj.lastlogin; "<td>"+username+"</td>"+"<td>"+mark+"</td>"+"<td>"+폰+"</td>"+"<td>"+email+"</td>"+"<td>"+lastlogin+"</td>"+"<td>"+loginip+"+Loginip+" href = 'JavaScript : OpenedItDialog ( "+id+");'class = 'bounce'> 역할 구성 </a> "+"</tr> ";}); $ ("#content "). //이 이벤트는 jQuery.pagination 플러그인을 사용하여 니키 20170729 end **/// checkbox의 all/anti-select var ischeckall = false; 함수 doCheck () {if (iScheckall) {$ ( "input [type = 'checkbox']"). 각 (function () {this.checked = false;}); ischeckall = false; } else {$ ( "input [type = 'checkbox']"). 각 (function () {this.checked = true;}); ischeckall = true; }} </script> </head> <body> <br> <div> <div> <div> <div> <div> <com> <입력 유형 = "value"value = "send mail"onclick = "sendemail (); /> <입력 유형 = "버튼"value = "sendsms ();" /> <입력 유형 = "버튼"value = "Exportexcel 테이블"onclick = "Exportexcel ();"; /> <br> <br> <!-<input type = "text"id = "keyword"placeholder = "Keyword를 입력하십시오"키워드를 입력하십시오. , maxDate : '#f {$ dp. $ d (/'enddate/')}'}); "/> to <input type ="텍스트 "placeHolder ="end 날짜를 입력하십시오 "value ="$ {endDate} "id ="endDate "name ="endDate "onclick ="wdatePicker ({yyyy-mmmt : , Mindate : '#f {$ dp. $ d (/'startDate/')}'}); " /> <입력 유형 = "button"value = "search"onclick = "doSearch ();"/>-> </form> <table id = "mtable"> <thead> <tr> <th> <입력 유형 = "checkbox"onclick = "docheck ();" /> </th> <th> 시리얼 번호 </th> <th> 사용자 이름 </th> <th> 설명 </th> <th> mobile </th> <th> 이메일 </th> <th> 최신 로그인 </th> <th> 마지막 로그인 IP </th> <th> Operation </th> </tr> </head> <tibody id = "content"> </tbody> </tbody> </tbody> <!-데모-> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> 프론트 엔드 페이지 디스플레이 :
이 블로그는 개발중인 Github 오픈 소스 프로젝트를 기반으로합니다. 프로젝트 코드 주소는 https://github.com/u014427391/jeepatform입니다
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.