博客
关于我
强烈建议你试试无所不能的chatGPT，快点击我
Spring Boot制作个人博客-博客管理列表页
阅读量：3971 次
发布时间：2019-05-24

本文共 6200 字，大约阅读时间需要 20 分钟。

文章目录

1、创建页面

  • 后端页面新建包与前端页面区分
  • 复制types.html改名为blogs.html并修改其代码

在这里插入图片描述

2、导航栏

在这里插入图片描述
  • 设置移动端隐藏

在这里插入图片描述

3、设置中间内容

（1）设置输入框、下拉列表框、推荐选框、搜索按钮

在这里插入图片描述

   
                
    
                    
                         
     
                        
                          
     
                    
                         
     
                        
      
                            
                                   
                                   
       
        分类
       
                            
       
                                
        
         错误日志
        
                                
        
         开发者手册
        
                            
       
                        
      
                    
     
                    
                         
     
                        
      
                            
                                   
                               
      
                    
     
                    
                         
     
                        
      
       搜索

（2）表格

在这里插入图片描述

       
   
        
    
            
     
                
      
                    
                           
       
                        
                            
       
                    
                           
       
                        
        
 
          
          
         
          分类
         
 
         
 
          
           错误日志
          
 
          
           开发者手册
          
 
         
 
        
                    
       
                    
                           
       
                        
        
 
          
          
        
                    
       
                    
                           
       
                        
        
         搜索
                            
       
                
      
            
     
            
     
                                                                          
                                                        标题                            类型                            推荐                            更新事件                            操作                       
                                                                                         
                            1                            刻意练习清单                            认知升级                            是                            2017-10-02 09：45                             编辑 删除                        
                                                                                         
                             
          新增

（3）二级导航

在这里插入图片描述

       
   
        
    
            
     
                
      发布                
      列表

4、最终效果

在这里插入图片描述

    
       
       博客管理    
       
       
       
       
       
   
        
    
            
     
                
      发布                
      列表            
     
        
    
    
   
    
       
   
        
    
            
     
                
      
                    
                           
       
                        
                            
       
                    
                           
       
                        
        
 
          
          
         
          分类
         
 
         
 
          
           错误日志
          
 
          
           开发者手册
          
 
         
 
        
                    
       
                    
                           
       
                        
        
 
          
          
        
                    
       
                    
                           
       
                        
        
         搜索
                            
       
                
      
            
     
            
     
                                                                          
                                                        标题                            类型                            推荐                            更新事件                            操作                       
                                                                                         
                            1                            刻意练习清单                            认知升级                            是                            2017-10-02 09：45                             编辑 删除                        
                                                                                         
                             
          新增

转载地址：http://kitki.baihongyu.com/

你可能感兴趣的文章
Linux上查看磁盘空间及文件夹的大小
查看>>
线程安全的单例模式
查看>>
java 正则表达式应用
查看>>
java 脚本运行设置初始内存大小
查看>>
apache的org.apache.commons.net包 下载文件问题总结
查看>>
Groovy的基础语法
查看>>
Groovy入门教程
查看>>
在Java中运行Groovy代码
查看>>
struts中获取多选按钮html:checkbox的值
查看>>
设计模式趣味解析
查看>>
java多线程基础分析
查看>>
hibernate 缓存机制
查看>>
struts2与struts1.2的对比
查看>>
struts 标签简介
查看>>
js 页面跳转方式总结
查看>>
使用win7 下snmp的配置过程：
查看>>
group by 及 having 子句使用
查看>>
oracle 基础查询
查看>>
oracle 存储过程多个例子
查看>>
java socket 常见连接问题详解
查看>>
喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！-- 愿君每日到此一游！
当前时间: 2024-09-19 01:52:20   当前IP: 3.145.34.150   联系邮箱:javaeecc@qq.com     Copyright © 2020 - 2022 baihongyu.com 京ICP备2021015314号-2
强烈建议你试试无所不能的CHAT-GPT，快点击我
强烈建议你试试无所不能的CHAT-GPT，快点击我