ssh架构 简易博客

不会做美工，，so ，界面很丑。

com.blog.domain

　　Article.java

package com.blog.domain;

import java.io.Serializable;
import java.sql.Timestamp;

public class Article implements Serializable {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    
    private Integer id;
    private String title;
    private String  contents ;
    private Character type; //O->原创;  R->转载;T->翻译
    private User user;
    private Timestamp postTime;
    
    
    public Article() {
    }
    public Article(String title, String contents, Character type,
            User user) {
        super();
        this.title = title;
        this.contents = contents;
        this.type = type;
        this.user = user;
    }
    public Timestamp getPostTime() {
        return postTime;
    }
    public void setPostTime(Timestamp postTime) {
        this.postTime = postTime;
    }
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getTitle() {
        return title;
    }
    public void setTitle(String title) {
        this.title = title;
    }
    public String getContents() {
        return contents;
    }
    public void setContents(String contents) {
        this.contents = contents;
    }
    public Character getType() {
        return type;
    }
    public void setType(Character type) {
        this.type = type;
    }
    public User getUser() {
        return user;
    }
    public void setUser(User user) {
        this.user = user;
    }

}

　　User.java

package com.blog.domain;

import java.io.Serializable;
import java.util.Set;

public class User implements Serializable{
    /**
     * 
     */
    private static final long serialVersionUID = 1L;

    private Integer id;
    private String userName;
    private String passwd;
    private Character sex;
    //头像路径
    private String portrait;
    private Set<Article> userArt;
    
    
    public User(String userName, String passwd, Character sex,
            String portrait) {
        super();
        this.userName = userName;
        this.passwd = passwd;
        this.sex = sex;
        this.portrait = portrait;
    }
    public User(Integer id, String passwd) {
        super();
        this.id = id;
        this.passwd = passwd;
    }
    public User(){}
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getUserName() {
        return userName;
    }
    public void setUserName(String userName) {
        this.userName = userName;
    }
    public String getPasswd() {
        return passwd;
    }
    public void setPasswd(String passwd) {
        this.passwd = passwd;
    }
    public Character getSex() {
        return sex;
    }
    public void setSex(Character sex) {
        this.sex = sex;
    }
    public String getPortrait() {
        return portrait;
    }
    public void setPortrait(String portrait) {
        this.portrait = portrait;
    }
    public Set<Article> getUserArt() {
        return userArt;
    }
    public void setUserArt(Set<Article> userArt) {
        this.userArt = userArt;
    }
    
    
    

}

　　Article.hbm.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD 3.0//EN"
"http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd">
<hibernate-mapping package="com.blog.domain">
    <class name="Article" table="Articles" lazy="true">
        <id name="id" type="java.lang.Integer">
            <generator class="native"></generator>
         </id>
         <!--设置默认值为当前时间  -->
         <timestamp name="postTime" column="postTime"></timestamp>
         <property name="contents" type="text">
             <column name="contents" ></column>
         </property>
        <!--  <property name="postTime" type="date"    >
             <column name="postTime"  ></column>
         </property> -->
         <property name="title" type="text">
             <column name="title"></column>
         </property>
         <property name="type" type="character">
             <column name="type"></column>
         </property>
         <many-to-one name="user" column="user_id"> </many-to-one>
    </class>
    
</hibernate-mapping>

　　User.hbm.xml

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE hibernate-mapping PUBLIC "-//Hibernate/Hibernate Mapping DTD 3.0//EN"
"http://hibernate.sourceforge.net/hibernate-mapping-3.0.dtd">
<hibernate-mapping package="com.blog.domain">
    <class name="User" table="Users" lazy="true">
        <id name="id" type="java.lang.Integer">
            <generator class="native"></generator>
        </id>
        <property name="userName" type="java.lang.String" not-null="true">
            <column name="userName" length="32"></column>
        </property>
        <property name="passwd" type="java.lang.String" not-null="true">
            <column name="passwd" length="32"></column>
        </property>
        <property name="portrait" type="java.lang.String">
            <column name="portrait" length="512"></column>
        </property>
        <property name="sex" type="java.lang.Character">
            <column name="sex"></column>
        </property>
        <set name="userArt">
            <key column="user_id"></key>
            <one-to-many class="Article"/>
        </set>
    </class>
    
</hibernate-mapping>

com.blog.service.base

　　BaseServiceImp.java

package com.blog.service.base;

import java.io.Serializable;
import java.util.List;

import org.hibernate.Query;
import org.hibernate.SessionFactory;
import org.springframework.transaction.annotation.Transactional;

@Transactional
public class BaseServiceImp implements BaseServiceInter {
    private SessionFactory sessionFactory;
    
    public SessionFactory getSessionFactory() {
        return sessionFactory;
    }

    public void setSessionFactory(SessionFactory sessionFactory) {
        this.sessionFactory = sessionFactory;
    }

    @SuppressWarnings("rawtypes")
    @Override
    public Object findById(Class clazz, Serializable id) {
        // TODO Auto-generated method stub
        return sessionFactory.getCurrentSession().get(clazz, id);
    }

    @Override
    public void delObj(Object obj) {
        // TODO Auto-generated method stub
        sessionFactory.getCurrentSession().delete(obj);
    }

    @SuppressWarnings("rawtypes")
    @Override
    public List executeQuery(String hql, Object[] parameters) {
        // TODO Auto-generated method stub

        Query query=this.sessionFactory.getCurrentSession().createQuery(hql);

        //注入?值
        if(parameters!=null && parameters.length>0){
            for(int i=0;i<parameters.length;i++){
                query.setParameter(i, parameters[i]);
                
            }
        }
        
        return query.list();
    }

    @Override
    public Object uniqueQuery(String hql, Object[] parameters) {
        // TODO Auto-generated method stub
        Query query=this.sessionFactory.getCurrentSession().createQuery(hql);
        //给?赋值
        if(parameters!=null && parameters.length>0){
            for(int i=0;i<parameters.length;i++){
                query.setParameter(i, parameters[i]);
            }
        }
        
        return query.uniqueResult();
    }

    @Override
    public void addTo(Object obj) {
        // TODO Auto-generated method stub
        sessionFactory.getCurrentSession().save(obj);
        
    }

}

　　BaseServiceInter.java

package com.blog.service.base;

import java.io.Serializable;
import java.util.List;

public interface BaseServiceInter {
    @SuppressWarnings("rawtypes")
    public Object  findById(Class clazz,Serializable id);

    public void delObj(Object obj);
    
    @SuppressWarnings("rawtypes")
    public List executeQuery(String hql, Object[] parameters);

    public Object uniqueQuery(String hql, Object[] parameters);

    public void addTo(Object obj);


}

com.blog.service.imp

　　ArticleServiceImp.java

package com.blog.service.imp;

import java.util.List;

import com.blog.domain.Article;
import com.blog.domain.User;
import com.blog.service.base.BaseServiceImp;
import com.blog.service.inter.ArticleServiceInter;

public class ArticleServiceImp extends BaseServiceImp implements
        ArticleServiceInter {

    /**
     * 显示指定用户的所有文章
     */
    @Override
    public List<Article> showUserArticles(User user) {
        // TODO Auto-generated method stub
        String hql="from Article where user_id=? ";
        Object []param={user.getId()};
        return this.executeQuery(hql, param);
    }
    /**
     * 显示所有用户的所有文章
     */
    @Override
    public List<Article> showAllArticles() {
        // TODO Auto-generated method stub
        String hql="from Article";
        return this.executeQuery(hql, null);
    }

}

　　UserServiceImp.java

package com.blog.service.imp;

import org.springframework.transaction.annotation.Transactional;

import com.blog.domain.User;
import com.blog.service.base.BaseServiceImp;
import com.blog.service.inter.UserServiceInter;

@Transactional
public class UserServiceImp extends BaseServiceImp implements UserServiceInter {



    /**
     * 验证用户
     * @author frank
     */
    @Override
    public User checkUser(User user) {
        // TODO Auto-generated method stub
        String hql="from User where id=? and passwd=?";
        Object []param={user.getId(),user.getPasswd()};
        System.out.println("########checkUser########");
        System.out.println(user.getId()+" "+user.getPasswd());
        User u= (User) this.uniqueQuery(hql, param);
        if(u!=null){
            return u;
        }
        else
            return null;
    }

}

com.blog.service.inter

　　ArticleServiceInter.java

package com.blog.service.inter;

import java.util.List;

import com.blog.domain.Article;
import com.blog.domain.User;
import com.blog.service.base.BaseServiceInter;

public interface ArticleServiceInter extends BaseServiceInter{

    public List<Article> showUserArticles(User user);
    
    public List<Article> showAllArticles();
}

　　UserServiceInter.java

package com.blog.service.inter;

import com.blog.domain.User;
import com.blog.service.base.BaseServiceInter;

public interface UserServiceInter extends BaseServiceInter {
    public User checkUser(User user);

}

com.blog.web.action

　　GoContentUiAction.java

package com.blog.web.action;

import java.util.List;









import org.apache.struts2.ServletActionContext;

import com.blog.domain.Article;
import com.blog.domain.User;
import com.blog.service.inter.ArticleServiceInter;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class GoContentUiAction extends ActionSupport {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    
    private ArticleServiceInter articleService;

    public ArticleServiceInter getArticleService() {
        return articleService;
    }

    public void setArticleService(ArticleServiceInter articleService) {
        this.articleService = articleService;
    }

    public String UserBlog() throws Exception {
        // TODO Auto-generated method stub
        User user=(User) ActionContext.getContext().getSession().get("loginUser");
        List<Article> list=articleService.showUserArticles(user);
        //截取内容的前200个字符做为摘要
        for(int i=0;i<list.size();i++){
            if(list.get(i).getContents().length()>200)
                list.get(i).setContents(list.get(i).getContents().substring(0, 200));
        }
        //把当前登录用户的文章放入request
        ServletActionContext.getRequest().setAttribute("arts", list);
        return "userBlog";
    }
    
    public String Register() throws Exception {
        // TODO Auto-generated method stub
        return "register";
    }

    public String NewArt() throws Exception {
        // TODO Auto-generated method stub
        return "newArt";
    }
    

    public String ShowArtDet() throws Exception {
        // TODO Auto-generated method stub
        Integer id=Integer.parseInt(ServletActionContext.getRequest().getParameter("id"));
        Article art=(Article) articleService.findById(Article.class, id);
        ServletActionContext.getRequest().setAttribute("art", art);
        return "showArtDet";
    }

}

　　LoginAndLogoutAction.java

package com.blog.web.action;

import java.util.List;

import org.apache.struts2.ServletActionContext;

import com.blog.domain.Article;
import com.blog.domain.User;
import com.blog.service.inter.ArticleServiceInter;
import com.blog.service.inter.UserServiceInter;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class LoginAndLogoutAction extends ActionSupport {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    private UserServiceInter userService;
    private ArticleServiceInter articleService;
    private String userId;
    private String passwd;

    public ArticleServiceInter getArticleService() {
        return articleService;
    }

    public void setArticleService(ArticleServiceInter articleService) {
        this.articleService = articleService;
    }

    public UserServiceInter getUserService() {
        return userService;
    }

    public void setUserService(UserServiceInter userService) {
        this.userService = userService;
    }
    public String getUserId() {
        return userId;
    }

    public void setUserId(String userId) {
        this.userId = userId;
    }

    public String getPasswd() {
        return passwd;
    }

    public void setPasswd(String passwd) {
        this.passwd = passwd;
    }

    public String login() throws Exception {
        // TODO Auto-generated method stub
        User user=new User();
        user.setId(Integer.parseInt(this.getUserId()));
        user.setPasswd(this.getPasswd());
        user=userService.checkUser(user);
        //登录成功
        if(user!=null){
            List<Article> list=articleService.showAllArticles();
            //截取内容的前200个字符做为摘要
            for(int i=0;i<list.size();i++){
                if(list.get(i).getContents().length()>200)
                    list.get(i).setContents(list.get(i).getContents().substring(0, 200));
            }
            //把所有用户的文章放入request
            ServletActionContext.getRequest().setAttribute("arts", list);
            ActionContext.getContext().getSession().put("loginUser", user);
        }
        return LOGIN;
    }

    public String logout() throws Exception {
        // TODO Auto-generated method stub
        ActionContext.getContext().getSession().clear();
        return LOGIN;
    }

}

　　RegisterAction.java

package com.blog.web.action;

import java.io.File;
import java.io.FileInputStream;
import java.io.FileOutputStream;
import java.util.UUID;

import org.apache.struts2.ServletActionContext;

import com.blog.domain.User;
import com.blog.service.inter.UserServiceInter;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class RegisterAction extends ActionSupport {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;

    private UserServiceInter userService;
    private String savePath;
    
    private String userName;
    private String passwd;
    private Character sex;
    private File portrait;
    //封装上传文件类型及文件名
    private String portraitContentType;
    private String portraitFileName;
    

    

    public String getPortraitContentType() {
        return portraitContentType;
    }

    public void setPortraitContentType(String portraitContentType) {
        this.portraitContentType = portraitContentType;
    }

    public String getPortraitFileName() {
        return portraitFileName;
    }

    public void setPortraitFileName(String portraitFileName) {
        this.portraitFileName = portraitFileName;
    }

    // 接受struts.xml文件配置值的方法
    public void setSavePath(String value) {
        this.savePath = value;
    }

    // 获取上传文件的保存位置
    private String getSavePath() throws Exception {
        return ServletActionContext.getServletContext()
                .getRealPath(savePath);
    }



    public String getUserName() {
        return userName;
    }

    public void setUserName(String userName) {
        this.userName = userName;
    }

    public String getPasswd() {
        return passwd;
    }

    public void setPasswd(String passwd) {
        this.passwd = passwd;
    }

    public Character getSex() {
        return sex;
    }

    public void setSex(Character sex) {
        this.sex = sex;
    }

    public File getPortrait() {
        return portrait;
    }

    public void setPortrait(File portrait) {
        this.portrait = portrait;
    }

    public UserServiceInter getUserService() {
        return userService;
    }

    public void setUserService(UserServiceInter userService) {
        this.userService = userService;
    }

    @Override
    public String execute() throws Exception {
        // TODO Auto-generated method stub
        // 以服务器的文件保存地址和原文件名建立上传文件输出流
        //防止重名，采用uuid作为保存文件名,并保留原文件的后缀名
        String fileName=UUID.randomUUID().toString()+this.getPortraitFileName().substring(this.getPortraitFileName().lastIndexOf(".")) ;
        
        FileOutputStream fos = new FileOutputStream(
                getSavePath() + "/" +fileName);
        FileInputStream fis = new FileInputStream(getPortrait());
        byte[] buffer = new byte[1024];
        int len = 0;
        //写入
        while ((len = fis.read(buffer)) > 0) {
            fos.write(buffer, 0, len);
        }
        fos.close();
        fis.close();
        ActionContext.getContext().getSession().put("uploadFileName", fileName);
        //保存用户信息到数据库
        User user=new User(this.getUserName(),this.getPasswd(),this.getSex(),"uploadFiles/"+fileName);
        userService.addTo(user);
        //获取刚注册用户的id号
        String hql="from User where id=(select max(id) from User)";
        user=(User) userService.uniqueQuery(hql, null);
        //将登录用户设置为当前用户
        ActionContext.getContext().getSession().put("loginUser", user);
        
                
        return SUCCESS;
    }



}

　　ReleaseAction.java

package com.blog.web.action;

import com.blog.domain.Article;
import com.blog.domain.User;
import com.blog.service.inter.ArticleServiceInter;
import com.opensymphony.xwork2.ActionContext;
import com.opensymphony.xwork2.ActionSupport;

public class ReleaseAction extends ActionSupport {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    private ArticleServiceInter articleService;
    private String title;
    private Character type;
    private String contents;
    
    
    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public Character getType() {
        return type;
    }

    public void setType(Character type) {
        this.type = type;
    }

    public String getContents() {
        return contents;
    }

    public void setContents(String contents) {
        this.contents = contents;
    }

    public ArticleServiceInter getArticleService() {
        return articleService;
    }

    public void setArticleService(ArticleServiceInter articleService) {
        this.articleService = articleService;
    }

    @Override
    public String execute() throws Exception {
        // TODO Auto-generated method stub
        User user=(User) ActionContext.getContext().getSession().get("loginUser");
        Article art=new Article(title,contents,type,user);
        articleService.addTo(art);
        return SUCCESS;
    }

}

　　RegisterAction-validation.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE validators PUBLIC
        "-//OpenSymphony Group//XWork Validator  1.0.3//EN"
        "http://www.opensymphony.com/xwork/xwork-validator-1.0.3.dtd">
        <validators>
            <validator type="required">
                <param name="fieldName">userName</param>
                <message>username must not be null</message>
            </validator>
            <validator type="required">
                <param name="fieldName">passwd</param>
                <message>password must not be null</message>
            </validator>
        
        
        </validators>

applicationContext.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans
    xmlns="http://www.springframework.org/schema/beans"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xmlns:p="http://www.springframework.org/schema/p"
    xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-3.1.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsd" xmlns:tx="http://www.springframework.org/schema/tx">

    <!-- 配置action -->
    <bean  id="loginAndLogout" scope="prototype" class="com.blog.web.action.LoginAndLogoutAction">
        <property name="userService" ref="userServiceImp"></property>
        <property name="articleService" ref="articleServiceImp"></property>
    </bean>
    <bean id="goContentUi" scope="prototype" class="com.blog.web.action.GoContentUiAction">
        <property name="articleService" ref="articleServiceImp"></property>
    </bean>
    <bean id="doRegist" scope="prototype" class="com.blog.web.action.RegisterAction">
        <property name="userService" ref="userServiceImp"></property>
    </bean>
    <bean id="releaseBlog" scope="prototype" class="com.blog.web.action.ReleaseAction">
        <property name="articleService" ref="articleServiceImp"></property>
    </bean>
    
    <!-- 配置service类 -->
    <bean id="baseServiceImp" class="com.blog.service.base.BaseServiceImp" abstract="true">
        <property name="sessionFactory" ref="sessionFactory"></property>
    </bean>
    <bean id="userServiceImp" class="com.blog.service.imp.UserServiceImp" parent="baseServiceImp"></bean>
    <bean id="articleServiceImp" class="com.blog.service.imp.ArticleServiceImp" parent="baseServiceImp"></bean>
    
    <!-- 配置数据源 -->    
    <bean id="dataSource"
        class="org.apache.commons.dbcp.BasicDataSource">
        <property name="url" value="jdbc:mysql://127.0.0.1:3306/blog"></property>
        <property name="driverClassName" value="com.mysql.jdbc.Driver"></property>
        <property name="username" value="root"></property>
        <property name="password" value="frank1994"></property>
    </bean>
    <!-- 配置会话工厂 -->
    <bean id="sessionFactory"
        class="org.springframework.orm.hibernate4.LocalSessionFactoryBean">
        <property name="dataSource">
            <ref bean="dataSource" />
        </property>
        <property name="hibernateProperties">
            <props>
                <prop key="hibernate.dialect">
                    org.hibernate.dialect.MySQLDialect
                </prop>
                <prop key="hibernate.show_sql" >true</prop>
                <prop key="hibernate.format_sql">true</prop>
                <prop key="hibernate.hbm2ddl.auto">
                    update
                </prop>
            </props>
        </property>
                <property name="mappingResources">
            <list>
                <value>com/blog/domain/User.hbm.xml</value>
                <value>com/blog/domain/Article.hbm.xml</value>
            </list>
        </property>
    </bean>
    <!-- 配置事务管理器 -->
    <bean id="transactionManager"
        class="org.springframework.orm.hibernate4.HibernateTransactionManager">
        <property name="sessionFactory" ref="sessionFactory" />
    </bean>
    <!-- 开启事务 -->
    <tx:annotation-driven transaction-manager="transactionManager" /></beans>

struts.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1//EN" "http://struts.apache.org/dtds/struts-2.1.dtd">
<struts>
    <package name="lee" extends="struts-default" namespace="/">
        <action name="*Action" class="loginAndLogout" method="{1}">
            <!-- 不管登录是否成功，都返回首页面 -->
            <result name="login">index.jsp</result>
        </action>
        <action name="go*Ui" class="goContentUi" method="{1}">
        
            <result name="userBlog">WEB-INF/page/userBlog.jsp</result>
            <result name="register">WEB-INF/page/register.jsp</result>
            <result name="newArt">WEB-INF/page/newArt.jsp</result>
            <result name="showArtDet">WEB-INF/page/showArtDet.jsp</result>
        </action>
        <action name="doRegist" class="doRegist">
            <param name="savePath">/uploadFiles</param>
            <result name="success">WEB-INF/page/regSucc.jsp</result>
            <!-- 指定输入校验失败后返回register.jsp界面 -->
            <result name="input">/WEB-INF/page/register.jsp</result>
            <interceptor-ref name="fileUpload">
                <!-- 配置允许上传的文件类型 -->
                <param name="allowedTypes">image/bmp,image/png,image/gif,image/jpeg,image/pjpeg</param>
                <!-- 配置允许上传的文件大小  1M -->
                <param name="maximumSize">1048576</param>
            </interceptor-ref>
            <!-- 配置系统默认拦截器 -->
            <interceptor-ref name="defaultStack"></interceptor-ref>
        </action>
        <action name="releaseBlog" class="releaseBlog">
            <result name="success"  type="redirectAction">goUserBlogUi</result>
        </action>
    </package>

</struts>    

WebRoot

　　index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://"
            + request.getServerName()
            + ":"
            + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>frank_blog_index</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
    /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
    padding-right: 15px;
    padding-left: 15px;
    /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
    border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
    color: #414958;
    text-decoration: underline;
    /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
    color: #4E5869;
    text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
    text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
    width: 80%;
    max-width: 1260px;
    /* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
    min-width: 780px; /* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
    background: #FFF;
    margin: 0 auto;
    /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
    background: #6F7D94;
}

/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/
.content {
    padding: 10px 0;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
    padding: 0 15px 15px 40px;
    /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 脚注 ~~ */
.footer {
    padding: 10px 0;
    background: #6F7D94;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: right;
    margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
</style>
<!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
</head>

<body>

    <div class="container">
        <div class="header">
            <a href="#"><img src="img/logo.png" alt="唯一的不变是改变"
                name="Insert_logo" width="20%" height="90" id="Insert_logo"
                style="background: #8090AB; display:block;" /></a>
            <div>
                
                <c:if test="${loginUser==null }">
                    <form action="loginAction" method="post">
                        用户id:<input type="text" name="userId" /> 密码<input type="password"
                            name="passwd" /> <input type="submit" value="登录" />
                    </form>

                </c:if>
                <a href="goRegisterUi">注册</a>
                <c:if test="${loginUser!=null }">
                欢迎您${loginUser.userName}<img src="${loginUser.portrait }" width="60px" /><br>
                 &nbsp;<a href="goUserBlogUi">进入我的博客</a>&nbsp;<a
                    href="logoutAction">退出登录</a>
                </c:if>



            </div>
            <!-- end .header -->
        </div>
        <div class="content">
        <h1>最近发布的博文</h1>
        <c:forEach items="${arts }" var="art">
            <h2><a href="goShowArtDetUi?id=${art.id }">${art.title }</a></h2><h6>${art.postTime}</h6>
            <p>${art.contents }</p>
            <hr />
        </c:forEach>
            

            <h2>&nbsp;</h2>
            <!-- end .content -->
        </div>
        <div class="footer">
            <p>脚注</p>
            <!-- end .footer -->
        </div>
        <!-- end .container -->
    </div>
</body>
</html>

WEB-INF

　　web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
  <display-name>frank_blog</display-name>
  <welcome-file-list>
    <welcome-file>index.html</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>default.html</welcome-file>
    <welcome-file>default.htm</welcome-file>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <listener>
    <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  </listener>
  <context-param>
    <param-name>contextConfigLocation</param-name>
    <param-value>classpath:applicationContext.xml</param-value>
  </context-param>
  <filter>
    <filter-name>struts2</filter-name>
    <filter-class>org.apache.struts2.dispatcher.ng.filter.StrutsPrepareAndExecuteFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>struts2</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
</web-app>

　　　　page

　　　　　　newArt.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://"
            + request.getServerName()
            + ":"
            + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>frank_blog_index</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
    /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
    padding-right: 15px;
    padding-left: 15px;
    /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
    border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
    color: #414958;
    text-decoration: underline;
    /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
    color: #4E5869;
    text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
    text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
    width: 80%;
    max-width: 1260px;
    /* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
    min-width: 780px; /* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
    background: #FFF;
    margin: 0 auto;
    /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
    background: #6F7D94;
}

/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/
.content {
    padding: 10px 0;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
    padding: 0 15px 15px 40px;
    /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 脚注 ~~ */
.footer {
    padding: 10px 0;
    background: #6F7D94;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: right;
    margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
</style>
<!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
</head>

<body>

    <div class="container">
        <div class="header">
            <a href="#"><img src="img/logo.png" alt="唯一的不变是改变"
                name="Insert_logo" width="20%" height="90" id="Insert_logo"
                style="background: #8090AB; display:block;" /></a>
            <div></div>
            <!-- end .header -->
        </div>
        <div class="content">
            <s:form action="releaseBlog"  method="post">
                <table>
                    <tr>
                        <td><s:textfield name="title" label="标题" ></s:textfield>
                    </tr>
                    <tr>
                        <td>类型</td>
                        <td><select name="type">
                                <option value="O">原创</option>
                                <option value="R">转载</option>
                                <option value="T">翻译</option>
                        </select></td>

                    </tr>
                    <tr>
                        <s:textarea rows="10" cols="25" name="contents" ></s:textarea>
                        
                    </tr>
                    <tr>
                        <td><s:submit value="发布" /></td>
                    </tr>
                </table>

            </s:form>


            <h2>&nbsp;</h2>
            <!-- end .content -->
        </div>
        <div class="footer">
            <p>脚注</p>
            <!-- end .footer -->
        </div>
        <!-- end .container -->
    </div>
</body>
</html>

　　　　　　register.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s"  uri="/struts-tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://"
            + request.getServerName()
            + ":"
            + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>frank_blog_index</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
    /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
    padding-right: 15px;
    padding-left: 15px;
    /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
    border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
    color: #414958;
    text-decoration: underline;
    /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
    color: #4E5869;
    text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
    text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
    width: 80%;
    max-width: 1260px;
    /* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
    min-width: 780px; /* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
    background: #FFF;
    margin: 0 auto;
    /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
    background: #6F7D94;
}

/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/
.content {
    padding: 10px 0;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
    padding: 0 15px 15px 40px;
    /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 脚注 ~~ */
.footer {
    padding: 10px 0;
    background: #6F7D94;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: right;
    margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
</style>
<!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
</head>

<body>

    <div class="container">
        <div class="header">
            <a href="#"><img src="img/logo.png" alt="唯一的不变是改变"
                name="Insert_logo" width="20%" height="90" id="Insert_logo"
                style="background: #8090AB; display:block;" /></a>
            <div>
                

            </div>
            <!-- end .header -->
        </div>
        <div class="content">
        <s:form action="doRegist" enctype="multipart/form-data" validate="true" method="post">
        <table>
            <tr>
                <td><s:textfield  name="userName"  label="用户名"></s:textfield>
            </tr>
            <tr>
                <td><s:password name="passwd" label="密码"></s:password>
                
            </tr>
            <tr>
                <td>性别</td>
                <td><select name="sex"><option value="F">男</option><option value="M">女</select></td>
            </tr>
            <tr>
                <td>
                <s:file name="portrait" label="头像"></s:file>
                </td>
            </tr>
            <tr>
                <td>
                    <s:submit value="注册"/>
                </td>
            </tr>
        </table>

    </s:form>
            

            <h2>&nbsp;</h2>
            <!-- end .content -->
        </div>
        <div class="footer">
            <p>脚注</p>
            <!-- end .footer -->
        </div>
        <!-- end .container -->
    </div>
</body>
</html>

　　　　　　regSucc.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://"
            + request.getServerName()
            + ":"
            + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>frank_blog_index</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
    /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
    padding-right: 15px;
    padding-left: 15px;
    /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
    border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
    color: #414958;
    text-decoration: underline;
    /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
    color: #4E5869;
    text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
    text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
    width: 80%;
    max-width: 1260px;
    /* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
    min-width: 780px; /* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
    background: #FFF;
    margin: 0 auto;
    /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
    background: #6F7D94;
}

/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/
.content {
    padding: 10px 0;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
    padding: 0 15px 15px 40px;
    /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 脚注 ~~ */
.footer {
    padding: 10px 0;
    background: #6F7D94;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: right;
    margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
</style>
<!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
</head>

<body>

    <div class="container">
        <div class="header">
            <a href="#"><img src="img/logo.png" alt="唯一的不变是改变"
                name="Insert_logo" width="20%" height="90" id="Insert_logo"
                style="background: #8090AB; display:block;" /></a>
            <div>
                恭喜，注册成功 ${loginUser.userName },您的id号为${loginUser.id }<br/>
                <img src="${loginUser.portrait }" width="60px" /><br>
                欢迎您${loginUser.userName} <a href="goRegisterUi">注册</a>&nbsp;<a href="goUserBlogUi">进入我的博客</a>&nbsp;<a
                    href="logoutAction">退出登录</a>

            </div>
            <!-- end .header -->
        </div>
        <div class="content">
        <h1>最近发布的博文</h1>
        <c:forEach items="${arts }" var="art">
            <h2><a href="#">${art.title }</a></h2><h6>${art.postTime}</h6>
            <p>${art.contents }</p>
            <hr />
        </c:forEach>
            

            <h2>&nbsp;</h2>
            <!-- end .content -->
        </div>
        <div class="footer">
            <p>脚注</p>
            <!-- end .footer -->
        </div>
        <!-- end .container -->
    </div>
</body>
</html>

    
    

　　　　　　showArtDet.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://"
            + request.getServerName()
            + ":"
            + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>frank_blog_index</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
    /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
    padding-right: 15px;
    padding-left: 15px;
    /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
    border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
    color: #414958;
    text-decoration: underline;
    /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
    color: #4E5869;
    text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
    text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
    width: 80%;
    max-width: 1260px;
    /* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
    min-width: 780px; /* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
    background: #FFF;
    margin: 0 auto;
    /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
    background: #6F7D94;
}

/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/
.content {
    padding: 10px 0;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
    padding: 0 15px 15px 40px;
    /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 脚注 ~~ */
.footer {
    padding: 10px 0;
    background: #6F7D94;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: right;
    margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
</style>
<!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
</head>

<body>

    <div class="container">
        <div class="header">
            <a href="#"><img src="img/logo.png" alt="唯一的不变是改变"
                name="Insert_logo" width="20%" height="90" id="Insert_logo"
                style="background: #8090AB; display:block;" /></a>
            <div>
                
                <c:if test="${loginUser==null }">
                    <form action="loginAction" method="post">
                        用户id:<input type="text" name="userId" /> 密码<input type="password"
                            name="passwd" /> <input type="submit" value="登录" />
                    </form>

                </c:if>
                <a href="goRegisterUi">注册</a>
                <c:if test="${loginUser!=null }">
                欢迎您${loginUser.userName}<img src="${loginUser.portrait }" width="60px" /><br>
                 &nbsp;<a href="goUserBlogUi">进入我的博客</a>&nbsp;<a
                    href="logoutAction">退出登录</a>
                </c:if>



            </div>
            <!-- end .header -->
        </div>
        <div class="content">
        <h1>${art.title }</h1><hr>
        
        <h6>${art.postTime}</h6>
            <p>${art.contents }</p>
        
            

            <h2>&nbsp;</h2>
            <!-- end .content -->
        </div>
        <div class="footer">
            <p>脚注</p>
            <!-- end .footer -->
        </div>
        <!-- end .container -->
    </div>
</body>
</html>

　　　　　　userBlog.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()
            + "://"
            + request.getServerName()
            + ":"
            + request.getServerPort()
            + path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>frank_blog_index</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<style type="text/css">
body {
    font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
    background: #4E5869;
    margin: 0;
    padding: 0;
    color: #000;
}

/* ~~ 元素/标签选择器 ~~ */
ul,ol,dl {
    /* 由于浏览器之间的差异，最佳做法是在列表中将填充和边距都设置为零。为了保持一致，您可以在此处指定需要的数值，也可以在列表所包含的列表项（LI、DT 和 DD）中指定需要的数值。请注意，除非编写一个更为具体的选择器，否则您在此处进行的设置将会层叠到 .nav 列表。 */
    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6,p {
    margin-top: 0;
    /* 删除上边距可以解决边距会超出其包含的 div 的问题。剩余的下边距可以使 div 与后面的任何元素保持一定距离。 */
    padding-right: 15px;
    padding-left: 15px;
    /* 向 div 内的元素侧边（而不是 div 自身）添加填充可避免使用任何方框模型数学。此外，也可将具有侧边填充的嵌套 div 用作替代方法。 */
}

a img { /* 此选择器将删除某些浏览器中显示在图像周围的默认蓝色边框（当该图像包含在链接中时） */
    border: none;
}

/* ~~ 站点链接的样式必须保持此顺序，包括用于创建悬停效果的选择器组在内。 ~~ */
a:link {
    color: #414958;
    text-decoration: underline;
    /* 除非将链接设置成极为独特的外观样式，否则最好提供下划线，以便可从视觉上快速识别 */
}

a:visited {
    color: #4E5869;
    text-decoration: underline;
}

a:hover,a:active,a:focus { /* 此组选择器将为键盘导航者提供与鼠标使用者相同的悬停体验。 */
    text-decoration: none;
}

/* ~~ 此容器包含所有其它 div，并依百分比设定其宽度 ~~ */
.container {
    width: 80%;
    max-width: 1260px;
    /* 可能需要最大宽度，以防止此布局在大型显示器上过宽。这将使行长度更便于阅读。IE6 不遵循此声明。 */
    min-width: 780px; /* 可能需要最小宽度，以防止此布局过窄。这将使侧面列中的行长度更便于阅读。IE6 不遵循此声明。 */
    background: #FFF;
    margin: 0 auto;
    /* 侧边的自动值与宽度结合使用，可以将布局居中对齐。如果将 .container 宽度设置为 100%，则不需要此设置。 */
}

/* ~~ 标题未指定宽度。它将扩展到布局的完整宽度。标题包含一个图像占位符，该占位符应替换为您自己的链接徽标 ~~ */
.header {
    background: #6F7D94;
}

/* ~~ 这是布局信息。 ~~ 

1) 填充只会放置于 div 的顶部和/或底部。此 div 中的元素侧边会有填充。这样，您可以避免使用任何“方框模型数学”。请注意，如果向 div 自身添加任何侧边填充或边框，这些侧边填充或边框将与您定义的宽度相加，得出 *总计* 宽度。您也可以选择删除 div 中的元素的填充，并在该元素中另外放置一个没有任何宽度但具有设计所需填充的 div。

*/
.content {
    padding: 10px 0;
}

/* ~~ 此分组的选择器为 .content 区域中的列表提供了空间 ~~ */
.content ul,.content ol {
    padding: 0 15px 15px 40px;
    /* 此填充反映上述标题和段落规则中的右填充。填充放置于下方可用于间隔列表中其它元素，置于左侧可用于创建缩进。您可以根据需要进行调整。 */
}

/* ~~ 脚注 ~~ */
.footer {
    padding: 10px 0;
    background: #6F7D94;
}

/* ~~ 其它浮动/清除类 ~~ */
.fltrt { /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: right;
    margin-left: 8px;
}

.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
</style>
<!--
    <link rel="stylesheet" type="text/css" href="styles.css">
    -->
</head>

<body>

    <div class="container">
        <div class="header">
            <a href="#"><img src="img/logo.png" alt="唯一的不变是改变"
                name="Insert_logo" width="20%" height="90" id="Insert_logo"
                style="background: #8090AB; display:block;" /></a>
            <div>

                <c:if test="${loginUser==null }">
                    <form action="loginAction" method="post">
                        用户id:<input type="text" name="userId" /> 密码<input type="password"
                            name="passwd" /> <input type="submit" value="登录" />
                    </form>

                </c:if>
                欢迎您${loginUser.userName}<img src="${loginUser.portrait }" width="60px" /><br> <a href="#">管理博客</a>&nbsp;
                <a href="goNewArtUi">新博文</a>
                <a href="logoutAction">退出登录</a>

            </div>
            <!-- end .header -->
        </div>
        <div class="content">
        <c:forEach items="${arts }" var="art">
            <h2><a href="goShowArtDetUi?id=${art.id }">${art.title }</a></h2><h6>${art.postTime}</h6>
            <p>${art.contents }</p>
            <hr />
        </c:forEach>
            

            <h2>&nbsp;</h2>
            <!-- end .content -->
        </div>
        <div class="footer">
            <p>脚注</p>
            <!-- end .footer -->
        </div>
        <!-- end .container -->
    </div>
</body>
</html>