In diesem Blog wird die Paginationsfunktion basierend auf dem ORM-Framework von Spring Data und dem JQuery.Pagination-Plug-In vorgestellt.
Dieser Blog basiert auf einem Github Open Source -Projekt in der Entwicklung. Die Projektcode -Adresse lautet: https://github.com/u014427391/jeepatform
Willkommen bei Star (Sammlung) oder Download, um zu lernen, und es entwickelt sich immer noch ...
Stellen Sie das Frühlingsdaten -Framework ein
Federdaten: ein Unterprojekt der Frühlings. Wird verwendet, um den Datenbankzugriff zu vereinfachen und NoSQL und relationale Datenspeicher zu unterstützen.
Im Folgenden ist der vom Springdata -Projekt unterstützte NoSQL -Speicher:
* MongoDB (Dokumentdatenbank)
* Neo4j (Grafikdatenbank)
* Redis (Schlüssel-/Wertspeicher)
* HBase (Spaltenfamiliendatenbank)
Relationale Datenspeichertechnologien, die von Springdata -Projekten unterstützt werden:
* JDBC
* JPA
JPA -Federdaten: Die Reduzierung des Entwicklungsvolumens der Datenzugriffsschicht (DAO). Entwickler müssen nur die Persistenzschichtschnittstelle schreiben, und dann helfen andere Frameworks den Programmierern, sie zu implementieren.
Entwicklungsschritte:
【Federdaten implementiert die Datenerfassung】】
Dieses Projekt verwendet Maven, sodass Sie auf meine Maven -Konfiguration verweisen können:
<project xmlns = "http://maven.apache.org/pom/4.0.0" xmlns: xsi = "http://www.w3.org/2001/xmlschema-instance http://maven.apache.org/maven-v4_0_0.xsd "> <in <Storifactid> Muses </artifactid> <gruppe> org.muses </GroupID> <version> 1.0-Snapshot </Version> </parent> <modelversion> 4.0.0 </modelversion> <artifactid> jeepartform-admin </artifactId> <packaging> Krieg </packaging> <name> jeepartform-admin maven webapp </name> <Url> http://maven.apache.org </url> <Propions.version> <Version> <Version> <Version> </sping </sping.version> <version> 4.1.5. <Spring-Data-jpa.version> 1.4.2.Release </spring-data-jpa.version> <Spring-Data-Commons <ucene.version> 4.7.2 </lucen.version> <druid.version> 1.0.9 </druid.version> <poi.version> 3.7 </poi.version> </properties> <abhängigkeiten> <!-Modulstart-> <abhängig> </gruupid> org.mus- org.mus </gruupid> </gruppyid> </gruppyid> <artifactid> <artifact-hore </gruppe </gruppyid> <artifactid> <artifact- org. <version> $ {jeepatform.core.version} </Version> </abhängig> <depelzusgangs> <gruppe> org.muss </GroupId> <artifactId> Jeepatform-Common </artifactID> <version> 1.0-Snapshot </Version> </abhängig> <crors <GroupId> <gruppe org.Muses </gruppshot </gruppen> </gruppen> <GroupId> <artifactId>jeepatform-oss</artifactId> <version>${jeepatform.oss.version}</version> </dependency> <dependency> <groupId>org.muses</groupId> <artifactId>jeepatform-upms</artifactId> <version>1.0-SNAPSHOT</version> </dependency> <!-- moudle end--> <!-- servlet start-> <depeencing> <gruppeId> javax.servlet </GroupId> <artifactId> servlet-api </artifactId> <version> 2.5 </Version> <Scope> Bereitstellung </scope> </abhängig> <!-Servlet End-<! <version>1.2</version> </dependency> <dependency> <groupId>taglibs</groupId> <artifactId>standard</artifactId> <version>1.1.2</version> </dependency> <!-- jstl end --> <!-- log4j start--> <dependency> <groupId>log4j</groupId> <artifactId>log4j</artifactId> <version>${log4j.version}</version> </dependency> <!-- log4j end--> <!-- json parsing required jar start--> <dependency> <groupId>commons-beanutils</groupId> <artifactId>commons-beanutils</artifactId> <version>1.8.3</version> </dependency> <dependency> <groupId>commons-collections</groupId> <artifactId>commons-collections</artifactId> <version>3.2.1</version> </dependency> <dependency> <groupId>net.sf.ezmorph</groupId> <artifactId>ezmorph</artifactId> <version>1.0.6</version> </dependency> <dependency> <groupId>commons-lang</groupId> <artifactId>commons-lang</artifactId> <version>2.5</version> </dependency> <dependency> <groupId>commons-logging</groupId> <artifactId>commons-logging</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>net.sf.json-lib</groupId> <artifactId> json-lib </artifactId> <version> 2.4 </version> <typs> jar </type> <classifier> jdk15 </klassifizier> <scope> compile </scope> </abhängig> <!-JAR ENDE FÜR JSON-Parsing-> <!-mysql starten-> <deponcy> <Dielpecy> <Deponcy> <abhängigkeit> <entellungen: <artifactId>mysql-connector-java</artifactId> <version>${mysql.version}</version> </dependency> <!-- mysql end--> <!-- commons --> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.0.1</version> </dependency> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.2.2</version> </dependency> <!-- commons --> <!-- spring framework start--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-core</artifactId> <version> $ {spring.version} </Version> </abhängig> <depeopy> <gruppe> org.springFramework </Groupid> <artifactId> Spring-Beans </artifactid> <version> $ {Spring.version} </Version> </abhängig> <De vorangestellt> <gruppe> org.SpringFramework </Groupid> <artifactId>spring-context</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context-support</artifactId> <version>${spring.version}</version> </dependency> <dependency> <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> <Depopenty> <GroupId> org.springFramework </Groupid> <artifactId> Spring-Test </artifactId> <version> $ {Spring.version} </Version> <Schope> test </scope> </abhängig> <abhängig> <Groupid> org.springFramework </GroupId> <artifactid> fRESPACTID> FRINGIFACT> FRINGIFACT> FRINGIFACT> </GroupID> <artifactid> </artifactFrame </crupent> <artifactid> <version> $ {Spring.version} </Version> </abhängig> <!-Spring Framework End-> <!-Spring AOP Start-> <Depopentcy> <GroupID> org.springFramework </GroupId> <artifactID> Spring-Aop </artifactId> <version> $ {vgl. <artifactId>aspectjweaver</artifactId> <version>1.6.10</version> </dependency> <!-- spring aop end --> <!-- springMVC start--> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${spring.version}</version> </dependency> <!-SpringMvc End-> <!-Spring Data Start-> <Depopentcy> <gruppe> org.springFramework </Groupid> <artifactId> Spring-orm </artifactid> <version> $ {Spring.version} </Version> </abhängig> <gruppe> <gruppe org. <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</groupId> <artifactId>hibernate-jpa-2.1-api</artifactId> <version>1.0.0.Final</version> </dependency> <dependency> <gruppeId> org.hiNNATE </gruppeId> <artifactId> hibernate-core </artifactId> <version> $ {hibernate.version} </Version> </abhängig> <Deichung> <gruppe org.hibernate </gruppen> <artifactid> hibernnate-entityManagern </artifactIid> <version>${hibernate.version}</version> </dependency> <!-- hibernate jpa end --> <!-- hibernate echache start--> <dependency> <groupId>org.slf4j</groupId> <artifactId>slf4j-api</artifactId> <version>1.6.1</version> </dependency> <dependency> <groupId>net.sf.ehcache</groupId> <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> <!-- Alibaba's connection pool druid end--> <!-- hibernate echache end--> <!-- hibernate echache end--> <!-- hibernate echache end--> <!-- Alibaba's connection pool druid end--> <!-- shiro start--> <dependency> <groupId>org.apache.shiro</groupId> <artifactId>shiro-all</artifactId> <version>${shiro.version}</version> </dependency> <!-- SHIRO END-> <!-Geschwindigkeitsstart-> <De vorstellen> <gruppe> org.apache.velocity </Groupid> <artifactId> Geschwindigkeit </artifactId> <version> 1.6 </Version> </abhängig> <Epellierzusammenhänge> <gruppe org. <version> 2.0 </version> </abhängig> <!-Geschwindigkeitsende-> <!-Lucene Volltext-Suchmaschine Start-> <De vorstellen> <gruppe> org.apache.lucene </Groupid> <artifactid> lucene-core </artifactid> <version> $ {lucene.version} </Version> </vgl. <groupId>org.apache.lucene</groupId> <artifactId>lucene-analyzers-common</artifactId> <version>${lucene.version}</version> </dependency> <dependency> <groupId>org.apache.lucene</groupId> <artifactId>lucene-queryparser</artifactId> <version> $ {lucene.version} </Version> </abhängig> <abhängigkeit> <GroupId> org.apache.lucene </Groupid> <artifactid> lucene-memory </artifactId> <version> $ {lucene.version} </Version> </abhängig> <EpaptId> <gruppe <gruppe> oderg.apache.apache <artifactId> lucene-highlighter </artifactid> <version> $ {lucene.version} </Version> </abhängig> <!-Beachten Sie, dass Ikanalyzer keine Maven-Koordinaten hat. <version> 2012FF_U1 </Version> <Prosion> System </scope> <SystemPath> $ {basiert} /src/main/webapp/web-inf/lib/ikanalyzer2012ff_u1.jar </systemPath> <! <artifactId>log4j</artifactId> <version>${log4j.version}</version> </dependency> <!-- log4j end--> <!-- json parsing required jar start--> <dependency> <groupId>commons-beanutils</groupId> <artifactId>commons-beanutils</artifactId> <version>1.8.3</version> </dependency> <dependency> <groupId>commons-collections</groupId> <artifactId>commons-collections</artifactId> <version>3.2.1</version> </dependency> <dependency> <groupId>net.sf.ezmorph</groupId> <artifactId>ezmorph</artifactId> <version>1.0.6</version> </dependency> <dependency> <groupId>commons-lang</groupId> <artifactId>commons-lang</artifactId> <version>2.5</version> </dependency> <dependency> <groupId>commons-logging</groupId> <artifactId>commons-logging</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>net.sf.json-lib</groupId> <artifactId> JSON-LIB </artifactId> <version> 2.4 </Version> <Typ> jar </type> <Classifier> JDK15 </classifier> <scope> kompilieren </scope> </abhängig> <!-JSON-Parsing-JAR-Ende-> <!-poi start-> <Deponcy> <gruppe <gruppen> <gruppen- org. <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--> </abhängigen> <build> <finanzname> jeepatform-admin </finalName> </build> </project> Entwerfen Sie die Datenbank und schreiben Sie eine Entitätsklasse:
Paket org.Muses.jeepatform.model.Entity; Import Java.util.date; Import Java.util.set; Import Javax.Persistence.Cascadetype; Import Javax.Persistence.Column; Javax.Persistence.generationType; Import Javax.Persistence.id; Import Javax.Persistence.Joincolumn; Import Javax.Persistence.Jointable; javax.persistence.temporaltype;/***Entität Klasse von Benutzerinformationen*@Author Nicky*/@entity@table (name = "sys_user") public class User {/** Benutzer -ID **/private int id; / ** Benutzername **/ private String -Benutzername; / ** Benutzerkennwort **/ privates Zeichenfolgenkennwort; / ** Handynummer **/ privates Int -Telefon; / ** Geschlecht **/ privater String Sex; / ** E -Mail **/ private Zeichenfolge E -Mail; / ** Hinweis **/ private String Mark; / ** Benutzerebene **/ privater String -Rang; / ** letztes Mal **/ privates Datum lastlogin; / ** Login IP **/ private String loginip; / ** Bildpfad **/ private String imageurl; / ** Registrierungszeit **/ Private Datum Regime; / ** ob das Konto gesperrt ist **/ privat boolean gesperrt = boolean.false; private set <rolle> Rollen; @GeneratedValue (Strategy = GenerationType.Identity) @ID public int getId () {return id; } public void setId (int id) {this.id = id; } @Column (einzigartig = true, length = 100, nullable = false) public String getUsername () {return userername; } public void setUnername (String -Benutzername) {this.username = userername; } @Column (Länge = 100, nullable = false) public String getPassword () {zurückgeben Passwort; } public void setPassword (String -Passwort) {this.password = password; } public int getphone () {return telefon; } public void setPhone (int Telefon) {this.phone = Telefon; } @Column (Länge = 6) public String getSex () {return sex; } public void setsex (String sex) {this.sex = sex; } @Column (Länge = 100) public String getemail () {return -E -Mail; } public void setemail (String -E -Mail) {this.email = E -Mail; } @Column (Länge = 30) public String getMark () {return mark; } public void setmark (String Mark) {this.mark = mark; } @Column (Länge = 10) public String getrank () {return rank; } public void setRank (String Rank) {this.rank = Rank; } @Temporal (temporAltype.date) öffentliches Datum getLastLogin () {return lastLogin; } public void setLastLogin (Datum lastLogin) {this.lastlogin = lastLogin; } @Column (Länge = 100) public String getLoginip () {return loginip; } public void setLoginip (String loginip) {this.loginip = loginip; } @Column (Länge = 100) public String getImageUrl () {return imageRl; } public void setImageurl (String imageurl) {this.imageurl = imageUrl; } @Temporal (temporAltype.date) @column (nullable = false) öffentliches Datum getRegREGTIME () {return Regime; } public void setRegime (Datum Regime) {this.regime = Regime; } public boolean getlocked () {return gesperrt; } public void setLocked (boolean gesperrt) {this.locked = gesperrt; }}Schreiben Sie Schnittstelle, um die PagagingandSortingRepository -Schnittstelle des Spring Data Framework zu implementieren
Paket org.muses.jeepartform.repository; import org.muses.jeepartform.model.entity.user; import org.springframework.data.domain.page; import org.springframework.data.domain.pagable; org.springFramework.data.jpa.repository.jparepository; import org.springframework.data.repository.Query; import org.springframework.data.repository.paging und SortingRepository; java.util.date; öffentliche Schnittstelle userRepository erweitert Pagaging undSortingRepository <Benutzer, Integer> { /*Benutzer findByUnername (String -Benutzername); @Query ("Vom Benutzer u wobei u.username =: userername und u.password =: password") Benutzer findByusernAmandPassword (@param ("Benutzername") String Benutzername, @param ("Passwort") String -Passwort); @Query ("von Benutzer u wobei u.id =: id") Benutzer findById (@param ("id") int id); @Query("from User u where date_format(u.lastLogin,'yyyy-MM-dd') between date_format((:startDate),'yyyy-MM-dd') and date_format((:endDate),'yyyy-MM-dd')") Page<User> searchU(@Param("startDate")Date startDate,@Param("endDate")Date endDate, Lehnte lehnte);*/}Business Class Implementierung:
Paket org.muses.jeepatform.service; import Java.util. org.springframework.data.domain.page; import org.springframework.data.domain.pageRequest; import org.springframework.data.domain.sort; org. userRepository; / ** * erstellen pageRequest-Objekt * @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, Größe, Null, String); } / *** Alle Menüinformationen abrufen und auf Seiten anzeigen* @param pageno* Aktuelle Anzahl der Seiten* @param pageSize* Anzahl der Seiten pro Seite* @Return* / @transactional public page <Benutzer> findall (int pageno, int pagessize, sortiert.direction dir, String Str) {pagerequest adoption = builds). Page <Benetzbuchs> Benutzer = userRepository.findall (Anfrage); Rückkehrbenutzer; }}Die Kontrollklasse übernimmt das SpringMVC -Framework und schreibt zunächst einen Basecontroller, um einige allgemeine Funktionen zu implementieren:
paket org.muses.jeepatform.web.controller; import javax.servlet.http.httpsersquest; import org.slf4j.logger; import org.slf4j.loggerfactory; org.springframework.web.context.request.servletRequestAttributes; import org.springframework.web.servlet.ModelandView; öffentliche Klasse BaseController {Logger log = null; / *** log -Objekt erhalten* @return*/ public logger getInstance () {if (log == null) {log = loggerFactory.getLogger (BaseController.class); } Rückgabeprotokoll; } / *** Get Request Object* / public httpServletRequest getRequest () {httpServletRequest Request = ((ServletRequestAttributes) RequestContextHolder.GetRequestAttributes (). GetRequest (); Rückgabeanforderung; } / ** * modelAndView * / public modelAndView getModelandView () {neuer modelAndView () zurückgeben; }}Implementierung der Kontrollklassen:
Paket org.muses.jeepatforme org.muses.jeepatform.core.excelviewwrite; import org.muses.jeepatform.core.javaMailsender; import org.muses.jeepatform.model.entity.user; importieren org.muses.jepatform.service.userservice; org.muses.jeepatform.utils.datejsonvalueProcessor; import org.muses.jeepatform org. org. Java.util.*;/*** Erstellt von Nicky am Jahr 2017/7/29. */@RequestMapping ("/user")@ControllerPublic Class UserController erweitert BaseController {@autowired UserService UserService; /** * 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"); // Anzahl der Seiten pro Seite int pageSize = constants.page_size; ModelAndView mv = this.getModelandView (); Page <Bener> 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 (new String [] {"Handler", "HibernatelazyInitializer"}); JSONCONFIG JCG = New JsonConfig (); jcg.registerjsonvalueProcessor (Datum.Class, New DateJsonValueProcessor ("yyyy-mm-dd")); JsonArray jsonArray = jsonArray.fromObject (userPage.getContent (), JCG); //System.out.println (jsonarray.toString ()); mv.addObject ("Benutzer", jsonArray.toString ()); mv.setViewName ("admin/user/sys_user_list"); MV zurückgeben; }} 【Front-End-Seite Implementierung】
Seitenansicht der Implementierung, siehe jQuery.pagination.js (Pagination JS) und Pagination.css (Pagination Style CSS).
Sie können es hier herunterladen: //www.vevb.com/article/105013.htm
<%@ page contentType = "text/html; charset = utf-8" pageCoding = "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%" charset = "utf-8"/> <meta http-äquiv = "x-ua-kompatible" content = "ie = edge"> <meta name = "viewPort" content = "width = Gerätebiddel, initial-scale = 1"> <Titel> hier </title> <! href = "<%= Basepath%> Plugins/Seite/CSS/Bootstrap -3.3.5.Min.css" rel = "externe nofollow"/> <!-Erforderliche CSS für jQuery.Pagination-> <link type = "text/css" rel = "stilesheet" href = "i%=" baSepath%igbath%"baSepath" baSepath igbath igbath igbath igbath "<%=" basepath "basepath" base/pagierung "pagierungs" pagierungs "pagierung" pagierungs "<%=" basepath igbath "baSepath" baSepath igbath ". rel = "externer nofollow"/> <script type = "text/javaScript" src = "<%= basepath%> plugins/page/js/jQuery.min.js"> </script> <!-JS von jQuery.Pagination Hinweis, dass es hinter Jquery.js-> <script type = "text/javacricpt platziert sein muss", "text/javascript" müssen. src = "<%= Basepath%> Plugins/Seite/js/jQuery.pagination.js"> </script> <script type = "text/javaScript">/** Für Paging -Operationen verwenden Sie die jQuery.Pagination -Plugin -Add von Nicky 20170729 Start ** // aktuelle Seite var pageIndex = $ {{{{{{{{;). // Datenmenge var TotalCount = Nummer ($ {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: "User/Queryall? PageIndex = __ ID__" // Das PAGED JS wird automatisch "__id__" durch die aktuelle Zahl ersetzt. obj.email; var lastLogin = obj.lastlogin; "<td>"+Mark+"</td>"+"<td>"+Telefon+"</td>"+"<td>"+E -Mail+"</td>"+"<td>"+lastlogin+"</td>"+"<td>"+loginip+"</td>" href = 'JavaScript: OpeneditDialog ("+id+");' class = 'bouncein'> rolle konfigurieren </a> "+" </tr> ";}); $ ("#content "). append (html);}); // Dieses Ereignis ist Funktion PageSelectCallback (Index, JQ) {}/** Pagination Operation unter Verwendung des Jquery.Pagination-Plugins von Nicky 20170729 End **/// Checkbox's All/Anti-Select var iSheckall = false; Funktion dangeck () {if (IsScheckall) {$ ("input [type = 'postbox']"). Jede (function () {this.Checked = false;}); ISSCECKALL = false; } else {$ ("input [type = 'postbox']"). Jede (function () {this. Checked = true;}); Isscheckall = wahr; }} </script> </head> <body> <br> <div> <div> <div> <div> <form> <input type = "button" value = "mail" onclick = "sendemail ();" /> <input type = "button" value = "sendsms ();" /> <Eingabe type = "button" value = "exportexcel table" onclick = "exportexcel ();" /> <br><br><!-- <input type="text" id="keyword" placeholder="Please enter keyword"> Date from <input type="text" placeholder="Please enter start date" value="${startdate }" id="startDate" name="startdate" onclick="WdatePicker({dateFmt:'yyyy-MM-dd' , maxdate: '#f {$ dp. , Mindate: '#f {$ dp. $ d (/' startDate/')}'}); " /> <input type = "button" value = "such" onclick = "dosearch ();"/>-> </form> <table id = "mtable"> <thead> <tr> <Th> <Eingabe type = "Kontrollkästchen" onclick = "Dokeck ();" /></th> <th>Serial number</th> <th>User name</th> <th>Description</th> <th>Mobile</th> <th>Email</th> <th>Latest login</th> <th>Last login IP</th> <th>Operation</th> </tr> </head> <tbody id="content"> </tbody> </table> <div id="Pagination"></div> <!-Demo-> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html> Front-End-Seite Anzeige:
OK, dieser Blog basiert auf einem in der Entwicklung von Github Open Source -Projekt in der Entwicklung. Die Projektcode -Adresse lautet: https://github.com/u014427391/jeepatform
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.