蘇 州 市 職 業(yè) 大 學(xué)實(shí)習(xí)（實(shí)訓(xùn)）報(bào)告名稱2013年 6 月 24日至 2013年7月4日共 2周學(xué)院(部) 計(jì)算機(jī)工程學(xué)院班 級(jí) 11軟件技術(shù)（外包）學(xué) 號(hào) 116314112

蘇 州 市 職 業(yè) 大 學(xué)

實(shí)習(xí)（實(shí)訓(xùn)）報(bào)告

名稱

2013年 6 月 24日至 2013年7月4日共 2周

學(xué)院(部) 計(jì)算機(jī)工程學(xué)院

班 級(jí) 11軟件技術(shù)（外包）

學(xué) 號(hào) 116314112

姓 名 蔣思思

學(xué)院(部) 負(fù)責(zé)人

系 主 任

指導(dǎo)教師

目 錄

1. 項(xiàng)目實(shí)訓(xùn)的目的與要求 . ............................................................................................................... 1

1.1 項(xiàng)目實(shí)訓(xùn)目的 . .................................................................................................................. 1

2. 課題說(shuō)明........................................................................................................................................ 1

2.1需求分析 . ........................................................................................................................... 1

2.2開(kāi)發(fā)工具與技術(shù)介紹 . ....................................................................................................... 2

3. 總體設(shè)計(jì)........................................................................................................................................ 2

3.1系統(tǒng)項(xiàng)目規(guī)劃 . ................................................................................................................... 2

3.2系統(tǒng)功能結(jié)構(gòu)圖 . ............................................................................................................... 3

3.3數(shù)據(jù)庫(kù)設(shè)計(jì) . ....................................................................................................................... 4

4. 系統(tǒng)實(shí)現(xiàn) . ..................................................................................................................................... 6

4.1博客系統(tǒng)登錄界面 . ........................................................................................................... 6

4.2博客網(wǎng)站首頁(yè) . ................................................................................................................... 7

4.3新博客注冊(cè)界面 . ............................................................................................................... 8

4.4個(gè)性化設(shè)置界面 . ............................................................................................................... 9

4.5寫(xiě)日志頁(yè)面 . ..................................................................................................................... 10

4.6相冊(cè)頁(yè)面 . ......................................................................................................................... 11

5. 開(kāi)發(fā)技巧與實(shí)現(xiàn)方法 . ............................................................................................................... 12

5.1在Struts 中使用攔截器進(jìn)行用戶登錄的實(shí)現(xiàn) ............................................................ 12

5.2在攔截器中進(jìn)行配置 . ..................................................................................................... 13

5.3利用Hibernate 技術(shù)進(jìn)行個(gè)人博客操作 . ..................................................................... 13

5.4進(jìn)行個(gè)人博客操作后，進(jìn)行配置修改 . ......................................................................... 14

5.5在Action 中進(jìn)行超鏈接的調(diào)用 . ................................................................................... 14

6. 項(xiàng)目實(shí)訓(xùn)總結(jié) . ........................................................................................................................... 15

7、參考文獻(xiàn) . .................................................................................................................................. 16

1. 項(xiàng)目實(shí)訓(xùn)的目的與要求

1.1項(xiàng)目實(shí)訓(xùn)目的

課程設(shè)計(jì)總的目的在于加深對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作的基本知識(shí)的理解，網(wǎng)頁(yè)設(shè)計(jì)與制作技能綜合運(yùn)用和提高，通過(guò)真實(shí)工作任務(wù)，使我們能設(shè)計(jì)出有一定水平的網(wǎng)頁(yè)并解決培養(yǎng)解決實(shí)際問(wèn)題的能力，掌握實(shí)際網(wǎng)頁(yè)設(shè)計(jì)與制作開(kāi)發(fā)流程和開(kāi)發(fā)方法。

具體的課程設(shè)計(jì)應(yīng)達(dá)到以下目的：

1．提高我們?cè)趯?shí)際操作中收集信息，對(duì)信息進(jìn)行價(jià)值判斷，信息整理、加工的能力。

2．在實(shí)際的項(xiàng)目任務(wù)中培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)方面的素養(yǎng)。

3．在實(shí)際的項(xiàng)目任務(wù)中使我們網(wǎng)頁(yè)編程和制作的能力得到提高。

4. 培養(yǎng)相關(guān)知識(shí)和技能的綜合應(yīng)用能力。

5．掌握運(yùn)用JA V A EE語(yǔ)言及數(shù)據(jù)庫(kù)原理知識(shí)進(jìn)行系統(tǒng)分析和設(shè)計(jì)的方法

課程的要求在于：考驗(yàn)我們上課所學(xué)知識(shí)，我們能否獨(dú)自完成一個(gè)網(wǎng)頁(yè)系統(tǒng)的開(kāi)發(fā)。我們要熟練應(yīng)用JA V A EE 所學(xué)的知識(shí)，與數(shù)據(jù)庫(kù)相結(jié)合，制作一個(gè)具有實(shí)用和美觀雙重功能的網(wǎng)頁(yè)系統(tǒng)。

2. 課題說(shuō)明

2.1需求分析

博客是Blog 的中文譯名，隨著網(wǎng)絡(luò)的發(fā)展，博客成為網(wǎng)民不可缺少的一部分。目前主流門戶網(wǎng)站，例如網(wǎng)易、新浪都開(kāi)通了自己的博客頻道。除此之外，還出現(xiàn)了博客網(wǎng)站，也就是說(shuō)在博客網(wǎng)站中僅能寫(xiě)博客和看別人的博客，例如IT 技術(shù)最有名的博客園。在本章中我們就來(lái)開(kāi)發(fā)一個(gè)類似的網(wǎng)站系統(tǒng)。

求賢人才網(wǎng)是一家專業(yè)于IT 方向招聘的網(wǎng)站，為了更好的招聘到合適的人才，推出博客業(yè)務(wù)。求賢人才網(wǎng)通過(guò)博客用戶的技術(shù)水平來(lái)判斷他是否能夠勝任相應(yīng)的工作，公司用戶也可以通過(guò)看博客用戶的文章看到相應(yīng)的技術(shù)水平。求賢人才網(wǎng)將通過(guò)這種方式，招攬更多的人才，從而增加自己的招聘業(yè)務(wù)量。

對(duì)于求賢人才網(wǎng)來(lái)說(shuō)，最大的需求就是讓更多的用戶瀏覽和注冊(cè)，并且發(fā)表自己的博客文章。對(duì)于用戶而言，首先要能瀏覽其他用戶發(fā)表的文章，并且這項(xiàng)操作是應(yīng)該不需要登錄的。用戶注冊(cè)并登錄后，要能夠發(fā)表自己的信息，從而能夠提供給別人查看。

1

2.2開(kāi)發(fā)工具與技術(shù)介紹

硬件平臺(tái)：

● CPU ：P41.8GHz ；

● 內(nèi)存：256MB 以上。

軟件平臺(tái)：

● 操作系統(tǒng)：Windows 7 Server；

● 數(shù)據(jù)庫(kù)：MySQL ；

● 開(kāi)發(fā)工具包：DreamweaverCS4, PhotoshopCS4,Eclipse；

● 服務(wù)器：IIS 5.1；

● 瀏覽器：IE5.0及以上版本，推薦使用IE6.0；

分辨率：最佳效果1024×768。

3. 總體設(shè)計(jì)

3.1系統(tǒng)項(xiàng)目規(guī)劃

該博客網(wǎng)站的功能主要是為了博客用戶設(shè)計(jì)開(kāi)發(fā)的，用戶進(jìn)入博客網(wǎng)站后，有三種選擇，注冊(cè)新用戶，登錄和瀏覽博客。通過(guò)注冊(cè)和登錄用戶可以獲取自己博客空間，如果不進(jìn)行這些操作，用戶也可以瀏覽其他用戶的博客內(nèi)容。

進(jìn)入自己博客中，用戶要能夠完成如下功能

● 對(duì)自己的博客進(jìn)行個(gè)性化設(shè)計(jì)

● 發(fā)表日志

● 上傳圖片和對(duì)圖片進(jìn)行瀏覽

在博客首頁(yè)中，是不區(qū)分用戶是否登錄的，用戶用能夠完成如下功能：

● 瀏覽博客網(wǎng)站的所有文章

● 瀏覽某一博客用戶發(fā)表的所有文章

● 瀏覽某一博客用戶上傳的圖片

● 對(duì)文章進(jìn)行評(píng)論

● 查看文章的點(diǎn)擊率

● 查看文章的評(píng)論量

2

3.2系統(tǒng)功能結(jié)構(gòu)圖

本系統(tǒng)首先需要對(duì)用戶進(jìn)行身份驗(yàn)證，驗(yàn)證時(shí)判斷用戶是以注冊(cè)用戶還是普通游客。如果已是注冊(cè)用戶，則跳轉(zhuǎn)到對(duì)應(yīng)的個(gè)人博客的頁(yè)面；如果是游客，則直接進(jìn)入到博客網(wǎng)站首頁(yè)。下面是博客網(wǎng)站的功能結(jié)構(gòu)圖。

圖 3.1模塊結(jié)構(gòu)圖

3

3.3數(shù)據(jù)庫(kù)設(shè)計(jì)

本系統(tǒng)一共設(shè)計(jì)出5個(gè)實(shí)體，分別是用戶實(shí)體、文章實(shí)體、個(gè)性化實(shí)體、評(píng)論實(shí)體以及點(diǎn)擊量實(shí)體。

（1）用戶表用來(lái)存儲(chǔ)博客系統(tǒng)中建立自己的博客，并進(jìn)行博客操作的客戶，包括用戶名、密碼、昵稱、密碼保護(hù)問(wèn)題和密碼保護(hù)回答字段。

表3.1 用戶表

（2）個(gè)性設(shè)置表用來(lái)儲(chǔ)存用戶對(duì)個(gè)人博客進(jìn)行個(gè)性化設(shè)置的基本信息，包括用戶名、博客標(biāo)題和個(gè)性簽名。

表3.1 個(gè)性設(shè)置表

（3）文章表用來(lái)存儲(chǔ)博客系統(tǒng)中博客文章的基本信息，包括文章的Id 、文章標(biāo)題、文章內(nèi)容、發(fā)表用戶名、發(fā)表時(shí)間和評(píng)論數(shù)。

表3.1 文章表

4

（4）評(píng)論表用來(lái)存儲(chǔ)博客系統(tǒng)中所有評(píng)論的基本信息，包括評(píng)論Id 、評(píng)論文章、評(píng)論內(nèi)容和評(píng)論用戶。

表3.1 評(píng)論表

（5）點(diǎn)擊量表用來(lái)存儲(chǔ)博客系統(tǒng)中點(diǎn)擊文章的基本信息，包括ID ，文章ID ，點(diǎn)擊者IP 和點(diǎn)擊時(shí)間。

表3.1 點(diǎn)擊量表

5

4. 系統(tǒng)實(shí)現(xiàn)

4.1博客系統(tǒng)登錄界面

如下圖所示

圖4.1 博客系統(tǒng)登錄界面

登錄界面關(guān)鍵代碼如下：

public String execute() throws Exception {

} User user = new User(); user.setUsername(username ); user.setPassword(password ); //獲得request HttpServletRequest request = ServletActionContext. getRequest (); if (userService .loginUser(user)) { } request.setAttribute("url" , "user/getBlogInfo.action"); request.setAttribute("info" , " 登陸成功" ); //將username 保存到session 范圍中 HttpSession session =request.getSession(); session.setAttribute("username", username); Map session = ActionContext.getContext ().getSession(); session.put("username" , username ); return SUCCESS ; request.setAttribute("url" , "login.jsp" ); request.setAttribute("info" , " 登陸失敗" ); return ERROR ; // // } else {

6

4.2博客網(wǎng)站首頁(yè)

進(jìn)入登錄界面后，可以選擇不登錄，而是直接單擊“博客首頁(yè)”，從而進(jìn)入博客系統(tǒng)首頁(yè)，在博客系統(tǒng)首頁(yè)中可以查看到該博客的網(wǎng)站中已經(jīng)發(fā)表的博客文章，在博客網(wǎng)站的右半部分還可以看到文章的發(fā)表時(shí)間、點(diǎn)擊量、評(píng)論和發(fā)表用戶。

圖4.2 博客網(wǎng)站首頁(yè)

下面是博客網(wǎng)站頁(yè)面的關(guān)鍵代碼：

public String execute() throws Exception {

址

}

7

Page page = new Page(); page.setCurrentPage(0); page.setEveryPage(10); //分頁(yè)信息 //設(shè)置當(dāng)前頁(yè)為第一頁(yè) //每頁(yè)顯示10條記錄 Result result = articleService . showArticleByPage(page);//通過(guò)調(diào)用業(yè)務(wù)邏輯組件來(lái)完成查詢 page = result.getPage(); List