Введение в Лейуи
Layui - это структура пользовательского интерфейса, подходящая для фоновых программистов, с низкими затратами на обучение. JSON FORMAT FORMAT FORTACTION INTRACTION и Backend, а также вполне подходит для разработки на одну страницу. Друзья, которые заинтересованы, могут проверить официальный сайт Layui.
Layui Front и Backend Data Interaction
Layui имеет свой собственный набор конкретных взаимодействий формата данных (это очень важно) и должен параметры кода: 0, MSG: «», Count: размер данных (int), данные: «Список данных». Как правило, мы решили инкапсулировать и вернуть класс приема.
Данные запроса на стойку регистрации Layui JS
Среди них код HTML
<link rel = "styleSheet" href = "static/layui/css/layui.css" rel = "внешний nofollow" media = "/> <script type =" text/javascript "src =" static/layui/layui.js "> </script> <trc =" test "test" table = "таблица> </table"> </table "> </table"> </table "> </table"> </table "> </table"> </table "> </table"> </table "> </table"> </table "> </script> <tal id ="
JS -код
layUi.use (['form', 'layer', 'table'], function () {var table = layui.table, form = layui.form, $ = layui. $; table.render ({elem: '#test' // идентификатор таблицы связы , {Field: «Имя», заголовок: 'Men name'}, {Field: 'parentName', название: «Имя меню родителей», ширина: 150}, {Field: 'url', название: «Путь меню»}, {Field: 'perms', title: 'Menu Rely'}, {field: 'type', title: 'type'}, {efile 'e Title' e Title '} ,{field:'orderNum', title:'sorting'} ,{fixed: 'right', title: 'operation', width:180, align:'center', toolbar: '#toolBar'}//For details, please check the layui official website]] ,page: true //Open paging, limit:10 //Default ten data one page, limits:[10,20,30,50] //Data paging bar, id: 'testReload'});});Java фоновый код
@RequestMapping ("/list") @Responsebody @Requirespermissions ("sys: menu: list") public layui list (@requestparam map <string, object> params) {// Список запросов Query Query = new Query (params); List <sysmenuentity> Menustist = sysmenuservice.querylist (Query); int total = sysmenuservice.querytotal (запрос); Pageutils pageutil = new Pageutils (Menuist, Total, Query.getLimit (), Query.getPage ()); return layui.data (pageutil.gettotalcount (), pageutil.getlist ()); }Layui Tool Code
открытый класс Layui Extends HashMap <String, Object> {public Static LayUi Data (целое число, список <?> data) {layUi r = new LayUi (); R.Put ("code", 0); R.Put ("MSG", ""); R.Put ("count", count); R.Put («Data», Data); возврат R; }}PageUtils здесь необязательно, вы можете инкапсулировать это самостоятельно
@Datapublic class pageutils реализует serializable {private static final long serialversionuid = -1202716581589999959l; // Общие записи частные int totalCount; // количество записей на страницу Private Int PageSize; // Общая страница частная общая страница; // количество текущей страницы частной INT CurrPage; // Перечислите данные частного списка <?> List; / *** Страница* @param списка данных* @param totalcount total records* @param pageize Количество записей на страницу* @param CurrPage Текущая страница*/ public pageutils (список <?> List, int totalCount, int pagesize, int currpage) {this.list = list; this.totalcount = totalCount; this.pageize = pagesize; this.currpage = currPage; this.totalpage = (int) math.ceil ((Double) TotalCount/PageSize); }}Короче говоря, формат данных, который Layui получает в конце концов, должен быть.
Приведенный выше пример сбора данных о взаимодействии Layui и закулисной взаимодействия Java - это все контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.