1. 程式人生 > >完整案例 || 簡單幾步開發簡易網站

完整案例 || 簡單幾步開發簡易網站

大家好,自從上期介紹完部落格系統的搭建後,不少人詢問有沒有網站的搭建方法,其實,專案原理基本相同,下面就給大家介紹一個簡易網站的搭建過程。

專案介紹

今天給大家介紹的系統採用SSH三大框架搭建,對於很多人而言,這三個框架已經相當熟悉了,而且框架自身已經相當成熟,所以我們就不細說,直接切入正題。

專案原理:Struts作為系統的整體基礎架構,負責MVC的分離,在Struts框架的模型部分,控制業務跳轉,利用Hibernate框架對持久層提供支援。

專案優點:實現了檢視、控制器與模型的徹底分離,而且還實現了業務邏輯層與持久層的分離。即使前端變化,模型層也只需很少的改動,並且資料庫的變化也不會對前端有所影響,大大提高了系統的可複用性。

系統採用Eclipse作為IDE,資料庫使用MySql,下面我們通過幾張圖來看看系統的大概情況。

專案首頁:

專案結構

資料庫:

 

專案搭建過程

首先建立Web專案,然後需要將SSH框架需要的jar包複製到WebContent下的WEB-INF下的lib裡面,然後配置web.xml檔案:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
    <welcome-file-list>
        <welcome-file>/qiantai/default.jsp</welcome-file>
    </welcome-file-list>
    <context-param>
        <param-name>contextConfigLocation</param-name>
        <param-value>/WEB-INF/applicationContext.xml</param-value>
    </context-param>
    <listener>
        <listener-class>            
           org.springframework.web.context.ContextLoaderListener
        </listener-class>
    </listener>
    <filter>
        <filter-name>struts</filter-name>
        <filter-class>
            org.apache.struts2.dispatcher.FilterDispatcher
        </filter-class>
    </filter>
    <filter-mapping>
        <filter-name>struts</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <filter>
        <filter-name>struts-cleanup</filter-name>
        <filter-class>
            org.apache.struts2.dispatcher.ActionContextCleanUp
        </filter-class>
    </filter>
    <filter-mapping>
        <filter-name>struts-cleanup</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>   
    <servlet>
    <servlet-name>dwr-invoker</servlet-name>
    <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
    <init-param>
      <param-name>debug</param-name>
      <param-value>true</param-value>
    </init-param>   
    <init-param>   
            <param-name>crossDomainSessionSecurity</param-name>   
            <param-value>false</param-value>   
    </init-param>   
    <init-param>
      <param-name>activeReverseAjaxEnabled</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>initApplicationScopeCreatorsAtStartup</param-name>
      <param-value>true</param-value>
    </init-param>
    <init-param>
      <param-name>maxWaitAfterWrite</param-name>
      <param-value>500</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>
  <servlet>
    <servlet-name>ImageServlet</servlet-name>
    <servlet-class>com.yanzheng.ImageServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>dwr-invoker</servlet-name>
    <url-pattern>/dwr/*</url-pattern>
  </servlet-mapping>
  <servlet-mapping>
    <servlet-name>ImageServlet</servlet-name>
    <url-pattern>/ImageServlet</url-pattern>
  </servlet-mapping>
</web-app>

在WEB-INF下建立applicationContext.xml檔案,配置如下:

//列舉部分
<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource">
        <property name="driverClassName" value="com.mysql.jdbc.Driver">
        </property>
        <property name="url"
            value="jdbc:mysql://127.0.0.1:3306/zyfw?characterEncoding=utf8">
        </property>
        <property name="username" value="root"></property>
        <property name="password" value="root"></property>
    </bean>
    <bean id="sessionFactory"
        class="org.springframework.orm.hibernate3.LocalSessionFactoryBean">
        <property name="dataSource">
            <ref bean="dataSource" />
        </property>
        <property name="hibernateProperties">
            <props>
                <prop key="hibernate.dialect">
                    org.hibernate.dialect.MySQL5Dialect
                </prop>
                <prop key="hibernate.show_sql">true</prop>
            </props>
        </property>
        <property name="mappingResources">
            <list>
                <value>com/model/TAdmin.hbm.xml</value>
                <value>com/model/TGonggao.hbm.xml</value>
                <value>com/model/TUser.hbm.xml</value>
                <value>com/model/THuodong.hbm.xml</value>
                <value>com/model/Juanzeng.hbm.xml</value>
                <value>com/model/TLiuyan.hbm.xml</value>
                <value>com/model/TJieshao.hbm.xml</value>
                 <value>com/model/TLianjie.hbm.xml</value>
                  <value>com/model/TNews.hbm.xml</value>
                <value>com/model/TCatelog.hbm.xml</value>
            </list>
        </property>
    </bean>
    <bean id="TCatelogDAO" class="com.dao.TCatelogDAO">
        <property name="sessionFactory">
            <ref bean="sessionFactory" />
        </property>
    </bean>
    <bean id="catelogService" class="com.service.catelogService">
        <property name="catelogDAO">
            <ref bean="TCatelogDAO" />
        </property>
    </bean>
    <bean id="catelogAction" class="com.action.catelogAction" scope="prototype">
        <property name="catelogDAO">
            <ref bean="TCatelogDAO" />
        </property>
    </bean>

然後我們需要在src下建立一個叫struts.xml的檔案,注意它和那個包是同一等級,然後配置struts.xml檔案,這裡只有列舉一部分,其他的方法根據需要按照這些格式建立即可。

<struts>
      <package name="liu" extends="struts-default">
        <global-results>
            <result name="succeed">/common/succeed.jsp</result>
            <result name="successAdd">/common/add_success.jsp</result>
            <result name="successDel">/common/del_success.jsp</result>
            <result name="successUpdate">/common/update_success.jsp</result>
        </global-results>        
        <action name="upload" class="com.util.upload" method="upload">
             <result name="success">/upload/upload_re.jsp</result>
        </action>               
        <action name="index" class="indexAction" method="index">
            <result name="success">/qiantai/index.jsp</result>
        </action>
        ...
</struts>

以上就是相關配置檔案的內容,下面我們具體到業務的實現。

業務實現

為了更加清晰的瞭解,我們以使用者登陸的實現過程來詳細講解。

userLogin中登陸相關部分:

<form action="<%=path %>/userLogin.action" name="userLogin" method="post">
    <table cellspacing="0" cellpadding="0" width="98%" align="center" border="0">
          <tr>
            <td align="center" colspan="2" height="10"></td>
          </tr>
          <tr>
            <td align="right" width="31%" height="30" style="font-size: 11px;">使用者名稱:</td>
            <td align="left" width="69%"><input class="input" id="userName" title="使用者名稱不能為空" size="14" name="userName" type="text" /></td>
          </tr>
          <tr>
            <td align="right" height="30" style="font-size: 11px;">密 碼:</td>
            <td align="left"><input class="input" title="密碼不能為空" type="password" size="16" name="userPw"/></td>
          </tr>
          <tr>
            <td align="center" colspan="2" height="10"><font color="red"><s:property value="#request.error"/></font></td>
          </tr>
          <tr>
          <td align="center" colspan="2" height="30">
               &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
               <input type="button" value="登  錄" onclick="login()" style="border:#ccc 1px solid; background-color:#FFFFFF; font-size:12px; padding-top:3px;" />
               &nbsp;
               <input type="button" value="注  冊" onclick="reg()" style="border:#ccc 1px solid; background-color:#FFFFFF; font-size:12px; padding-top:3px;" />
            </td>
         </tr>
    </table>
</form>

輸入相關資訊,點選登陸,即開始在struts.xml中查詢userLogin.action,如下:

<action name="userLogin" class="userAction" method="userLogin">
</action>

我們從這兩句中可以定位下一步,在action包中查詢userAction中的userLogin方法:

public String userLogin()
{
    String sql="from TUser where userName=? and userPw=?";
    Object[] con={userName,userPw};
    List userList=userDAO.getHibernateTemplate().find(sql,con);
    if(userList.size()==0)
    {
        this.setMessage("使用者名稱或密碼錯誤");
        this.setPath("qiantai/default.jsp");
    }
    else
    {
         Map session= ServletActionContext.getContext().getSession();
         TUser user=(TUser)userList.get(0);

         if("通過".equals(user.getZt())){
             session.put("user", user);
             this.setMessage("成功登入");
             this.setPath("qiantai/default.jsp");
         }else{
             this.setMessage("請等待管理員稽核");
             this.setPath("qiantai/default.jsp");
         }
    }
    return "succeed";
}

userDAO中配置了一些常用的操作資料庫方法,配置如下:

public class TUserDAO extends HibernateDaoSupport
{
    private static final Log log = LogFactory.getLog(TUserDAO.class);

    protected void initDao()
    {
        // do nothing
    }

    public void save(TUser transientInstance)
    {
        log.debug("saving TUser instance");
        try
        {
            getHibernateTemplate().save(transientInstance);
            log.debug("save successful");
        } catch (RuntimeException re)
        {
            log.error("save failed", re);
            throw re;
        }
    }

    public void delete(TUser persistentInstance)
    {
        log.debug("deleting TUser instance");
        try
        {
            getHibernateTemplate().delete(persistentInstance);
            log.debug("delete successful");
        } catch (RuntimeException re)
        {
            log.error("delete failed", re);
            throw re;
        }
    }

    public TUser findById(java.lang.Integer id)
    {
        log.debug("getting TUser instance with id: " + id);
        try
        {
            TUser instance = (TUser) getHibernateTemplate().get(
                    "com.model.TUser", id);
            return instance;
        } catch (RuntimeException re)
        {
            log.error("get failed", re);
            throw re;
        }
    }
      ...
}

在資料庫中查詢紀錄,如果存在返回資訊“成功登入”並跳轉到default.jsp,如果失敗返回資訊“請等待管理員稽核”並跳轉到default.jsp。

以上就是一個簡單的登陸功能,其他諸如使用者、公告、留言等操作,具體參照這個例子實現即可。

如果你有任何問題,歡迎留言,我們共同交流討論。需要原始碼的請關注微信公眾號“SL社群”獲取。

更多內容:微信關注和置頂公眾號“SL社群”(slshequ)