Blog 页面结构
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% response.sendRedirect("index.html"); %>
/** * 主页Contrller * @author Administrator * */ @Controller @RequestMapping("/") public class IndexContrller { @Resource private BlogService blogService; /** * 请求主页 * @return */ @RequestMapping("/index") public ModelAndView index(@RequestParam(value="page",required=false)String page,@RequestParam(value="typeId",required=false)String typeId,@RequestParam(value="releaseDateStr",required=false)String releaseDateStr,HttpServletRequest request)throws Exception{ ModelAndView mav=new ModelAndView(); if(StringUtil.isEmpty(page)){ page="1"; } PageBean pageBean=new PageBean(Integer.parseInt(page),10); Map<String,Object> map=new HashMap<String,Object>(); map.put("start", pageBean.getStart()); map.put("size", pageBean.getPageSize()); map.put("typeId", typeId); map.put("releaseDateStr", releaseDateStr); List<Blog> blogList=blogService.list(map); for(Blog blog:blogList){ List<String> imageList=blog.getImageList(); String blogInfo=blog.getContent(); Document doc=Jsoup.parse(blogInfo); Elements jpgs=doc.select("img[src$=.jpg]"); for(int i=0;i<jpgs.size();i++){ Element jpg=jpgs.get(i); imageList.add(jpg.toString()); if(i==2){ break; } } } mav.addObject("blogList", blogList); StringBuffer param=new StringBuffer(); if(StringUtil.isNotEmpty(typeId)){ param.append("typeId="+typeId+"&"); } if(StringUtil.isNotEmpty(releaseDateStr)){ param.append("releaseDateStr="+releaseDateStr+"&"); } mav.addObject("pageCode", PageUtil.genPagination(request.getContextPath()+"/index.html", blogService.getTotal(map), Integer.parseInt(page), 10, param.toString())); mav.addObject("pageTitle", "java开源博客系统"); mav.addObject("mainPage", "foreground/blog/list.jsp"); mav.setViewName("mainTemp"); return mav; } /** * 源码下载 * @return * @throws Exception */ @RequestMapping("/download") public ModelAndView download()throws Exception{ ModelAndView mav=new ModelAndView(); mav.addObject("pageTitle", "本站源码下载页面_java开源博客系统"); mav.addObject("mainPage", "foreground/system/download.jsp"); mav.setViewName("mainTemp"); return mav; } }
添加对springmvc的解析,*html 作为前台请求解析, 后台用*.do 解析
<!-- 添加对springmvc的支持 --> <servlet> <servlet-name>springMVC</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:spring-mvc.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> <async-supported>true</async-supported> </servlet> <servlet-mapping> <servlet-name>springMVC</servlet-name> <url-pattern>*.do</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>springMVC</servlet-name> <url-pattern>*.html</url-pattern> </servlet-mapping>
把index.jsp 的公共页面抽取出来变成mainTemp.jsp,含有 foot,head,menu ,${mainPage} 可以导入不同的页面,
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/blog.css"> <script src="${pageContext.request.contextPath}/static/bootstrap3/js/jquery-1.11.2.min.js"></script> <script src="${pageContext.request.contextPath}/static/bootstrap3/js/bootstrap.min.js"></script> <title>${pageTitle }-Powered by java1234</title> <style type="text/css"> body{ padding-top: 10px; padding-bottom: 40px; } </style> </head> <body> <div class="container"> <jsp:include page="/foreground/common/head.jsp"/> <jsp:include page="/foreground/common/menu.jsp"/> <div class="row"> <div class="col-md-9"> <jsp:include page="${mainPage }"/> </div> <div class="col-md-3"> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/user_icon.png"/> 博主信息 </div> <div class="user_image"> <img src="${pageContext.request.contextPath}/static/userImages/${blogger.imageName}"/> </div> <div class="nickName">${blogger.nickName}</div> <div class="userSign">(${blogger.sign})</div> </div> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/> 按日志类别 </div> <div class="datas"> <ul> <c:forEach var="blogTypeCount" items="${blogTypeCountList }"> <li><span><a href="${pageContext.request.contextPath}/index.html?typeId=${blogTypeCount.id}">${blogTypeCount.typeName }(${blogTypeCount.blogCount })</a></span></li> </c:forEach> </ul> </div> </div> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/byDate_icon.png"/> 按日志日期 </div> <div class="datas"> <ul> <c:forEach var="blogCount" items="${blogCountList }"> <li><span><a href="${pageContext.request.contextPath}/index.html?releaseDateStr=${blogCount.releaseDateStr}">${blogCount.releaseDateStr }(${blogCount.blogCount })</a></span></li> </c:forEach> </ul> </div> </div> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/link_icon.png"/> 友情链接 </div> <div class="datas"> <ul> <c:forEach var="link" items="${linkList }"> <li><span><a href="${link.linkUrl }" target="_blank">${link.linkName }</a></span></li> </c:forEach> </ul> </div> </div> </div> </div> <jsp:include page="/foreground/common/foot.jsp"/> </div> </body> </html>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap-theme.min.css"> <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/blog.css"> <script src="${pageContext.request.contextPath}/static/bootstrap3/js/jquery-1.11.2.min.js"></script> <script src="${pageContext.request.contextPath}/static/bootstrap3/js/bootstrap.min.js"></script> <title>博主主页</title> <style type="text/css"> body{ padding-top: 10px; padding-bottom: 40px; } </style> </head> <body> <div class="container"> <div class="row"> <div class="col-md-4"> <img alt="java1234开源博客系统" src="${pageContext.request.contextPath}/static/images/logo.png"> </div> <div class="col-md-8"> <iframe style="float: right;" width="420" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5"></iframe> </div> </div> <div class="row"> <div class="col-md-12" style="padding-top: 10px"> <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><font color="black"><strong>首页</strong></font></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="#"><font color="black"><strong>关于博主</strong></font></a></li> <li><a href="#"><font color="black"><strong>本站源码下载</strong></font></a></li> </ul> <form class="navbar-form navbar-right" role="search"> <div class="form-group"> <input type="text" class="form-control" placeholder="请输入要查询的关键字..."> </div> <button type="submit" class="btn btn-default">搜索</button> </form> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> </div> </div> <div class="row"> <div class="col-md-9"> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/list_icon.png"/> 最新博客</div> <div class="datas"> <ul> <li style="margin-bottom: 30px"> <span class="date"><a href="${pageContext.request.contextPath}/blog/articles/52.html">2016年02月15日</a></span> <span class="title"><a href="${pageContext.request.contextPath}/blog/articles/52.html">使用CXF开发WebService客户端</a></span> <span class="summary">摘要: 前面一讲开发了webservice服务器端接口,今天的话,我们来开发webservice客户端,让大家来体验下过程;首先建一个Maven项目,项目名字,WS_Client;然后我们要用CXF给我们提供的工具wsdl2java 来根据请求的url生成客户端代码;wsdl2java工具在CXF开发包里;开发下载地...</span> <span class="img"> <a href="/blog/articles/52.html"><img src="${pageContext.request.contextPath}/static/userImages/a.jpg" alt="1455539511890048174.jpg"></a> <a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203213.jpg" src="${pageContext.request.contextPath}/static/userImages/b.jpg" title="1455539700734093102.jpg" width="667" height="264" style="width: 667px; height: 264px;"></a> <a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203317.jpg" src="${pageContext.request.contextPath}/static/userImages/c.jpg" title="1455539761187019902.jpg"></a> </span> <span class="info">发表于 2016-02-15 21:06 阅读(71) 评论(5) </span> </li> <hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom: 10px;" /> <li style="margin-bottom: 30px"> <span class="date"><a href="${pageContext.request.contextPath}/blog/articles/52.html">2016年02月15日</a></span> <span class="title"><a href="${pageContext.request.contextPath}/blog/articles/52.html">使用CXF开发WebService客户端</a></span> <span class="summary">摘要: 前面一讲开发了webservice服务器端接口,今天的话,我们来开发webservice客户端,让大家来体验下过程;首先建一个Maven项目,项目名字,WS_Client;然后我们要用CXF给我们提供的工具wsdl2java 来根据请求的url生成客户端代码;wsdl2java工具在CXF开发包里;开发下载地...</span> <span class="img"> <a href="/blog/articles/52.html"><img src="${pageContext.request.contextPath}/static/userImages/a.jpg" alt="1455539511890048174.jpg"></a> <a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203213.jpg" src="${pageContext.request.contextPath}/static/userImages/b.jpg" title="1455539700734093102.jpg" width="667" height="264" style="width: 667px; height: 264px;"></a> <a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203317.jpg" src="${pageContext.request.contextPath}/static/userImages/c.jpg" title="1455539761187019902.jpg"></a> </span> <span class="info">发表于 2016-02-15 21:06 阅读(71) 评论(5) </span> </li> <hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom: 10px;" /> <li style="margin-bottom: 30px"> <span class="date"><a href="${pageContext.request.contextPath}/blog/articles/52.html">2016年02月15日</a></span> <span class="title"><a href="${pageContext.request.contextPath}/blog/articles/52.html">使用CXF开发WebService客户端</a></span> <span class="summary">摘要: 前面一讲开发了webservice服务器端接口,今天的话,我们来开发webservice客户端,让大家来体验下过程;首先建一个Maven项目,项目名字,WS_Client;然后我们要用CXF给我们提供的工具wsdl2java 来根据请求的url生成客户端代码;wsdl2java工具在CXF开发包里;开发下载地...</span> <span class="img"> <a href="/blog/articles/52.html"><img src="${pageContext.request.contextPath}/static/userImages/a.jpg" alt="1455539511890048174.jpg"></a> <a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203213.jpg" src="${pageContext.request.contextPath}/static/userImages/b.jpg" title="1455539700734093102.jpg" width="667" height="264" style="width: 667px; height: 264px;"></a> <a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203317.jpg" src="${pageContext.request.contextPath}/static/userImages/c.jpg" title="1455539761187019902.jpg"></a> </span> <span class="info">发表于 2016-02-15 21:06 阅读(71) 评论(5) </span> </li> <hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom: 10px;" /> </ul> </div> </div> </div> <div class="col-md-3"> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/user_icon.png"/> 博主信息 </div> <div class="user_image"> <img src="${pageContext.request.contextPath}/static/userImages/${blogger.imageName}"/> </div> <div class="nickName">${blogger.nickName}</div> <div class="userSign">(${blogger.sign})</div> </div> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/> 按日志类别 </div> <div class="datas"> <ul> <c:forEach var="blogTypeCount" items="${blogTypeCountList }"> <li><span><a href="#">${blogTypeCount.typeName }(${blogTypeCount.blogCount })</a></span></li> </c:forEach> </ul> </div> </div> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/byDate_icon.png"/> 按日志日期 </div> <div class="datas"> <ul> <c:forEach var="blogCount" items="${blogCountList }"> <li><span><a href="#">${blogCount.releaseDateStr }(${blogCount.blogCount })</a></span></li> </c:forEach> </ul> </div> </div> <div class="data_list"> <div class="data_list_title"> <img src="${pageContext.request.contextPath}/static/images/link_icon.png"/> 友情链接 </div> <div class="datas"> <ul> <c:forEach var="link" items="${linkList }"> <li><span><a href="${link.linkUrl }" target="_blank">${link.linkName }</a></span></li> </c:forEach> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-md-12" > <div align="center" style="padding-top: 120px" > <span style="float: left;">Powered by <a href="http://blog.java1234.com" target="_blank">Java1234</a> V1.0</span> Copyright © 2012-2016 Java知识分享网 版权所有 </div> </div> </div> </div> </body> </html>