مقدمة إلى لوي
Layui هو إطار واجهة المستخدم مناسب لمبرمجي الخلفية ، مع انخفاض تكاليف التعلم. JSON تنسيق بيانات التفاعل الأمامي والخلفي ، كما أنه مناسب تمامًا للتطوير من صفحة واحدة. يمكن للأصدقاء المهتمين الاطلاع على الموقع الرسمي ل Layui.
لايوي تفاعل بيانات الواجهة الخلفية والخلفية
لدى Layui مجموعة خاصة من تفاعلات تنسيق البيانات المحددة (هذا مهم للغاية) ، ويجب أن تعرض المعلمات رمز: 0 ، msg: "" ، العد: حجم البيانات (int) ، البيانات: "قائمة البيانات". بشكل عام ، نختار تغليف فئة الاستلام وإرجاعها.
لايوي مكتب الاستقبال يطلب البيانات
من بينها ، رمز HTML
<link rel = "stylesheet" href = "static/layui/css/layui.css" rel = "خارجي nofollow" media = "all"/> <script type = "text/javascript" src = "static/layui/layui.js
رمز JS
layui.use (['form' ، 'layer' ، 'table'] ، function () {var table = layui.table ، form = layui.form ، $ = layui. $ ؛ table.render ({elem: '#test' // binding table id ، url: 'sys/menu/list' // data request dative path ، ، {Field: 'name' ، title: 'men name'} ، {field: 'ParentName' ، title: 'parent menu name' ، width: 150} ، {field: 'url' ، title: 'menu path'} ، {field: 'perms' ، title: "menuriss} ، ، {الحقل: 'ordernum' ، العنوان: 'sorting'} ، {ثابت: 'right' ، العنوان: 'العملية' ، العرض: 180 ، محاذاة: "المركز" 'testreload'}) ؛}) ؛رمز خلفية جافا
requestmapping ("/list") responsebodyrequirespermissions ("sys: menu: list") قائمة layui العامة ( @requestparam map <string ، object> params) {// قائمة الاستعلام استعلام البيانات = استعلام جديد (params) ؛ قائمة <SysMenuentity> menulist = sysmenuservice.querylist (Query) ؛ int total = sysmenuservice.queryTotal (Query) ؛ pageUtils pageUtil = new pageUtils (menulist ، total ، query.getLimit () ، query.getPage ()) ؛ return layui.data (pageutil.getToTalCount () ، pageutil.getList ()) ؛ }رمز أداة Layui
يمتد الفئة العامة Layui HashMap <String ، Object> {Public Static Layui Data (عدد عدد صحيح ، قائمة <؟> Data) {layui r = new layui () ؛ R.Put ("Code" ، 0) ؛ R.Put ("MSG" ، "") ؛ R.Put ("العد" ، العد) ؛ R.Put ("البيانات" ، البيانات) ؛ العودة ص. }}PageUtils اختياري هنا ، يمكنك تغليفه بنفسك
datapublic class pageUtils تنفذ {private static static Final Long SerialVersionuid = -1202716581589799959L ؛ // Total Records Private Int TotalCount ؛ // عدد السجلات لكل صفحة pagesize pagesize ؛ // إجمالي الصفحات Private Int TotalPage ؛ // عدد الصفحة الحالية int currpage ؛ // قائمة البيانات الخاصة بقائمة <؟> ؛ / *** الصفحة* param قائمة قائمة البيانات* param totalCount Total Records* param pagesmize عدد السجلات لكل صفحة* param currpage الصفحة الحالية*/ public pageutils (قائمة <؟ this.totalCount = TotalCount ؛ this.pagesize = pagesize ؛ this.currpage = currpage ؛ this.totalPage = (int) math.ceil ((double) totalCount/pagesize) ؛ }}باختصار ، يجب أن يكون تنسيق البيانات الذي يتلقاه Layui في النهاية.
المثال أعلاه لاكتساب بيانات التفاعل الأمامي والخلف في Layui ، Java هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.