1.showAllArticle.jsp

 <%@ page language="java" contentType="text/html; charset=gb2312"

     pageEncoding="gb2312"%>

 <%@taglib uri="/struts-tags" prefix="s"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

 <head>

 <title>博客系统首页</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <link type="text/css" rel="stylesheet" href="css/main.css" media="all" />

 <!--[if IE 6]><link type="text/css" rel="stylesheet" href="css/ie6.css" media="all" /><![endif]-->

 <script type="text/javascript" src="js/mootools.js"></script>

 <script type="text/javascript" src="js/site.js"></script>

 </head>

 <body>

 <div id="wrapper">

   <div id="container">

     <div id="scene"> c<img src="data:images/scene.jpg" alt="" />

       <h1>博客网站系统</h1>

       <div id="scale_area">

         <div id="scale_knob">&raquo; Font Size &laquo;</div>

       </div>

       <div id="menu">

         <div class="holder"> <a href="showAllArticle.action">博客首页</a> </div>

         <div class="holder"> <a href="register.jsp">新博客注册</a> </div>

         <div class="holder"> <a href="login.jsp">博客登录</a> </div>

       </div>

     </div>

     <div id="content">

       <div id="col_left">

         <div class="post">

           <div class="meta"><a class="title" href="">博客系统首页</a>

             <div class="clear"></div>

           </div>

         <!-- 循环输出 -->

         <s:iterator value="#request.all" id="art" status="sta">

           <div class="comments">

             <div class="comment">

               <div class="meta"> <span><a href="user/showArticle.action?username=<s:property value='#art.username'/>&id=<s:property value='#art.id'/>"><s:property value="#art.title"/></a> <small>:</small></span>

                 <div class="clear"> </div>

               </div>

             </div>

             <div class="comment alt">

               <div class="meta"><span class="datetime">

                   <!-- 发表时间 -->

                                                         发表于:

                                                         <s:date name="#art.date"/>

                                                         <!-- 评论与点击数 -->

                                                         |评论(<s:property value="#request.critiqueCounts[#sta.index]"/>)|点击(<s:property value="#art.hasread"/>)|作者:<s:property value="#art.username"/>

               </span>

                 <div class="clear"> </div>

               </div>

             </div>

           </div>

          </s:iterator>

           <div class="comment" align="center">

               当前第${page.currentPage}页，共${page.totalPage}页，每页显示${page.everyPage}条记录

             <s:if test="#request.page.hasPrePage">

                 <a href="showAllArticle.action?currentPage=1">首页</a>

                 <a href="showAllArticle.action?currentPage=${page.currentPage -1 }">上一页</a>

             </s:if>

             <s:else>

                 首页

                 上一页

             </s:else>

             <s:if test="#request.page.hasNextPage">

                 <a href="showAllArticle.action?currentPage=${page.currentPage + 1 }">下一页</a>

                 <a href="showAllArticle.action?currentPage=${page.totalPage }">尾页</a>

             </s:if>

             <s:else>

                 下一页

                 尾页

             </s:else>

           </div>

         </div>

       </div>

       <div id="col_right">

         <div id="search_box">

           <form action="http://www.865171.cn/" method="post">

             <div>

               <input type="text" name="search" />

             </div>

             <div class="button_wrapper">

               <input type="submit" value="Search" class="button" />

             </div>

             <div class="clear"> </div>

           </form>

         </div>

         <div id="sidebar">

           <h2>页面导航</h2>

           <ul>

             <li><a href="showAllArticle.action">博客首页</a></li>

             <li><a href="register.jsp">新博客注册</a></li>

             <li><a href="login.jsp">博客登录</a></li>

           </ul>

         </div>

       </div>

       <div class="clear"> </div>

     </div>

     <div id="footer">

       <div class="clear"> </div>

       <hr />

       <p class="credit">博客网站系统</p>

     </div>

   </div>

 </div>

 </body>

 </html>

2.login.jsp

 <%@ page language="java" contentType="text/html; charset=gb2312"

     pageEncoding="gb2312"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

 <head>

 <title>博客系统登录</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <link type="text/css" rel="stylesheet" href="css/main.css" media="all" />

 <!--[if IE 6]><link type="text/css" rel="stylesheet" href="css/ie6.css" media="all" /><![endif]-->

 <script type="text/javascript" src="js/mootools.js"></script>

 <script type="text/javascript" src="js/site.js"></script>

 </head>

 <body>

 <div id="wrapper">

   <div id="container">

     <div id="scene"> <img src="data:images/scene.jpg" alt="" />

       <h1>博客网站系统</h1>

       <div id="scale_area">

         <div id="scale_knob">&raquo; Font Size &laquo;</div>

       </div>

       <div id="menu">

         <div class="holder"> <a href="showAllArticle.action">博客首页</a> </div>

         <div class="holder"> <a href="register.jsp">新博客注册</a> </div>

         <div class="holder"> <a href="login.jsp">博客登录</a> </div>

       </div>

     </div>

     <div id="content">

       <div id="col_left">

         <div class="post">

           <div class="meta"></div>

           <div class="comments"><div class="comment"></div>

             <h2>博客登录</h2>

             <form class="h" action="login.action" method="post">

               <div>

                 <label>用户名:</label>

                 <input type="text" name="username" />

               </div>

               <div>

                 <label>密码:</label>

                 <input type="password" name="password" />

               </div>

               <div>

                 <label></label>

                 <div class="clear"> </div>

               </div>

               <div class="button_wrapper">

                 <input name="提交" type="submit" class="button" value="登录" />

               </div>

             </form>

           </div>

         </div>

       </div>

       <div id="col_right">

         <div id="search_box">

           <form action="" method="post">

             <div>

               <input type="text" name="search" />

             </div>

             <div class="button_wrapper">

               <input type="submit" value="Search" class="button" />

             </div>

             <div class="clear"> </div>

           </form>

         </div>

         <div id="sidebar">

           <h2>页面导航</h2>

           <ul>

             <li><a href="showAllArticle.action">博客首页</a></li>

             <li><a href="register.jsp">新博客注册</a></li>

             <li><a href="login.jsp">博客登录</a></li>

           </ul>

         </div>

       </div>

       <div class="clear"> </div>

     </div>

     <div id="footer">

       <div class="clear"> </div>

       <hr />

       <p class="credit">博客网站系统</p>

     </div>

   </div>

 </div>

 </body>

 </html>

3.user/showAllUserArticle.jsp

 <%@ page language="java" contentType="text/html; charset=gb2312"

     pageEncoding="gb2312"%>

 <%@taglib uri="/struts-tags" prefix="s"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

 <head>

 <title>我的全部文章</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <link type="text/css" rel="stylesheet" href="../css/main.css" media="all" />

 <!--[if IE 6]><link type="text/css" rel="stylesheet" href="css/ie6.css" media="all" /><![endif]-->

 <script type="text/javascript" src="../js/mootools.js"></script>

 <script type="text/javascript" src="../js/site.js"></script>

 </head>

 <body>

 <div id="wrapper">

   <div id="container">

     <div id="scene"> c<img src="../images/scene.jpg" alt="" />

        <h1>${empty sessionScope.blogtitle ? "博客网站系统":sessionScope.blogtitle} <br/>

               <font size="8">${empty sessionScope.idiograph ? "我的签名":sessionScope.idiograph}</font>

               </h1>

       <div id="scale_area">

         <div id="scale_knob">&raquo; Font Size &laquo;</div>

       </div>

       <div id="menu">

          <div class="holder"> <a href="../showAllArticle.action">博客首页</a> </div>

         <div class="holder"> <a href="showUserAllArticle.action">用户首页</a> </div>

         <div class="holder"> <a href="editbloginfo.jsp">个性化设置</a> </div>

         <div class="holder"> <a href="addArticle.jsp">写日志</a> </div>

         <div class="holder"> <a href="showPhoto.action">相册</a> </div>

       </div>

     </div>

     <div id="content">

       <div id="col_left">

         <div class="post">

           <div class="meta"><a class="title" href="">我的全部文章</a>

             <div class="clear"></div>

           </div>

         <!-- 循环输出 -->

         <s:iterator value="#request.all" id="art" status="sta">

           <div class="comments">

             <div class="comment">

               <div class="meta"> <span><a href="showArticle.action?username=<s:property value='#art.username'/>&id=<s:property value='#art.id'/>"><s:property value="#art.title"/></a> <small>:</small></span>

                 <div class="clear"> </div>

               </div>

             </div>

             <div class="comment alt">

               <div class="meta"><span class="datetime">

                   <!-- 发表时间 -->

                                                         发表于:

                                                         <s:date name="#art.date"/>

                                                         <!-- 评论与点击数 -->

                                                         |评论(<s:property value="#request.critiqueCounts[#sta.index]"/>)|点击(<s:property value="#art.hasread"/>)

               </span>

                 <div class="clear"> </div>

               </div>

             </div>

           </div>

          </s:iterator>

           <div class="comment" align="center">

               当前第${page.currentPage}页，共${page.totalPage}页，每页显示${page.everyPage}条记录

             <s:if test="#request.page.hasPrePage">

                 <a href="showUserAllArticle.action?currentPage=1">首页</a>

                 <a href="showUserAllArticle.action?currentPage=${page.currentPage -1 }">上一页</a>

             </s:if>

             <s:else>

                 首页

                 上一页

             </s:else>

             <s:if test="#request.page.hasNextPage">

                 <a href="showUserAllArticle.action?currentPage=${page.currentPage + 1 }">下一页</a>

                 <a href="showUserAllArticle.action?currentPage=${page.totalPage }">尾页</a>

             </s:if>

             <s:else>

                 下一页

                 尾页

             </s:else>

           </div>

         </div>

       </div>

       <div id="col_right">

         <div id="search_box">

           <form action="" method="post">

             <div>

               <input type="text" name="search" />

             </div>

             <div class="button_wrapper">

               <input type="submit" value="Search" class="button" />

             </div>

             <div class="clear"> </div>

           </form>

         </div>

         <div id="sidebar">

           <h2>页面导航</h2>

           <ul>

              <li><a href="../showAllArticle.action">博客首页</a></li>

             <li><a href="showUserAllArticle.action">用户首页</a></li>

             <li><a href="editbloginfo.jsp">个性化设置</a></li>

             <li><a href="addArticle.jsp">写日志</a></li>

                <li><a href="showPhoto.action">相册</a></li>

           </ul>

         </div>

       </div>

       <div class="clear"> </div>

     </div>

     <div id="footer">

       <div class="clear"> </div>

       <hr />

       <p class="credit">博客网站系统</p>

     </div>

   </div>

 </div>

 </body>

 </html>

4.site.js

 var s = {

     start: function() {

         s.ieDetect();

         s.resizeCols();

         s.setFont();

         s.textScaler();

     },

     ieDetect: function() {

         s.IEVersion = false;

         var rv = -1;

         if ( navigator.appName == 'Microsoft Internet Explorer' ) {

             var ua = navigator.userAgent;

             var re  = new RegExp( "MSIE ([0-9]{1,}[\.0-9]{0,})" );

             if ( re.exec( ua ) != null )

             s.IEVersion = parseFloat( RegExp.$1 );

         }

     },

     resizeCols: function() {

         if( s.IEVersion != 6 ) {

             var col_left = $( 'col_left' ).getStyle( 'height' ).toInt();

             var col_right = $( 'col_right' ).getStyle( 'height' ).toInt();

             if( col_left > col_right ) {

                 $( 'col_right' ).setStyle( 'height', ( ( col_left + 40 ) / 10 ) + 'em' );

             }

             if( col_right > col_left )

                 $( 'col_left' ).setStyle( 'height', ( col_right / 10 ) + 'em' );

         }

     },

     setFont: function() {

         if( Cookie.read( 'semfont' ) ) {

             var size = Cookie.read( 'semfont' );

             $( 'wrapper' ).setStyle( 'font-size', size + 'px' );

             s.fontSize = size.toFloat();

         }

         else

             s.fontSize = 10;

     },

     textScaler: function() {

         var begin = ( s.fontSize == 10 ) ? 0 : ( s.fontSize - 10 ) * 10;

         new Slider( $( 'scale_area' ), $( 'scale_knob' ), {

             steps: 100,

             onChange: function( pos ) {

                 var size = ( ( pos.toInt() / 10 ) + 10 );

                 $( 'wrapper' ).setStyle( 'font-size', size + 'px' );

             },

             onComplete: function( pos ) {

                 var size = ( ( pos.toInt() / 10 ) + 10 );

                 if( Cookie.read( 'semfont' ) )

                     Cookie.dispose( 'semfont' );

                 Cookie.write( 'semfont', size, { path: '/', duration: 28 } );

                 s.fontSize = size;

             }

         } ).set( begin );

     }

 }

 window.addEvent( 'domready', s.start );

5.user/showPhotos.jsp

 <%@ page language="java" contentType="text/html; charset=gb2312"

     pageEncoding="gb2312"%>

 <%@taglib uri="/struts-tags" prefix="s"%>

 <%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

 <head>

 <title>相册</title>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <link type="text/css" rel="stylesheet" href="../css/main.css" media="all" />

 <!--[if IE 6]><link type="text/css" rel="stylesheet" href="css/ie6.css" media="all" /><![endif]-->

 <script type="text/javascript" src="../js/mootools.js"></script>

 <script type="text/javascript" src="../js/site.js"></script>

 <script type="text/javascript">

             var GB_ROOT_DIR = "./greybox/";

 </script>

 <script type="text/javascript" src="greybox/AJS.js"></script>

 <script type="text/javascript" src="greybox/AJS_fx.js"></script>

 <script type="text/javascript" src="greybox/gb_scripts.js"></script>

 <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

 </head>

 <body>

 <div id="wrapper">

   <div id="container">

     <div id="scene"> <img src="../images/scene.jpg" alt="" />

       <h1>${empty sessionScope.blogtitle ? "博客网站系统":sessionScope.blogtitle} <br/>

               <font size="8">${empty sessionScope.idiograph ? "我的签名":sessionScope.idiograph}</font>

               </h1>

       <div id="scale_area">

         <div id="scale_knob">&raquo; Font Size &laquo;</div>

       </div>

       <div id="menu">

         <div class="holder"> <a href="../showAllArticle.action">博客首页</a> </div>

         <div class="holder"> <a href="showUserAllArticle.action">用户首页</a> </div>

         <div class="holder"> <a href="editbloginfo.jsp">个性化设置</a> </div>

         <div class="holder"> <a href="addArticle.jsp">写日志</a> </div>

         <div class="holder"> <a href="showPhoto.action">相册</a> </div>

       </div>

     </div>

     <div id="content">

       <div id="col_left">

         <div class="post">

           <div class="meta"></div>

           <div class="comments">

             <h2>上传图片</h2>

             <form action="photoUpload.action" method="post" enctype="multipart/form-data">

               <div>

                 <label>选择要上传的图片：</label>

                 <input type="file" name="myFile"/>

               </div>

               <div>

                 <label></label>

                 <div class="clear"> </div>

               </div>

               <div class="button_wrapper">

                 <input name="提交" type="submit" class="button" value="上传" />

               </div>

             </form>

           </div>

           <div class="comments">

             <h2>显示相册图片</h2>

             <table cellspacing="5" align="center" border="1">

                <tr>

                <s:iterator value="#request.photoList" id="photo" status="stu">

                 <td>

                     <a href='photo/${sessionScope.username}/<s:property value="photo"/>' title="我的相册" rel="gb_imageset[photos]">

                         <img src='photo/${sessionScope.username}/<s:property value="photo"/>' width="100" height="120">

                     </a>

                 </td>

                 <s:if test="(#stu.index + 1) % 3 == 0">

                     </tr>

                     <tr>

                 </s:if>

             </s:iterator>

             </table>

           </div>

         </div>

       </div>

       <div id="col_right">

         <div id="search_box">

           <form action="" method="post">

             <div>

               <input type="text" name="search" />

             </div>

             <div class="button_wrapper">

               <input type="submit" value="Search" class="button" />

             </div>

             <div class="clear"> </div>

           </form>

         </div>

         <div id="sidebar">

           <h2>页面导航</h2>

           <ul>

             <li><a href="../showAllArticle.action">博客首页</a></li>

             <li><a href="showUserAllArticle.action">用户首页</a></li>

             <li><a href="editbloginfo.jsp">个性化设置</a></li>

             <li><a href="addArticle.jsp">写日志</a></li>

                <li><a href="showPhoto.action">相册</a></li>

           </ul>

         </div>

       </div>

       <div class="clear"> </div>

     </div>

     <div id="footer">

       <div class="clear"> </div>

       <hr />

       <p class="credit">博客网站系统</p>

     </div>

   </div>

 </div>

 </body>

 </html>

6.mainHeader.jsp

 <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 <title>无标题文档</title>

 <script language="javascript">

 <!--

 function mhEnter()

 {

 window.event.srcElement.className="lt1";

 }

 function mhLeave()

 {

 window.event.srcElement.className="lt0";

 }

 //-->

 </script>

 <link rel="stylesheet" href="../image/style.css">

 </head>

 <body>

 <table width="100%" border="0" cellpadding="0" cellspacing="0">

     <tr height="31">

         <td background="image/line.jpg">

             <table width="1000" border="0" cellpadding="0" cellspacing="0">

                 <tr height="20" align="center">

                     <td width="278">&nbsp;</td>

                     <td class="lt0" onmouseenter="mhEnter()" onmouseleave="mhLeave()"><a href="showAllArticle.action">博客首页</a></td>

                     <td class="ltsep">|</td>

                     <td class="lt0" onmouseenter="mhEnter()" onmouseleave="mhLeave()"><a href="register.jsp">新博客注册</a></td>

                     <td class="ltsep">|</td>

                     <td class="lt0" onmouseenter="mhEnter()" onmouseleave="mhLeave()"><a href="login.jsp">博客登陆</a></td>

                 </tr>

             </table>

         </td>

     </tr>

 </table>

 </body>

 </html>

JavaWeb项目开发案例精粹-第4章博客网站系统-006View层的更多相关文章

  1. JavaWeb项目开发案例精粹-第4章博客网站系统-005action层

    1. package com.sanqing.action; import java.util.Date; import java.util.Map; import com.opensymphony. ...

  2. JavaWeb项目开发案例精粹-第4章博客网站系统-004Service层

    1. package com.sanqing.service; import java.util.List; import com.sanqing.fenye.Page; import com.san ...

  3. JavaWeb项目开发案例精粹-第4章博客网站系统-003Dao层

    1. package com.sanqing.dao; import java.util.List; import com.sanqing.fenye.Page; import com.sanqing ...

  4. JavaWeb项目开发案例精粹-第4章博客网站系统-002辅助类及配置文件

    1. <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5&qu ...

  5. JavaWeb项目开发案例精粹-第4章博客网站系统-001设计

    1. 2. 3. # MySQL-Front 5.0 (Build 1.0) /*!40101 SET @OLD_SQL_MODE=@@SQL_MODE */; /*!40101 SET SQL_MO ...

  6. JavaWeb项目开发案例精粹-第6章报价管理系统-05Action层

    0. <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo ...

  7. JavaWeb项目开发案例精粹-第6章报价管理系统-002辅助类及配置文件

    1. <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www ...

  8. JavaWeb项目开发案例精粹-第3章在线考试系统-007View层

    0.login.jsp <%@ page language="java" import="java.util.*" pageEncoding=" ...

  9. JavaWeb项目开发案例精粹-第2章投票系统-001设计

    1.项目结构 2.数据库设计 # MySQL-Front 5.0 (Build 1.0) /*!40101 SET @OLD_SQL_MODE=@@SQL_MODE */; /*!40101 SET ...

随机推荐

  1. P1574: [Usaco2009 Jan]地震损坏Damage

    卧槽卧槽卧槽,这道水题竟然让我WA了两遍!!评测系统卡了然后手贱又提交了一次,然后就悲催了呜呜.. 把与不能回家但牛棚完好的牛相邻的牛棚赋值为不能走(false),可以证明,如果该牛回不了家,则周围一 ...

  2. linux中的文件类型

    1.使用ls -l命令可以查看文件的类型和权限 [tansheng@localhost etc]$ ls -l ----------. root root 10月 : gshadow -------- ...

  3. 【转】PLSQL developer 连接不上64位Oracle 的解决方法

    PLSQL developer 连接不上64位Oracle 的解决方法 快乐无极 , 2012/06/13 10:10 , 开发文档 , 评论(6) , 阅读(140430) , Via 本站原创 大 ...

  4. submit和button的区别

    两者主要区别在于:submit可以提交表单(form),而button如果不指定onclick等事件处理函数,它是不做任何事情的.注意哦,在页面上<input type="submit ...

  5. CocoaPods最佳实践探讨

    近期在项目中首次使用了CocoaPods.从软件工程的角度来看,我对目前常见的CocoaPods使用方法有些意见,建议做一些改进.先说一下我建议的最佳实践,后面再分析为什么要这样做.并且希望大家根据自 ...

  6. 02.XMemcached的使用

        关于XMemcached的介绍或文档请参考:https://code.google.com/p/xmemcached/wiki/User_Guide_zh     关于Memcached的命令 ...

  7. 设计模式之策略模式(strategy)

    策略模式原理:策略模式和简单工厂模式有点类似,只是简单工厂模式产生的是对象,策略模式产生的是根据对象产生的算法. 代码如下: #include <iostream> #include &l ...

  8. 【BZOJ】【3831】【POI2014】Little Bird

    DP/单调队列优化 水题水题水题水题 单调队列优化的线性dp…… WA了8次QAQ,就因为我写队列是[l,r),但是实际操作取队尾元素的时候忘记了……不怎么从队尾取元素嘛……平时都是直接往进放的……还 ...

  9. Leetcode#57 Insert Interval

    原题地址 遍历每个区间intervals[i]: 如果intervals[i]在newInterval的左边,且没有交集,把intervals[i]插入result 如果intervals[i]在ne ...

  10. NYOJ-517 最小公倍数 TLE 分类： NYOJ 2013-12-29 14:49 253人阅读 评论(0) 收藏

    #include <stdio.h> int main(){ int num[101]={0}; int result[21]={0}; int sum[101][21]={0}; int ...