第五章：html组件模板（推荐使用）

• 第一步：导航模板，在menu-list.js文件中添加一栏，注意id不能与以往的冲突。

  {
          id: '1',
          name: '用户管理',
          icon: 'el-icon-document-remove',
          info: '标准版的CRUD',
          childList: [
              {id: '1-1', name: '新增用户', icon: 'el-icon-plus', url: 'sa-view/users/users-add.html'},
              {id: '1-2', name: '修改用户', icon: 'el-icon-edit', url: 'sa-view/users/users-edit.html'},
              {id: '1-3', name: '用户列表', icon: 'el-icon-document-remove', url: 'sa-view/users/users-list.html'},
              {id: '1-4', name: '用户统计', icon: 'el-icon-pie-chart', url: 'sa-view/users/users-chart.html'},
          ]
      },

• 第二步：【新增】模板users-add.html。

 
   
    
    
     
     
      
       
       
       
       
       
       
      
 
        
       
 
        

          用户添加 
        
 
         
         
 
          昵称： 
           
         
 
         
 
          密码： 
           
         
 
         
 
          手机： 
           
         
 
         
 
          角色： 
           
            
            
            
           
         
 
         
 
          性别： 
           
           
             男 
            
           
             女 
            
           
         
 
         
 
           
          
            确定 
           
         
 
         
       
 
      
 
       
      
     
    
  

• 第三步：【列表】模板users-list.list。

  
   
    
     
     
      
       
       
       
       
       
       
      
 
       
 
         
        

          用户列表 
        
 
         
         
 
          用户昵称： 
           
         
 
         
 
          注册日期： 
           - 
           
         
 
         
 
          
            查询 
           
         
 
         
 
          
 
           综合排序： 
            
            
              注册时间 
             
            
              最近登录 
             
            
              登陆次数 
             
            
              最近签到 
             
            
              签到次数 
             
            
          
 
 
         
         
         
        
 
         
           新增 
          
         
           查看 
          
         
           删除 
          
         
           导出 
          
         
           重置 
          
        
 
         
         
          
          
          
           
          
          
           
          
          
          
          
          
           
          
          
           
          
         
         
        
 
          
          
        
 
       
 
      
 
       
      
     
    
  

• 第四步：【编辑】模板users-edit.list。

 
   
    
    
     
     
      
       
       
       
       
       
       
      
 
        
       
 
        

          用户修改 
        
 
         
         
 
          昵称： 
           
         
 
         
 
          密码： 
           
         
 
         
 
          手机： 
           
         
 
         
 
          角色： 
           
            
            
            
           
         
 
         
 
          性别： 
           
           
             男 
            
           
             女 
            
           
         
 
         
 
           
          
            确定