Introduction à Layui
Layui est un cadre d'interface utilisateur adapté aux programmeurs de fond, avec de faibles coûts d'apprentissage. Interaction du format de données JSON Avant et backend, et convient également tout à fait pour le développement d'une seule page. Les amis intéressés peuvent consulter le site officiel de Layui.
Interaction de données avant et backend Layui
LayUi a son propre ensemble d'interactions de format de données spécifiques (c'est très important), et les paramètres doivent être code: 0, msg: "", compter: taille des données (int), données: "liste de données". Généralement, nous choisissons de résumer et de retourner la classe de réception.
Layui Renthor JS Demande les données
Parmi eux, le code html
<link rel = "Stylesheet" href = "static / Layui / css / LayUi.css" rel = "external nofollow" media = "all" /> <script = "text / javascrip
Code JS
LayUi.use (['Form', 'Layer', 'Table'], function () {var Table , {champ: 'name', titre: 'hommes nom'}, {champ: 'nom parent', titre: 'name de menu du parent', largeur: 150}, {champ: 'url', titre: 'menu path'}, {fiel , {Field: 'OrderNum', titre: 'tri'}, {fixe: 'droite', titre: 'opération', largeur: 180, aligner: 'Center', barre d'outils: '#toolbar'} // Pour plus de détails 'TestReload'});});Code d'arrière-plan Java
@RequestMapping ("/ list") @ResponseBody @RequiresPerMissions ("SYS: Menu: List") public Layui List (@RequestParam Map <String, Object> Params) {// Query List Data Query Query = new Query (params); List <sysmenuentity> Menulist = sysmeNeuvice.QueryList (Query); int total = sysmenUservice.QueryTotal (requête); PageUtils PageUtil = new PageUtils (Menulist, Total, Query.getLimit (), Query.getPage ()); return LayUi.data (pageUtil.getTotalCount (), pageUtil.getList ()); }Code d'outil Layui
La classe publique LayUi étend HashMap <String, Object> {public static LayUi Data (entier Count, List <?> Data) {LayUi r = new LayUi (); r.put ("code", 0); r.put ("msg", ""); R.put ("Count", comte); r.put ("data", données); retour R; }}PageUtils est facultatif ici, vous pouvez l'encapsuler vous-même
@Datapublic Class PageUtils implémente Serializable {private static final long SerialVersionUID = -1202716581589799959l; // Total Records Private int totalCount; // Nombre d'enregistrements par page Private int pagesize; // pages totales privative int totalpage; // Nombre de page actuelle private int CurrPage; // Liste des données Liste privée <?> Liste; / ** * Page * @param List List Data * @param TotalCount Total Records * @param PageSize Nombre of Records par page * @param CurrPage Page actuelle * / Public PageUtils (List <?> List, int totalCount, int pageSize, int CurrPage) {this.list = list; this.totalCount = totalCount; this.pagesize = pagesize; this.currPage = currPage; this.totalpage = (int) math.ceil ((double) totalCount / pagesize); }}En bref, le format de données que Layui reçoit à la fin devrait être.
L'exemple ci-dessus de l'acquisition de données d'interaction avant et dans les coulisses de Layui Java est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.