第五章：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。

    
    
    
    
    
    
    
    
    
    
    
    



    
    

        
用户修改
        
            

                昵称：
                
            
            

                密码：
                
            
            

                手机：
                
            
            

                角色：
                
                    
                    
                    
                
            
            

                性别：
                
                    男
                    女
                
            
            

                
                确定