一 關(guān)于表格的渲染
就拿user用戶(hù)管理為例

渲染數(shù)據(jù)的方法

這里用01做說(shuō)明

首先在頁(yè)面部分找到如下代碼

此部分的數(shù)據(jù)由js中 

原來(lái)這里的url指向的是這個(gè)地址
仿照這里面的數(shù)據(jù)格式 咱們后臺(tái)返回一下數(shù)據(jù)

public function test(){$list = DB::table('g_member')->field('userid,username,avatar,mobile as phone,email,gender as sex,regip as ip,regtime as jointime')->select();$arr['data'] = $list;$arr['code'] = 0;$arr['msg'] = 'success';$arr['count'] = count($list);$list = $arr;//數(shù)據(jù)渲染static/layuiadmin/module/useradmin.jsreturn $list;die;}

然后將js里面的url地址 改成請(qǐng)求這個(gè)接口的地址
這樣就可以渲染數(shù)據(jù)了

二 編輯頁(yè)面相關(guān)

1 首先將打開(kāi)的頁(yè)面路徑改為后臺(tái)指定頁(yè)面的地址2 后臺(tái)返回詳情數(shù)據(jù)3 數(shù)據(jù)回顯

前臺(tái)頁(yè)面單選框部分

<div class="layui-input-block"><input type="radio" name="sex" value="男" title="男" checked ><input type="radio" name="sex" value="女" title="女" ></div> layer.open({type: 2,title: '編輯用戶(hù)',content: 'edit'//../../../views/user/user/userform.html,maxmin: true,area: ['500px', '450px'],btn: ['確定', '取消'],yes: function(index, layero){var iframeWindow = window['layui-layer-iframe'+ index],submitID = 'LAY-user-front-submit',submit = layero.find('iframe').contents().find('#'+ submitID);//監(jiān)聽(tīng)提交iframeWindow.layui.form.on('submit('+ submitID +')', function(data){var field = data.field; //獲取提交的字段//提交 Ajax 成功后，靜態(tài)更新表格中的數(shù)據(jù)//$.ajax({});table.reload('LAY-user-front-submit'); //數(shù)據(jù)刷新layer.close(index); //關(guān)閉彈層}); submit.trigger('click');}//數(shù)據(jù)回顯 2020/4/24 新增,success: function(layero, index){//數(shù)據(jù)回顯 2020/4/24 新增 開(kāi)始layer.iframeAuto(index);console.log(data);//編輯頁(yè)面回顯數(shù)據(jù)====關(guān)鍵部分var body = layer.getChildFrame('body', index);body.contents().find("#username").val(data.username);body.contents().find("#phone").val(data.phone);body.contents().find("#email").val(data.email);body.contents().find("#avatar").val(data.avatar);var sex = data.sex;body.find("input[name=sex][value=男]").attr("checked", data.sex == "1" ? true : false);body.find("input[name=sex][value=女]").attr("checked", data.sex == "2" ? true : false);//form.render();}});

注意新增內(nèi)容 根據(jù)具體情況 將內(nèi)容進(jìn)行回顯

總結(jié)

以上是生活随笔為你收集整理的关于layuiadmin使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。