abstract：layui的登錄管理界面實(shí)現(xiàn)了模塊化搭建，就想積木拼搭而成{layout name="public/layout"}<div style="margin: auto;width: 1100px;">    <span style="margin-left:450px;font-size: 30px"&

layui的登錄管理界面實(shí)現(xiàn)了模塊化搭建，就想積木拼搭而成

{layout name="public/layout"}
<div style="margin: auto;width: 1100px;">
   <span style="margin-left:450px;font-size: 30px">菜單列表</span>
   <form action="" class="layui-form">
       {if condition="$pid>0"}
       <button class="layui-btn layui-btn-sm" style="float: right;margin-top: 15px;"
               onclick="back({$backid});return false;">返回上級(jí)
       </button>
       {/if}
       <input type="hidden" name="pid" id="pid" value="{$pid}">
       <table class="layui-table">
           <colgroup>
               <col width="150">
               <col width="200">
               <col>
           </colgroup>
           <thead>
           <tr>
               <th>菜單id</th>
               <th>排序</th>
               <th>標(biāo)題</th>
               <th>控制器名</th>
               <th>方法名</th>
               <th>隱藏</th>
               <th>禁用</th>
               <th>子菜單</th>
           </tr>
           </thead>
           <tbody>
           {volist name="$datas" id="vo"}
           <tr>
               <td>{$vo.mid}</td>
               <td><input type="text" class="layui-input" value="{$vo.ord}" name="ords[{$vo.mid}]"></td>
               <td><input type="text" class="layui-input" value="{$vo.title}" name="titles[{$vo.mid}]"></td>
               <td><input type="text" class="layui-input" value="{$vo.controller}" name="controllers[{$vo.mid}]"></td>
               <td><input type="text" class="layui-input" value="{$vo.method}" name="methods[{$vo.mid}]"></td>
               <td><input type="checkbox" lay-skin="primary" name="ishiddens[{$vo.mid}]" {$vo.ishidden?'checked':''}
                   value=1>
               </td>
               <td><input type="checkbox" lay-skin="primary" name="status[{$vo.mid}]" {$vo.status?'checked':''}
                   value=1>
               </td>
               <td>
                   {if condition="$pid==0"}
                   <button class="layui-btn layui-btn-sm" onclick="child({$vo.mid});return false;">子菜單</button>
               </td>
               {/if}
           </tr>
           {/volist}
           <tr>
               <td>新增菜單</td>
               <td><input type="text" class="layui-input" name="ords[0]"></td>
               <td><input type="text" class="layui-input" name="titles[0]"></td>
               <td><input type="text" class="layui-input" name="controllers[0]"></td>
               <td><input type="text" class="layui-input" name="methods[0]"></td>
               <td><input type="checkbox" lay-skin="primary" name="ishiddens[0]" value="1">
               </td>
               <td><input type="checkbox" lay-skin="primary" name="status[0]" value="1">
               </td>
               <td></td>
           </tr>
           </tbody>
       </table>
       <div style="padding-left:45%;">
           <button class="layui-btn" onclick="save();return false;">保存</button>
       </div>
   </form>
</div>
<script>
   function save() {
       $.post('/index.php/admin/Menu/menu', $('form').serialize(), function (res) {
           res = $.parseJSON(res);
           if (res.code > 0) {
               layer.alert(res.msg, {'icon': 2});
           } else {
               layer.msg(res.msg, {'icon': 1});
               setTimeout(function () {
                   window.location.reload();
               }, 1000);
           }
       }, 'json');
   }

   function child(pid) {
       window.location.href = "/index.php/admin/Menu/menuIndex?pid=" + pid;
   }

   function back(backid) {
       console.log({$backid});
       window.location.href = "/index.php/admin/Menu/menuIndex?pid=" + backid;
   }
</script>

Correcting teacher：天蓬老師Correction time：2019-04-27 17:33:23
Teacher's summary：layui是近幾年在國(guó)內(nèi)比較流行的一個(gè)前端框架, 主要用來(lái)后臺(tái)開發(fā), 當(dāng)然也可以用來(lái)寫前臺(tái), 不過(guò), 現(xiàn)在有商業(yè)化的趨勢(shì), 有些功能開始收費(fèi)了, 要留意