HTML小案例

目录

表格的展示

选项卡的展示和隐藏

个人资料的展开与显示

---

表格的展示

        

            

                

                

                    
书名
                    
作者
                    
出版社
                    
ISBN
                    
价格
                
                
                

                
            
        

             let tbody = $('#bookLibary');

                tbody.empty();
                $.each(response.data.data, function (index, book) {
                    let row = $('');
                    let name = $('').text(book.name);
                    let author = $('').text(book.author);
                    let publish = $('').text(book.publish);
                    let isbn = $('').text(book.isbn);
                    let price = $('').text(book.price);
                    let successBtn = $('详情');
                    let infoBtn = $('编辑');
                    let warningBtn = $('删除');
                    let btnColumn = $('').append(successBtn, infoBtn, warningBtn);
                    row.append(name, author, publish, isbn, price, btnColumn);
                    tbody.append(row);

                });

选项卡的展示和隐藏

    
    
    
    
    




    

        
图书管理系统
        
图书管理
        
读者管理
        
借还管理
    


1
2
3

个人资料的展开与显示

    
    
    
    




    
    您好 
    

        

            
修改密码
            
注销