Layui是一個簡單易用的前端框架，使用方法如下：

1. 引入Layui的CSS和JS文件：

   <link rel="stylesheet" href="path/to/layui/css/layui.css">
   <script src="path/to/layui/layui.js"></script>
   

2. 編寫HTML結構：

   <div class="layui-container">
     <!-- 此處填寫具體的HTML代碼 -->
   </div>
   

3. 使用Layui的組件：

   • 表單組件：

     <form class="layui-form" action="">
       <div class="layui-form-item">
         <label class="layui-form-label">用戶名</label>
         <div class="layui-input-block">
           <input type="text" name="username" required  lay-verify="required" placeholder="請輸入用戶名" autocomplete="off" class="layui-input">
         </div>
       </div>
       <!-- 其他表單項 -->
       <div class="layui-form-item">
         <div class="layui-input-block">
           <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
           <button type="reset" class="layui-btn layui-btn-primary">重置</button>
         </div>
       </div>
     </form>
     

   • 表格組件：

     <table class="layui-table">
       <colgroup>
         <col width="150">
         <col width="200">
         <col>
       </colgroup>
       <thead>
         <tr>
           <th>列1</th>
           <th>列2</th>
           <th>列3</th>
         </tr>
       </thead>
       <tbody>
         <tr>
           <td>內容1</td>
           <td>內容2</td>
           <td>內容3</td>
         </tr>
         <!-- 其他表格數據 -->
       </tbody>
     </table>
     

   • 彈窗組件：

     <button class="layui-btn" id="btn">彈出層</button>
     <script>
       layui.use('layer', function(){
         var layer = layui.layer;
         layer.open({
           type: 1,
           title: '這是一個彈窗示例',
           area: ['500px', '300px'],
           content: '可以在這里填寫彈窗的內容'
         });
       });
     </script>
     

以上是Layui框架的基本使用方法，根據具體的需求可以深入學習Layui的其他組件和功能。