Data pegas JPA+springmvc+jQuery.pagination.js Contoh Pagination Implementasi

Blog ini memperkenalkan fungsi pagination berdasarkan kerangka ORM Spring Data ditambah plug-in jQuery.pagination.

Blog ini didasarkan pada proyek open source GitHub yang sedang dikembangkan. Alamat kode proyek adalah: https://github.com/u014427391/jeepatform

Selamat datang di Star (koleksi) atau unduh untuk belajar, dan masih berkembang ...

Memperkenalkan kerangka kerja data pegas

Data Musim Semi: Subproyasi Musim Semi. Digunakan untuk menyederhanakan akses database dan mendukung NoSQL dan penyimpanan data relasional.

Berikut ini adalah penyimpanan NoSQL yang didukung oleh Proyek SpringData:

* MongoDB (database dokumen)
* Neo4j (database grafis)
* Redis (Key/Value Store)
* HBase (Database Keluarga Kolom)

Teknologi Penyimpanan Data Relasional Didukung oleh Proyek SpringData:

* Jdbc
* JPA

JPA Spring Data: Didedikasikan untuk mengurangi volume pengembangan Lapisan Akses Data (DAO). Pengembang hanya perlu menulis antarmuka lapisan kegigihan, dan kemudian kerangka kerja lainnya akan membantu pemrogram mengimplementasikannya.

Langkah Pengembangan:

【Data pegas mengimplementasikan akuisisi data】

Proyek ini menggunakan Maven, sehingga Anda dapat merujuk ke konfigurasi Maven saya:

 <Project xmlns = "http://maven.apache.org/pom/4.0.0" xmlns: xsi = "http://www.w3.org/2001/xmlschema-instance" xsi: schemalocation = "http:/maven.romp.romp.romp. http://maven.apache.org/maven-v4_0_0.xsd "> <partent> <Artifactid> Muses </artifactid> <groupid> org.muses </groupid> <version> 1.0-snapshot </versi> </induk> <podelversion> 4.0.0.0.0.0 <ArTifactId> Jeepartform-Admin </artifactid> <packaging> war </packaging> <name> jeepartform-admin maven webapp </name> <rurl> http://maven.apache.org </rro properties> <spring.version> 4.1.release </spon. <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> <hibernate.version> 4.3.8.final </hibernate.version> <hibernate.version> <lucene.version> 4.7.2 </lucene.version> <druid.version> 1.0.9 </druid.version> <poi.version> 3.7 </poi.version> </ Properties> <pendeprup> <!-Modul Mulai-> <sependency> <groupid> org.muses </group </groupid> <version> $ {jeepatform.core.version} </version> </dependency> <dependency> <GroupId> org.muses </groupid> <ArTifactId> Jeepatform-Common </Stifactid> <version> 1.0-snapshot </version> </dependency> </artifactid> <version> 1.0-snapshot </version> </dependency> </grouptid> <Groupt> <ArtifactId> Jeepatform-Oss </RaintifactId> <Version> $ {jeepatform.oss.version} </version> </dependency> <dependency> <Groupid> org.muses </groupid> <Artifactid> Jeepatform-upms </artifactid> </Versi 1.0-Snapshot </Version> </Artifacty </Artifactid> </Versi 1.0-Snapshot </Version> </Artifacty </artifacty </artfactid </artifactid> start--> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <version>2.5</version> <scope>provided</scope> </dependency> <!-- servlet end --> <!-- jstl start--> <dependency> <groupId>jstl</groupId> <artifactId>jstl</artifactId> <version> 1.2 </version> </dependency> <dependency> <groupId> taglibs </proupId> <ArTifactId> Standar </artifactid> <version> 1.1.2 </version> </dependency> <!-jstl end-> <!-LOG4J start-> <dependency> <groupDid> LOG4J </Group <version> $ {log4j.version} </version> </dependency> <!-log4j end-> <!-json parsing yang diperlukan start-> <dependency> <groupid> commons-beanutils </groupid> <ArTifactId> Commons-beanutils </arttifactid> </Versi 1.8.3.3.3.3 <groupId> Commons Collections </GroupId> <ArTifactId> Commons Collections </arttifactId> <version> 3.2.1 </version> </dependency> <dependency> <groupid> net.sf.sf.ezmorph </groupid> <ArTifactID> Ezmorph </ArtifactId> </Groupid> <ArTifactID> Ezmorphy </ArtifactId> Versi 1.0.0.0.0.0.0.0.6.6 <groupId> commons-lang </groupId> <ArTifactId> commons-lang </artifactid> <version> 2.5 </version> </dependency> <dependency> <groupid> Commons-logging </groupid> <t Artifactid> Commons-logging </artifactid> <version> 1.2 versi </versi> </logoD> </ArtifactId> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> <ArTifactId> JSON-LIB </artifactid> <version> 2.4 </version> <yype> jar </type> <classifier> jdk15 </classifier> <scope> kompilasi </scope> </dependency> <!-End yang diperlukan untuk JSON Parsing->-Mysq Start-> <! <ArTifactId> mysql-connector-java </stifactid> <version> $ {mysql.version} </version> </dependency> <!-mysql-> <!-commons-> </angantid> </version </groupid> <Artifactid> Commons-oo </art <dependency> <GroupId> Commons-Fileupload </groupid> <ArTifactId> Commons-FileUpload </arttifactid> <version> 1.2.2 </version> </dependency> <!-commons-> <!-Spring Framework-> <groupid> <sroupid> org.springframework </grouppid> <coract> <cruptid> <cruptid> <cruptid> <version> $ {spring.version} </version> </dependency> <dependency> <GroupId> org.springframework </groupid> <RaintifactId> spring-beans </sartifactid> <version> $ {spring.version} </version> </dependency> <dependency> <version> <groupid> <ArTifactId> Spring-Context </artifactId> <version> $ {spring.version} </version> </dependency> <dependency> <groupid> org.springframework </groupid> <ArTifactId> Spring-Context-Support </artifactid> <version> $ {spring.version} </Version </Version> </arttifactid> <version> $ {version.version} </Version </Version> </artifactid> <2 versi {Version {Version> </Version </Version </Version> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-tx</artifactId> <version>${spring.version}</version> </dependency> <dependency> <GroupId> org.springframework </groupid> <ArTifactId> spring-test </artifactid> <version> $ {spring.version} </version> <scope> test </scopeD> </dependency> <sgroupid> <sroupid> org.springframework </scopeD> <sendendency> <truppringid> <sroupD> <version> $ {spring.version} </version> </dependency> <!-Spring Framework end-> <!-Spring AOP Start-> <dependency> <groupid> org.springframework </groupid> <ArTifactId> </Artifactid> <version> $ {spring.version} </Version> </Artifactid> <version> $ {spring.version} </Version> </artifactD> <version> $ {spring.version} </Version> </Version> </Versi> </Versi> </Versi> </Version> </Version> <ArtifactId> aspekjweaver </stifactid> <version> 1.6.10 </version> </dependency> <!-Spring AOP end-> <!-Springmvc Start-> <dependency> <groupid> org.springframework </groupid> <Artifactid> Spring-webmvc <t/version> <Artifactid> <artifactid> Spring-webmvc <T/Version> <ArTifaction> <ArtifactId> Spring-Webmvc <T/Version> <Art.Version> <ArTifSTID> <T. <!-SpringMVC End-> <!-Spring Data Start-> <dependency> <GroupId> org.springframework </groupid> <ArTifactId> Spring-orm </arttifactid> <version> $ {spring.version} </version> </dependency> <dependency> <urroupid> org.springfring.dat> <artifactId>spring-data-jpa</artifactId> <version>${spring-data-jpa.version}</version> </dependency> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-commons</artifactId> <version>${spring-data-commons.version}</version> </Dependency> <!-Spring Data End-> <!-Hibernate JPA Start-> <dependency> <GroupId> org.hibernate.javax.persistence </sroupid> <ArtifactId> hibernate-jpa-2.1-api </arttifactid> <TERGIGING> 1.0.0.0.final </Version> </Artifactid> </Versi> 1.0.0.final </Version> Versi </Version> </Version> </Version> </Version> Final </Version> </Version> Final </Version> <groupId> org.hibernate </groupid> <ArTifactId> hibernate-core </artifactid> <version> $ {hibernate.version} </version> </dependency> </org. org. </Dependency> <!-Hibernate JPA End-> <!-Hibernate Echache Start-> <dependency> <GroupId> org.slf4j </sroupid> <ArtifactId> Slf4j-API </artifactid> <version> 1.6.1 </version> </dependency> </Artifactid> <version> 1.6.1 </version> </dependency> </groupid> </versie. <artifactId>ehcache-core</artifactId> <version>2.5.0</version> </dependency> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-ehcache</artifactId> <version>${hibernate.version}</version> </dependency> <!-- hibernate echache end --> <!-- Alibaba's Connection Pool Druid Start-> <dependency> <groupid> com.alibaba </groupid> <ArtifactId> druid </artifactid> <version> $ {druid.version} </version> </dependency> <!-end end end end-end end end-end end end-hibern end-hibernate end-hibernate end-hibernate end-hibernate- Hibernate echache end-> <!-Koneksi Alibaba menggabungkan druid end-> <!-Shiro start-> <dependency> <groupid> org.apache.shiro </groupid> <ArtifactId> Shiro-all </artifactid> <version> $ {Shiro.version} </Versi </Artifactid> <version> $ {Shiro.version} </Versi/Versi </Versi/Versi </Versi </Version> <dependency> <GroupId> org.apache.velocity </groupId> <ArTifactId> Velocity </t Artifactid> <version> 1.6 </version> </dependency> <dependency> <groupid> org.apache.velocity </groupId> <ArTifactid> velocity-tools </artacacheity </groupid> <ArTifacTid> velocity-tools </Artifacheity <!-Lucene Full Text Search Engine Mulai-> <dependency> <GroupId> org.apache.lucene </groupid> <ArtifactId> lucene-core </artifactid> <version> $ {lucene.version} </version> </dependency> <sgroupid> <groupid> org.apache.lucene </version> <crupeCid> <sependency> <sroupsid> org.apache.lucene </groupen> <crupeR> <AcneCy> <crupeRyaly> <version> $ {lucene.version} </version> </dependency> <dependency> <GroupId> org.apache.lucene </groupid> <ArTifactId> lucene-queryparser </stifactid> <version> $ {lucene.version} </version> </Dependency> <version> <version> groupid. <ArTifactId> Lucene-memory </t Artifactid> <version> $ {lucene.version} </version> </ganden> <dependency> <Groupid> org.apache.lucene </groupid> <artifactid> Lucene-highlight </arttifactid> <version> $ {Lucene.versioner </artifactid </artifactid> <version> $ {Lucene.versioner} </artifactid </version> </Versi> $ {Lucene.versioner} </version> </versi </version> </Version> </Version> $ {Version {Version> </version> </version </versi </version> </version> </version </version> </version </version> </version </version> Koordinat Maven, silakan tambahkan mereka ke repositori lokal sendiri -> <dependency> <Groupid> org.wltea.analyzer </groupid> <Artifactid> Ikanalyzer </Stifactid> <Version> 2012ff_u1 </version> <scope> System </scope> <systemPath>${basedir}/src/main/webapp/WEB-INF/lib/IKAnalyzer2012FF_u1.jar</systemPath> </dependency> <!-- lucene full text search engine end --> <!-- log4j start--> <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version> $ {log4j.version} </version> </dependency> <!-log4j end-> <!-json parsing yang diperlukan start-> <dependency> <groupid> commons-beanutils </groupid> <ArTifactId> Commons-beanutils </arttifactid> </Versi 1.8.3.3.3.3 <groupId> Commons Collections </GroupId> <ArTifactId> Commons Collections </arttifactId> <version> 3.2.1 </version> </dependency> <dependency> <groupid> net.sf.sf.ezmorph </groupid> <ArTifactID> Ezmorph </ArtifactId> </Groupid> <ArTifactID> Ezmorphy </ArtifactId> Versi 1.0.0.0.0.0.0.0.6.6 <groupId> commons-lang </groupId> <ArTifactId> commons-lang </artifactid> <version> 2.5 </version> </dependency> <dependency> <groupid> Commons-logging </groupid> <t Artifactid> Commons-logging </artifactid> <version> 1.2 versi </versi> </logoD> </ArtifactId> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> </Versi> <ArTifactId> json-lib </stifactid> <version> 2.4 </version> <yype> jar </type> <classifier> jdk15 </classifier> <scope> compile </copope> </dependency> <!-JSON Parsing Jar end-> <!-poi start-> </dependency> <! <artifactId>poi</artifactId> <version>${poi.version}</version> </dependency> <!-- poi end--> <!-- email start--> <dependency> <groupId>com.sun.mail</groupId> <artifactId>javax.mail</artifactId> <version>1.5.6</version> </dependency> <!-- email end--> </dependencies> <build> <finalname> jeepatform-admin </finalname> </build> </project>

Desain database dan tulis kelas entitas:

 Paket org.muses.jeepatform.model.entity; impor java.util.date; impor java.util.set; impor javax.persistence.cascadetype; impor javax.persistence.column; impor javax.persistence.entity; impor javax.persistence.persistence. javax.persistence.generationType; impor javax.persistence.id; impor javax.persistence.joincolumn; impor javax.persistence.jointable; import javax.persistence.manytomany; impor javax.persistence.table; impor javax.persistence.porsistan. javax.persistence.temporaltype;/***Kelas entitas informasi pengguna*@author nicky*/@entity@table (name = "sys_user") pengguna kelas publik {/** ID pengguna **/id private int; / ** Nama pengguna **/ nama pengguna string pribadi; / ** Kata sandi pengguna **/ kata sandi string pribadi; / ** Nomor Ponsel **/ Telepon int pribadi; / ** Jenis Kelamin **/ Private String Sex; / ** Email **/ Email String Pribadi; / ** Catatan **/ tanda string pribadi; / ** Tingkat Pengguna **/ Peringkat String Pribadi; / ** terakhir kali **/ tanggal pribadi lastlogin; / ** Login IP **/ Private String Loginip; / ** Path Image **/ Private String ImageUrl; / ** Waktu Pendaftaran **/ Tanggal Pribadi Regtime; / ** Apakah akun terkunci **/ private boolean terkunci = boolean.false; Peran Private Set <lance>; @GeneratedValue (strategy = generationType.Identity) @ID public int getId () {return id; } public void setid (int id) {this.id = id; } @Column (unik = true, length = 100, nullable = false) Public String getUserName () {return username; } public void setusername (string username) {this.username = username; } @Column (length = 100, nullable = false) Public String getPassword () {return kata sandi; } public void setPassword (kata sandi string) {this.password = kata sandi; } public int getPhone () {return phone; } public void setPhone (int phone) {this.phone = phone; } @Column (length = 6) public string getsex () {return sex; } public void setSex (string sex) {this.sex = sex; } @Column (length = 100) Public String geteMail () {return email; } public void seteMail (string email) {this.email = email; } @Column (length = 30) Public String getmark () {return mark; } public void setmark (string mark) {this.mark = mark; } @Column (length = 10) Public String getRank () {return rank; } public void setRank (string rank) {this.rank = rank; } @Temporal (temporaltype.date) tanggal publik getLastLogin () {return lastlogin; } public void setLastLogin (tanggal lastlogin) {this.lastlogin = lastlogin; } @Column (length = 100) Public String getLogIinip () {return loginip; } public void setLoginiP (string loginip) {this.loginiP = loginip; } @Column (length = 100) Public String getImageUrl () {return ImageUrl; } public void setImageUrl (String ImageUrl) {this.imageUrl = ImageUrl; } @Temporal (temporaltype.date) @column (nullable = false) tanggal publik getRime () {return regtime; } public void setRegtime (tanggal regtime) {this.regtime = regtime; } public boolean getLocked () {return terkunci; } public void setLocked (boolean terkunci) {this.locked = terkunci; }}

Tulis antarmuka untuk mengimplementasikan antarmuka pagingandsortingrepository dari kerangka kerja data pegas

 Paket org.muses.jeepartform.repository; impor org.muses.jeepartform.model.entity.user; impor org.springframework.data.domain.page; impor org.springframework.data.pagable. org.springframework.data.jpa.repository.jparepository; impor org.springframework.data.repository.query; org.springframework.data.repository.pagingandsortrepository; impor org.springfram.daterypository; java.util.date; antarmuka publik userrepository memperluas pagingandsortingrepository <user, integer> { /*user findByUserName (string username); @Query ("Dari User u Where u.SerName =: username dan u.password =: kata sandi") pengguna findbyusernameandpassword (@param ("nama pengguna") string nama pengguna, @param ("kata sandi") kata sandi string); @Query ("Dari pengguna u where u.id =: id") pengguna findbyid (@param ("id") int id); @Query ("Dari pengguna u where date_format (u.lastlogin, 'yyyy-mm-dd') antara date_format ((: startDate), 'yyyy-mm-dd') dan date_format ((: endDate), 'yyyy-mm-dd')") halaman <usery>@evendate ("startdate" date ") <@@parate (" startdate ("stareate") <User-@@@@@@@@@@@@@@@@@@@@@@@@evendate (@@evenDate (@UserDate (" Lagak sampel);*/}

Implementasi Kelas Bisnis:

 Paket org.muses.jeepatform.service; impor java.util.*; impor org.muses.jeepatform.model.entity.user; impor org.muses.jeepatform.repository.userrepository; impor org.springframework.beans.factory.notation.notation.anotasi. org.springframework.data.domain.page; impor org.springframework.data.domain.pageRequest; impor org.springframework.data.domain.sort; impor org.springframework.data.jpa.domain.specification; Impor org.springframework. org.springframework. Userrepository userrepository; / ** * Bangun Objek PageRequest * @param num * @param size * @param asc * @param string * @return */ private pagerequest buildpageRequest (int num, int ukuran, sort.direction asc, string string) {return new pageRequest (num-1, size, null, string); } /** * Get all menu information and display it on pages* @param pageNo * Current number of pages* @param pageSize * Number of pages per page* @return */ @Transactional public Page<User> findAll(int pageNo, int pageSize, Sort.Direction dir, String str){ PageRequest request = buildPageRequest(pageNo, pageSize, dir, str); Halaman <user> user = userrepository.findall (request); Pengguna yang kembali; }}

Kelas kontrol mengadopsi kerangka kerja SpringMVC, pertama -tama tulis basecontroller untuk mengimplementasikan beberapa fungsi umum:

 Paket org.muses.jeepatform.web.controller; import javax.servlet.http.httpservletrequest; import org.slf4j.logger; impor org.slf4j.loggerFactory; impor org.springframework.web.context.roggerFactory; org.springframework.weB.context.roggerFactory; org.springframework.web.context.request.servletrequestattributes; impor org.springframework.web.servlet.modelandview; kelas publik Basecontroller {logger log = null; / *** Dapatkan objek log* @return*/ Public Logger getInstance () {if (log == null) {log = loggerFactory.getLogger (basecontroller.class); } return log; } / *** Dapatkan objek permintaan* / public httpservletRequest getRequest () {httpservletRequest request = ((servletRequestAttributes) requestContextholder.getRequestAttributes ()). GetRequest (); permintaan pengembalian; } / ** * Dapatkan ModelAndView * / Public ModelAndView getModelandView () {return new ModelAndView (); }}

Implementasi kelas kontrol:

 Paket org.muses.jeepatform.web.controller; impor net.sf.json.jsonarray; impor net.sf.json.jsonobject; import net.sf.json.jsonconfig; import org.apache.commons.collections.map.hashedmus; import org.apache.commons.collections.map.hashedmus; org.apaces.collections.collections.hashedmus; org.apaces.collections.collections.hashedmus; Import org. org.muses.jeepatform.core.excelviewWrite; impor org.muses.jeepatform.core.javaemailsender; impor org.muses.jeepatform.model.entity.user; impor org.muses.jeepatform.service.userservice; org.muses.jeepatform.utils.dateJsonvalueprocessor; impor org.muses.jeepatform.utils.dateutils; impor org.springframework.beans.factory.annotation.Autowired; import org.springframework.data.domain org.springframework.data.domain.sort; impor org.springframework.steretype.controller; impor org.springframework.ui.model; impor org.spramework.bind.annotation.requestMapping; impor org.spramework.bind.annotation.requestMapping; impor org.spramework.bind.notation.requestmapping; impor org.spramework.bind.notation.requestmapping; impor org.spramework.bind.annotation.requestmapping; impor org.spramework.bind.annotation.requestmapping; impor org.spramework.bind.annotation org.springframework.web.bind.annotation.responseBody; impor org.springframework.web.servlet.modelandview; import javax.servlet.http.httpservletrequest; import javax.servlet.http.httpservest; java.util.*;/*** dibuat oleh Nicky pada 2017/7/29. */@RequestMapping ("/user")@ControllerPublic Class UserController memperluas Basecontroller {@Autowired UserServer UsersEverService; /** * Query all administrator information and display it on pages* @param request * @param response * @param model * @return */ @RequestMapping(value = "/queryAll",produces = "application/json;charset=UTF-8") @ResponseBody public ModelAndView findAll(HttpServletRequest request, HttpServletResponse response, Model model){ //Current page String pageIndexstr = request.getParameter ("pageIndex"); // Jumlah halaman per halaman int halaman = constants.page_size; ModelAndView mv = this.getModelandView (); Halaman <User> UserPage; if (pageIndexstr == null || "". Equals (pageIndexstr)) {pageIndexstr = "0"; } int pageIndex = integer.parseint (pageIndexstr); UserPage = UserService.findall (PageIndex+1, PageSize, sort.direction.asc, "id"); MV.AddObject ("TotalCount", UserPage.GettotalElements ()); mv.addObject ("pageIndex", pageIndex); // jsonconfig cfg = new jsonconfig (); // cfg.setexcludes (string baru [] {"handler", "hibernatelazyInitializer"}); Jsonconfig jcg = new jsonconfig (); jcg.registerjsonvalueprocessor (date.class, dateJsonvalueprocessor baru ("yyyy-mm-dd")); Jsonarray jsonarray = jsonarray.fromObject (userpage.getContent (), jcg); //System.out.println (jsonarray.tostring ()); mv.addObject ("pengguna", jsonarray.tostring ()); mv.setViewName ("Admin/user/sys_user_list"); mengembalikan MV; }}

【Implementasi halaman front-end】

Halaman View Implementasi, lihat jQuery.pagination.js (pagination JS), dan pagination.css (gaya pagination css).

Anda dapat mengunduhnya di sini: //www.vevb.com/article/105013.htm

 <%@ page contentType = "Teks/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> <base href = "<%= basepath =" zh-cn "> <head> <base href =" <%= BasePath " /> <meta http-equiv = "x-ua-kompatibel" content = "ie = edge"> <meta name = "viewport" content = "width = device-width, skala awal = 1"> <Title> Sisipkan judul di sini </title> <!-Bootstrap Style-> <link type = "texs/css" rel = "style =" styles> <! href = "<%= Basepath%> plugin/halaman/css/bootstrap-3.3.5.min.css" rel = "eksternal nofollow"/> <!-wajib css untuk jQuery.pagination-> <tautan tipe = "teks/css" rel = "stylesheet" href = "<%= basepath/css" rel = "stylesheet" href = "<%= basepath/css" css = "stylesheet" href = "<%= Basepath" page/css = "stylesheet" href = "<%= Basepath" page "cssheet" rel = "eksternal nofollow"/> <script type = "text/javaScript" src = "<%= Basepath%> plugin/page/js/jQuery.min.js"> </script> <!-JS Diperlukan oleh jQuery.pagination Catatan bahwa itu harus ditempatkan di belakang jQuery.js-> <script type = " src = "<%= Basepath%> plugin/page/js/jQuery.pagination.js"> </script> <script type = "text/javascript">/** untuk operasi paging, gunakan jQuery.pagination plugin Tambah dengan nicky 20170729 mulai **/// halaman jQuery.pagination ($ number = bilangan ($ number = page {($ {{{{{($ {{page {page {page {page {page {page {$ {page {page {page {page {$ {page {page {page {page {$ {page, // kuantitas data var totalcount = angka ($ {totalCount}); $(document).ready(function () { //Binding to paging $("#Pagination").pagination(totalCount, { callback : pageselectCallback, prev_text : '< Previous page', next_text: 'Next page>', items_per_page : 6, num_display_entries : 6, current_page : pageIndex, num_edge_entries : 1, link_to: Pengguna/QueryAll? PageIndex = __ ID__ "// JS PAGED akan secara otomatis menggantikan" __id__ "dengan nomor saat ini. obj.email; var lastlogin = obj.lastlogin; "<td>"+nama pengguna+"</td>"+"<td>"+Mark+"</td>"+"<td>"+Telepon+"</td>"+"<td>"+email+"</td>"+"<td>"+LastLogin+"</td>"+"" "" "" "+"+"+"+"+"+"+"+"+"+"+"+"+"+"+"+"+" </td> href = 'JavaScript: OpenEditDialog ("+id+");' // Acara ini adalah fungsi halamanelectcallback (index, jq) {}/** operasi pagination, menggunakan plugin jQuery.pagination ditambahkan oleh Nicky 20170729 end **/// kotak centang semua/anti-select var ischeckall = false; function docheck () {if (isCheckall) {$ ("input [type = 'checkbox']"). masing -masing (fungsi () {this.checked = false;}); ischeckall = false; } else {$ ("input [type = 'centang kotak']"). masing -masing (fungsi () {this.checked = true;}); ischeckall = true; }} </script> </head> <body> <br> <div> <div> <div> <div> <orm> <input type = "tombol" value = "kirim mail" onclick = "sendeMail ();" /> <input type = "tombol" value = "sendsms ();" /> <input type = "Tombol" value = "tabel eksporteksel" onclick = "exportexcel ();" /> <br> <br> <!-<input type = "text" id = "kata kunci" placeholder = "Harap masukkan kata kunci"> Tanggal dari <input type = "text" placeholder = "Harap masukkan tanggal mulai" value = "$ {startDate}" id = "startDate" name = "startDate" onklick = "wdatePicker ({{{{{{{{date-m startDate (startDate" ({{{{{{{{{d-ddate-m-m-m-m-m-m-m-m- ,maxDate:'#F{$dp.$D(/'endDate/')}'});"/> to <input type="text" placeholder="Please enter end date" value="${enddate }" id="endDate" name="enddate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd' , mindate: '#f {$ dp. $ d (/' startDate/')}'}); " /> <input type = "tombol" value = "cari" onclick = "doSearch ();"/>-> </form> <table id = "mtable"> <Thead> <tr> <th> <input type = "centang kotak" onclick = "docheck ();" /> </t> <t th> Nomor seri </th> <th> nama pengguna </t> <t th> Deskripsi </t> <t th> Mobile </t> <th> Email </t> <th> Login terbaru </th> <t> Login IP terakhir </th> </toby </th> </tr> </head> <tt> ID = "Content" </THABY </TR> </TR> </head> <ttBody id = "Content" </THBYD </TR> </TR> </head> <tbody ID = "Contest" <!-Demo-> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

Tampilan halaman front-end:

OK, blog ini didasarkan pada proyek open source GitHub yang sedang dikembangkan. Alamat kode proyek adalah: https://github.com/u014427391/jeepatform

Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.