Maison  >  Article  >  interface Web  >  Comment implémenter la pagination en arrière-plan à l'aide des tables Layui

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

尚
avant
2020-02-05 17:24:213301parcourir

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>

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;

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 ?,?

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+"]}";

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer