Данные Spring JPA+Springmvc+jQuery.pagination.js Реализация Пример страниц

Этот блог представляет функцию странификации на основе фреймворка ORM Spring Data Plus Plus jQuery.pagination.

Этот блог основан на разработке проекта с открытым исходным кодом GitHub. Адрес кода проекта: https://github.com/u014427391/jeepatform

Добро пожаловать в Star (коллекция) или скачать, чтобы учиться, и она все еще развивается ...

Ввести структуру данных Spring

Данные пружины: подпроект пружины. Используется для упрощения доступа к базе данных и поддержки NOSQL и хранилища реляционных данных.

Ниже приведено хранилище NOSQL, поддерживаемое проектом SpringData:

* Mongodb (база данных документов)
* Neo4j (графическая база данных)
* Redis (Key/Value Store)
* HBASE (база данных семейства столбцов)

Технологии хранения данных, поддерживаемые проектами SpringData:

* JDBC
* JPA

Данные пружины JPA: посвящены уменьшению объема разработки уровня доступа данных (DAO). Разработчики просто должны написать интерфейс слоя Persistence, а затем другие структуры помогут программистам реализовать их.

Шаги развития:

【Данные пружины реализуют сборы данных】

Этот проект использует 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/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd "> <parent> <ratifactid> muses </artifactid> <groupid> org.muses </GroupId> <sersive> 1.0-snapshot </version> </parent> <doldenversion> 4.0.0 </modelverse>. <ratfactid> jeepartform-admin </artifactid> <badgaging> War </packaging> <mame> 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.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.2.3 </airshorshion. <lucene.version> 4.7.2 </lucene.version> <druid.version> 1.0.9 </druid.version> <poi.version> 3.7 <serse> $ {jeepatform.core.version} </version> </dependency> <dependency> <groupid> org.muses </groupid> <artifactid> jeepatform-common </artifactid> <sersive> 1.0-snapshot </version> </depertify> <dependency> <groupid> org.muses </GroupD> <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-> <Dependency> <groupId> javax.servlet </GroupId> <ArtifactId> Servlet-API </artifactid> <sersive> 2.5 </version> <scope> предоставлен </scope> </depertive> <!-ervlet end-> <!-JSTL Start-> <DepectiD> <groupId> jstl </GroupD> <sersive> 1.2 </version> </dependency> <Dependency> <groupId> Taglibs </GroupId> <straCactId> standard </artifactid> <sersive> 1.1.2 </version> </depertive> <!-jstl end-> <!-log4j start-> <DeyEdency> <groupId> log4j </GroupD> <! <serse> $ {log4j.version} </version> </deperency> <!-log4j end-> <!-json, требуемый jar start-> <dependency> <groupid> commons-beanutils </GroupId> <artifactid> commons-beanutils </artifactid> <series> 1.8.3 </version> </vehysency> </artifactid> <series> 1.8 <groupId> commons-collections </GroupId> <straCactId> Commons-Collections </artifactId> <serse> 3.2.1 </version> </depervice> <depervice> <groupid> net.sf.ezmorph </GroupId> <ratifactid> ezmorph </artifactid> <seriate> 1.0.6 </версия> </resemend> </artifactid> <seriate> 1.0.6 </версия> </rehtipency> </artifactid> <seriate> 1.0.6 </версия> </Artifactid> <seriate> 1.0. <groupId> commons-lang </GroupId> <ArtifactId> commons-lang </artifactid> <serse> 2,5 </version> </depervice> <dependency> <groupid> commons-logging </GroupId> <ratifactid> commons-logging </artifactid> <sersive> 1.2 </version> </repertive> <зависимость> <GroupId> net.Jsshishshishshis> №. <StrifactId> json-lib </artifactid> <sersion> 2.4 </version> <Тип> jar </type> <classicifier> jdk15 </classicifier> <cerpope> compile </scope> </depertive> <!-jar end, необходимый для парирования json-> <!-mysql start-> <grade> <groupd> mysql </> <! <Artifactid> mysql-connector-java </artifactid> <sersion> $ {mysql.version} </version> </depervice> <!-mysql end-> <!-commons-> <dependency> <sersiad> 2.0.111 </armons> </arsemence> </arsemency> </arsemency> </arsemency> </arsemency> </rehtive> <//armons>. <groupId> commons-fileUpload </GroupId> <StrifactId> commons-fileUpload </artifactId> <sersion> 1.2.2 </version> </vehyse> <!-Commons-> <!-Spring Framework Start-> <Depective> <groupiD> org.springFramework </artifactid> <deply-core </artifactid> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-beans</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework</groupId> <StrifactId> Spring-Context </artifactId> <sersion> $ {Spring.version} </version> </degifacty> <dependency> <groupd> org.springframework </GroupId> <artifactid> spring-context-support </artifactid> <sersion> $ {Spring.version} </версия> </repertency> <bery> </repertency> </artifactid> $ {Spring.version} </версия> </версия> </версия> </версия> </версия> </версия> </версия> </very> </artifactid> <sersion> $ <groupId> org.springframework </GroupId> <ArtifactId> Spring-JDBC </artifactId> <sersion> $ {Spring.version} </version> </resemend> <Depective> <groupId> org.springframe </GroupD> <ratifactid> Spring-tx </artifactid> <serse> $ {Spring. <dependency> <groupid> org.springframework </groupid> <artifactid> Spring-test </artifactid> <serse> $ {spring.version} </version> <cracpe> test </scope> </repertive> <deyedency> <groupid> org.spramework </GroupId> <ratifactId> spring-webactid> artifactid> </GroupId> <ratifactId> <DegifactId> </artifactid> <DeprageId> org.spramework </GroupId> </artifactid> <sersion> $ {spring.version} </version> </depervice> <!-Spring Framework End-> <!-Spring Aop Start-> <DepeCted> <groupId> org.springframework </GroupId> <ratifactId> Spring-aop </artifactid> <версию> {spring.version} </versement> </resemend> <pervice> <pervicty> <pervicty> <pervicty> <pervicty> <pervicty> </artifactid> $ <strifactid> AspectJweaver </artifactid> <sersive> 1.6.10 </version> </vehyederian> <!-Spring Aop End-> <!-Springmvc Start-> <Dependency> <groupId> org.springframework </GroupD> <strifactid> spring-webmvc </artifactid> <serse> $ {spring. <!-Springmvc End-> <!-Spring Data Start-> <depervice> <groupid> org.springframework </GroupId> <artifactid> spring-orm </artifactid> <sersion> $ {spring.version} </version> </getyed> <deyedery> <groupid> org.spramework.data> <artifactid> Spring-Data-jpa </artifactid> <serse> $ {Spring-Data-jpa.version} </version> </depervice> <dependency> <groupid> org.springframework.data </GroupId> <strifactid>-commons </artifactid> <serse> $ </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> <groupId>org.hibernate</groupId> <artifactid> hibernate-core </artifactid> <sersive> $ {hibernate.version} </version> </depervice> <deyedency> <groupid> org.hibernate </GroupId> <ratifactId> Hibernate-EntityManager </artifactid> <sersion> $ {hibernate.version} </verseernemence> </artifactid> <sersion> $ {hibernate.version} </verseerne> End-> <!-Hibernate Echache Start-> <Dependency> <groupId> org.slf4j </GroupId> <artifactId> slf4j-api </artifactid> <sersion> 1.6.1 </version> </artifactId> ehCachACHATE> EHCACHATEID> </artifactId> </artifachActe> <serse> 2.5.0 </version> </resegency> <DegyEndency> <groupId> org.hibernate </GroupId> <artifactid> hibernate-ehcache </artifactid> <sersion> $ {hibernate.version} </версия> </зависимость> <!-hibernate echache End-> <!-Alibaba. <groupId> com.alibaba </GroupId> <ratifactId> Druid </artifactid> <serse> $ {druid.version} </version> </gehyse> <!-Alibaba Pool Connection Bool Druid End-> <!-Hibernate echache End-> <!-Hibernate echache echache-> <!-hibernate echache-> <!-hibernate echache echache-> <! Pool Druid End-> <!-Shiro Start-> <Dependency> <groupId> org.apache.shiro </GroupId> <ArtifactId> shiro-all </artifactid> <sersion> $ {shiro.version} </version> </depervice> <!-shiro end-> <!-Velocity start-> <Deginency> <GroupId> или Group. <artifactId>velocity</artifactId> <version>1.6</version> </dependency> <dependency> <groupId>org.apache.velocity</groupId> <artifactId>velocity-tools</artifactId> <version>2.0</version> </dependency> <!-- velocity end--> <!-- lucene full text search engine start--> <dependency> <groupId> org.apache.lucene </GroupId> <ArtifactId> lucene-core </artifactid> <sersion> $ {lucene.version} </version> </degifacty> <dehyed> <groupid> org.apache.lucene </Ground> <artifactid> lucene-analyzers-common </artifactid> <strifactid> lucene-analyzers-common </artifactid> <artifactid> lucene-analyzers-common </artifactid> <strifactid> lucene-analyzers-common </artifactid> <sersion> $ {lucene.version} </version> </deperency> <Dependency> <groupid> org.apache.lucene </GroupId> <artifactid> lucene-queryparser </artifactid> <sersion> $ {lucene.version} </version> </repertinend> <dependence> <groupd> org.apache. <artifactId>lucene-memory</artifactId> <version>${lucene.version}</version> </dependency> <dependency> <groupId>org.apache.lucene</groupId> <artifactId>lucene-highlighter</artifactId> <version>${lucene.version}</version> </dependency> <!-- Note that IKAnalyzer does not have Maven координаты, пожалуйста, добавьте их в локальный репозиторий самостоятельно -> <Depective> <groupid> org.wltea.analyzer </GroupId> <strifactid> ikanalyzer </artifactid> <sersion> 2012ff_u1 </version> <compope> </scope> <SystemPath> $ {basedir} /src/main/webapp/web-inf/lib/ikanalyzer2012ff_u1.jar </systempath> </getyederiation> <!-Lucene Полный текстовый поисковый End-> <!-log4j start-> <dehyed> <groupid> log4j </GroupD> <! <serse> $ {log4j.version} </version> </deperency> <!-log4j end-> <!-json, требуемый jar start-> <dependency> <groupid> commons-beanutils </GroupId> <artifactid> commons-beanutils </artifactid> <series> 1.8.3 </version> </vehysency> </artifactid> <series> 1.8 <groupId> commons-collections </GroupId> <straCactId> Commons-Collections </artifactId> <serse> 3.2.1 </version> </depervice> <depervice> <groupid> net.sf.ezmorph </GroupId> <ratifactid> ezmorph </artifactid> <seriate> 1.0.6 </версия> </resemend> </artifactid> <seriate> 1.0.6 </версия> </rehtipency> </artifactid> <seriate> 1.0.6 </версия> </Artifactid> <seriate> 1.0. <groupId> commons-lang </GroupId> <ArtifactId> commons-lang </artifactid> <serse> 2,5 </version> </depervice> <dependency> <groupid> commons-logging </GroupId> <ratifactid> commons-logging </artifactid> <sersive> 1.2 </version> </repertive> <зависимость> <GroupId> net.Jsshishshishshis> №. <StrifactId> json-lib </artifactid> <sersion> 2.4 </version> <Тип> jar </type> <slassifier> jdk15 </classicifier> <cerpope> compile </scope> </repertive> <!-json parsing end-> <!-poi start-> <dependency> <groupd> org.apache.p <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> <buld> <finalname> jeepatform-admin </finalname> </build> </project>

Создайте базу данных и напишите класс объектов:

 пакет org.muses.jeepatform.model.entity; import java.util.date; импорт java.util.set; import javax.persistence.cascadetype; импорт javax.persistence.column; import javax.persistence.entity; import javax.persistence.fetchtype; javax.persistence.generatedValue; импорт javax.persistence.generationtype; импорт javax.persistence.id; import javax.persistence.joincolumn; импорт javax.persistence.jointable; импорт javax.persistence.manytomany; импорт. javax.persistence.tempaltype;/***Класс объектов информации пользователя*@author nicky*/@entity@table (name = "sys_user") Пользователь открытого класса {/** Идентификатор пользователя **/private int id; / ** Имя пользователя **/ Private String UserName; / ** Пароль пользователя **/ Private String Password; / ** Номер мобильного телефона **/ Private Int Phone; / ** Пол **/ Частный строковый секс; / ** Электронная почта **/ Private String Email; / ** ПРИМЕЧАНИЕ **/ Private String Mark; / ** Пользовательский уровень **/ Private String Rank; / ** в последний раз **/ частная дата LastLogin; / ** Вход IP **/ Private String Loginip; / ** Путь изображения **/ private String ImageUrl; / ** Время регистрации **/ частная дата Regtime; / ** заблокирована ли учетная запись **/ 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 пароль; } public void setPassword (String password) {this.password = password; } public int getPhone () {return Phone; } public void SetPhone (int Phone) {this.phone = phone; } @Column (длина = 6) public String getSex () {return sex; } public void setsex (строка Sex) {this.sex = sex; } @Column (длина = 100) public String getemail () {return Email; } public void setEmail (string email) {this.email = 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 (themeraltype.date) Публичная дата getlastlogin () {return lastlogin; } public void setlastlogin (дата LastLogin) {this.lastlogin = lastlogin; } @Column (длина = 100) public String getLoginip () {return loginip; } public void setLoginip (строка loginip) {this.loginip = loginip; } @Column (длина = 100) public String getimageurl () {return imageUrl; } public void setimageUrl (String ImageUrl) {this.ImageUrl = imageUrl; } @Temporal (themeraltype.date) @column (nullable = false) Публичная дата getregtime () {return reftime; } public void setRegtime (date reftime) {this.regtime = reftime; } public boolean getlocked () {return locked; } public void setlocked (boolean locked) {this.locked = locked; }}

Напишите интерфейс для реализации интерфейса PagingandSortingRepository Framework Data Data

 пакет org.muses.jeepartform.repository; import org.muses.jeepartform.model.entity.user; import org.springframework.data.domain.page; import org.springframework.data.domain.pagable; import org.spramework.data.domain org.springframework.data.jpa.repository.jparepository; import org.springframework.data.repository.query; импорт org.springframework.data.Repository.pagingandSortingRepository; импорт org.spramework.data.RepoStory.query.Postory.Postory.Postory.Postory.Postory.Postory.Postory.Postory.Postory.Postory. java.util.date; публичный интерфейс userRepository расширяет PagingandSortingRepository <user, integer> { /*user findbyusername (String username); @Query («От пользователя u, где u.username =: username и u.password =: пароль») пользователь findbyusernameandpassword (@param ("username") String username, @param ("пароль") String password); @Query ("От пользователя u, где u.id =: id") пользователь findbyId (@param ("id") int id); @Query («От пользователя u, где date_format (u.lastlogin, 'yyyy-mm-dd') между date_format ((: startDate), 'yyyy-mm-dd') и date_format ((: enddate), 'yyyy-mm-dd')") страница <user> (@param (@partdate "). EndDate, Pagable Pagable);*/}

Внедрение бизнес -класса:

 пакет org.muses.jeepatform.service; import java.util.*; import org.muses.jeepatform.model.entity.user; импорт org.muses.jeepatform.repository.userRepository; импорт org.spramework.beans.Annotation.Autowired; org.springframework.data.domain.page; import org.springframework.data.domain.pageRequest; импорт org.springframework.data.domain.sort; импорт org.springframework.data.jpa.domain.speciation; импорт org.springframe.stepe.Serse.Service.Service.Service.Service.Service.Service.Service.Service.Service.Service.Scerpe.Service.Serty.Service.Service.Service.S. org.springframework.transaction.annotation.transactional; import javax.persistence.criteria.criteriabuilder; import javax.persistence.criteria.criteriaquery;/*** @descript userRepository; / ** * Построить объект 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, размер, нулевой, строка); } /** * 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); Page <user> users = userRepository.findall (request); вернуть пользователей; }}

Класс управления принимает структуру SpringMVC, сначала напишите базовый контроллер для реализации некоторых общих функций:

 пакет org.muses.jeepatform.web.controller; import javax.servlet.http.httpservletrequest; import org.slf4j.logger; import org.slf4j.loggerfactory; import.springframework.web.context.Request.RequestConteRexTHOLDER; org.springframework.web.context.request.servletrequestattributes; Import org.springframework.web.servlet.modelandView; открытый класс BaseController {logger log = null; / *** Получить объект журнала* @return*/ public logger getInstance () {if (log == null) {log = loggerFactory.getLogger (baseController.class); } return Log; } / *** Получить объект запроса* / public httpservletRequest getRequest () {httpservletRequest request = ((servletrequestattributes) requestContexTholder.getRequestattributes ()). GetRequest (); запрос на возврат; } / ** * GET MODELANDVIEW * / public ModelAndView getModelandView () {return new ModelAndView (); }}

Реализация класса управления:

 пакет org.muses.jeepatform.web.controller; import net.sf.json.jsonarray; import net.sf.json.jsonobject; импорт net.sf.json.jsonconfig; import org.apache.commons.collections.map.hashedmap; import org.muses.jeeptform.core.core.core.core.core.core.core.core.core.core.core.core.core.core.core. org.muses.jeepatform.core.excelviewwrite; import org.muses.jeepatform.core.javaemailsender; import org.muses.jeepatform.model.entity.user; импорт org.muses.jeepatform.service.userService; org.muses.jeepatform.utils.datejsonvalueprocessor; import org.muses.jeepatform.utils.dateutils; импорт org.springframework.beans.factory.annotation.autowired; импорт org.spramework.data.domain.domain.domainerameramewramework.datarmaine.datramerameramework.dathormain. org.springframework.steretype.controller; import org.springframework.ui.model; import org.springframework.web.bind.annotation.requestmapping; импорт org.springframe.web.bindtation.requestparam; org.springframework.web.bind.annotation.responsebody; импорт org.springframework.web.servlet.modelandView; импорт javax.servlet.http.httpservletrequest; import javax.servlet.htp.httpservessesponse; imporm.io.io.io.io.io.io.io. java.util.*;/*** Создан Ники на 2017/7/29. */@Requestmapping ("/user")@controllerpublic class usercontroller extends 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"); // количество страниц на страницу int pageize = constants.page_size; ModelandView MV = this.getModelandView (); Страница <пользователь> пользовательская страница; if (pageindexstr == null || ". } 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 (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; }}

【Реализация страниц фронтальной страницы】

Реализация просмотра страницы, см. JQuery.pagination.js (Pagination JS) и Pagination.css (CSS в стиле страниц).

Вы можете скачать его здесь: //www.vevb.com/article/105013.htm

 <%@ page contentype = "text/html; charset = utf-8" pageencoding = "utf-8"%> <%@ taglib prefix = "c" uri = "http://java.sun.com/jsp/jstl/core"%> <%@ 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"> <голова> <base href = "<%= basepath%>" rel-nof nof nof nof nof nof nof nof nof nof nof noflol charset = "utf-8"/> <meta http-equiv = "x-ua-совместимый" content = "ie = edge"> <meta name = "viewport" content = "width = width device, начальная масштаба = 1"> <Title> вставьте название здесь </title> <!-Стиль Bootstrap-> <link/"text/css" relsehetshet styleshet " href = "<%= basepath%> плагины/page/css/bootstrap-3.3.5.min.css" rel = "внешний nofollow"/> <!-Требуется CSS для jQuery.pagination-> <Link Type = "Text/CSS" rel = "stylesshipe" href = "<%= basepath%> pag/css/pagin.c. nofollow "/> <script type =" text/javascript "src =" <%= basepath%> plugins/page/js/jquery.min.js "> </script> <!-js, требуемый для jQuery.pagination, что он должен быть помещен за jquery.js-> <script type =" text/javascript " src = "<%= basepath%> плагины/page/js/jquery.pagination.js"> </script> <script type = "text/javascript">/** Для операций под пьеса используйте плагин jquery.pagination Add By Page170729 start **/// current page varIndex = номер ($ {PageIndex}); // Количество данных var totalCount = число ($ {totalCount}); $ (document) .ready (function () {// Привязка к Paging $ ("#pagination"). Pagination (TotalCount, {Callback: pageselectcallback, prev_text: '<предыдущая страница', next_text: 'next page>', items_page: 6, num_display_entries: 6, current_page: pageindex_eder_entrie_to_entre «user/Queryall? PageIndex = __ ID__» // obj.email; "<td>"+mark+"</td>"+"<td>"+phone+"</td>"+"<td>"+email+"</td>"+"<td>"+lastlogin+"</td>"+"<td>"+"</td>" </td> "+" href = 'javascript: openeditdialog ("+id+"); // Это событие является функцией pageselectcallback (index, jq) {}/** Операция лиц, используя плагин jQuery.pagination Add by nicky 20170729 End **/// Checkbox All/Anti-Select var ischeckall = false; function docheck () {if (ischeckall) {$ ("input [type = 'fackbox']"). Каждый (function () {this.checked = false;}); ischeckall = false; } else {$ ("input [type = 'fackbox']"). Каждый (function () {this.checked = true;}); ischeckall = true; }} </script> </head> <body> <br> <div> <div> <div> <div> <form> <input type = "cutting" value = "Отправить почту" onclick = "sendemail ();" /> <input type = "button" value = "sendsms ();" /> <input type = "button" value = "exportexcel таблица" onclick = "exportexcel ();" /> <br> <br> <!-<input type = "text" id = "Keyword" Placeholder = "Пожалуйста, введите ключевое слово"> date от <input type = "text" Placeholder = "Пожалуйста, введите дату начала" value = "$ {startDate}" id = "startDate" name = "startDate" onClick = "wdatePicker ({dateFMT: 'yyyy-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-name , maxDate: '#f {$ dp. $ d (/' enddate/')}'}); "/> to <input type =" text "Placeholder =" Пожалуйста, введите дату окончания "value =" $ {endDate} "id =" endDate "name =" endDate "onClick =" wdatePicker ({dateFMT: 'yyyy-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-mm-inclick = " , mindate: '#f {$ dp. $ d (/' startdate/')}'}); " /> <input type = "button" value = "search" onclick = "dosearch ();"/>-> </form> <table id = "mtable"> <thead> <tr> <th> <input type = "cheplobe" onclick = "doCheck ();" /> </th> <Th> серийный номер </th> <Th> Имя пользователя </th> <Th> Описание </th> <Th> Mobile </th> <Th> Электронная почта </th> <Th> Последний логин </th> <Th> Последний логин ip </th> <Th> </th> </tr> </head> <Tbody ID = "> </tbody> </th> </tr> </Head> <Tbody ID ="> </tbody> </th> </tr> </head> <tbody = "> </tbody> </th> </tr> </head> <tbody id =" </tbody> </th> </tr> </thbode> <tbody id = "> <!-demo-> </div> </div> </div> </div> </div> </div> </div> </div> </body> </html>

Фронтовая страница Дисплей:

ОК, этот блог основан на разработке проекта с открытым исходным кодом GitHub. Адрес кода проекта: https://github.com/u014427391/jeepatform

Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.