Maison > interface Web > Tutoriel Layui > le corps du texte

Comment implémenter la pagination en arrière-plan à l'aide des tables Layui

Libérer: 2020-02-05 17:24:21
avant
3286 Les gens l'ont consulté

Comment implémenter la pagination en arrière-plan à l'aide des tables Layui

Comment utiliser les tables Layui pour implémenter la pagination en arrière-plan :

<table class="layui-table" lay-data="{width: 892, height:332,url:&#39;&#39;, page:true, id:&#39;idTest&#39;}" lay-filter="demo">
  <thead>
    <tr>
      <th lay-data="{type:&#39;checkbox&#39;, fixed: &#39;left&#39;}"></th>
      <th lay-data="{field:&#39;id&#39;, width:80, sort: true, fixed: true}">id</th>
      <th lay-data="{field:&#39;menubarid&#39;, width:80}">菜单id</th>
      <th lay-data="{field:&#39;name&#39;, width:80, sort: true}">菜名</th>
      <th lay-data="{field:&#39;price&#39;, width:80}">价格</th>
      <th lay-data="{field:&#39;status&#39;, width:160}">状态</th>
      <th lay-data="{fixed: &#39;right&#39;, width:178, align:&#39;center&#39;, toolbar: &#39;#barDemo&#39;}"></th>
    </tr>
  </thead>
</table>
Copier après la connexion

Utilisez layui pour afficher et générer automatiquement les tables. Par défaut, la page des paramètres et la limite sont obtenues à partir du. le front-end dans la méthode get

int page = Integer.parseInt(request.getParameter("page"));
int limit = Integer.parseInt(request.getParameter("limit"));	
int count = menuDao.searchcount();             // 查找数据条数
int page_temp = page;
int limit_temp = limit;
if (count < page * limit) {
	limit = count - (page - 1) * limit;
}
page = (page_temp - 1) * limit_temp;
Copier après la connexion

MySQL est utilisé. Le premier consiste à rechercher le nombre de lignes et le second est l'instruction de requête de pagination. Il suffit de passer la page et la limite en deux points d'interrogation respectivement. .

 select  count(*) from menu 
select * from menu limit ?,?
Copier après la connexion

Enfin, avant de convertir en json, remplacez la valeur de count par le nombre de lignes obtenues à partir de la requête SQL.

String layjson ="{\"code\":0,\"msg\":\"\",\"count\":"+getcount()+",\"data\":["+data+"]}";
Copier après la connexion

Cet article est reproduit à partir de : https://blog.csdn.net/qq_42290276/article/details/80508332

Pour plus de connaissances sur layui, veuillez faire attention au layui tutoriel d'utilisation colonne.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!