多媒體畢業(yè)設(shè)計(jì)論文

1、<p>　　計(jì)算機(jī)多媒體畢業(yè)論文</p><p>　　專(zhuān) 業(yè) ： 計(jì)算機(jī)多媒體</p><p>　　班 級(jí) ： </p><p>　　姓 名 ： </p><p>　　指導(dǎo)老師 ： </p><p>　　2012年 6 月 19 日<

2、;/p><p><b>　　摘 要</b></p><p>　　隨著Internet的發(fā)展日新月異，網(wǎng)站已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分。由于供求網(wǎng)站有大量的最新信息，無(wú)論是單位還是個(gè)人每天都要進(jìn)行獲取信息的操作，為能夠?qū)⒆约核鶎W(xué)的知識(shí)應(yīng)用到實(shí)踐去，也為打造更好的供求平臺(tái)，特選擇都市供求信息網(wǎng)網(wǎng)站的制作作為本次畢業(yè)設(shè)計(jì)的課題。</p>&

3、lt;p>　　本次網(wǎng)站開(kāi)發(fā)的主要目的是綜合應(yīng)用自己所學(xué)的知識(shí)，通過(guò)網(wǎng)站的制作將自己xx所學(xué)系統(tǒng)一下，為以后工作中的應(yīng)用打下基礎(chǔ)。在網(wǎng)站的制作中也了解到了一些新的知識(shí)的應(yīng)用，擴(kuò)展了自己的知識(shí)范圍。</p><p>　　網(wǎng)站頁(yè)面主色調(diào)為亮色系，淺藍(lán)色為主，基本風(fēng)格以簡(jiǎn)單大方美觀為主。整個(gè)網(wǎng)站的設(shè)計(jì)制作大體分為前臺(tái)查詢(xún)和后臺(tái)管理兩部分。在系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)中我們結(jié)合了我們結(jié)合了HTML、UML、JSP、Java、J

4、avaScript、Servlet、DAO模型等技術(shù)來(lái)實(shí)現(xiàn)以及 Dreamweaver、PhotoShop、Eclipse、MyEclipse、JDK、 Tomcat等工具。后臺(tái)使用數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)信息的存儲(chǔ)，數(shù)據(jù)庫(kù)用MySQL建立。前臺(tái)頁(yè)面具體的功能是實(shí)現(xiàn)客戶(hù)的登錄和注冊(cè)的鏈接，以及用戶(hù)對(duì)房產(chǎn)、招聘、旅游、供求信息的查詢(xún)；后臺(tái)管理主要實(shí)現(xiàn)的是管理員對(duì)用戶(hù)信息和發(fā)布信息的管理。</p><p>　　我主要負(fù)責(zé)設(shè)計(jì)招

5、聘、房屋查詢(xún)管理模塊。招聘、房屋模塊是對(duì)首頁(yè)的招聘、房屋信息的操作，通過(guò)對(duì)招聘、房屋導(dǎo)航條的點(diǎn)擊查詢(xún)可以很方便的找出招聘或房屋的信息。</p><p>　　關(guān)鍵詞：信息，Dreamweaver，HTMLT,數(shù)據(jù)庫(kù)管理系統(tǒng)，Java</p><p><b>　　Abstract</b></p><p>　　With the development

6、 of Internet change rapidly, the site has become the government, enterprises and institutions of information construction is the important part. As a result of supply and demand website has a large amount of the latest i

7、nformation, whether the units or individuals every day to obtain the information of the operation, to be their knowledge into practice, but also to create a better supply platform, special choice of urban supply and dema

8、nd information network web site producti</p><p>　　This web site development is the main aim of comprehensive application of their knowledge, through the web site production will own XX system, for future wor

9、k to lay a foundation for the application of. In site production also learned some new knowledge application, expand their scope of knowledge.</p><p>　　Web page main colors for the bright lines, light blue,

10、with simple and generous appearance mainly basic style. The entire site design can be divided into front and backstage management part two query. In the system design and implementation we combine our combination of HTML

11、, UML, JSP, Java, JavaScript, Servlet, DAO model technology to realize and Dreamweaver, PhotoShop, Eclipse, MyEclipse, JDK, Tomcat and other tools. The use of background database for data storage, database is built with

12、MySQL</p><p>　　I am mainly responsible for the design, housing query management module. Recruitment, the housing module is on home recruitment, housing information operation, through the recruitment, housing

13、 the navigation bar and click search can be very convenient to identify recruitment or housing information.</p><p>　　Key words: information, Dreamweaver, HTMLT, database management system, Java</p>&l

14、t;p><b>　　目 錄</b></p><p><b>　　前言1</b></p><p>　　第一章 可行性分析2</p><p>　　1.1 可行性分析的前提2</p><p>　　1.2 技術(shù)可行性分析2</p><p>　　第二章 需求分析4&

15、lt;/p><p>　　2.1都市供求信息網(wǎng)用例圖4</p><p>　　2.2都市供求信息網(wǎng)數(shù)據(jù)流圖5</p><p>　　2.3都市供求信息網(wǎng)功能需求10</p><p>　　2.4 外部接口需求11</p><p>　　2.5 硬件配置11</p><p>　　第三章 概要設(shè)計(jì)13

16、</p><p>　　3.1概要設(shè)計(jì)的目的13</p><p>　　3.2都市供求信息網(wǎng)模塊結(jié)構(gòu)圖14</p><p>　　3.3都市供求信息網(wǎng)個(gè)模塊功能設(shè)計(jì)14</p><p>　　3.4數(shù)據(jù)庫(kù)設(shè)計(jì)17</p><p>　　3.5 系統(tǒng)故障處理18</p><p>　　第四章 前臺(tái)房

17、產(chǎn)信息及招聘信息模塊詳細(xì)設(shè)計(jì)及實(shí)現(xiàn)19</p><p>　　4.1 詳細(xì)設(shè)計(jì)的目的19</p><p>　　4.2 主頁(yè)模塊詳細(xì)設(shè)計(jì)及實(shí)現(xiàn)19</p><p>　　第五章 結(jié)束語(yǔ)33</p><p>　　5.1論文總結(jié)33</p><p>　　5.2工作展望34</p><p>&l

18、t;b>　　參考文獻(xiàn)35</b></p><p><b>　　致 謝36</b></p><p><b>　　前 言</b></p><p>　　隨著全球信息向網(wǎng)絡(luò)化方向的發(fā)展，互聯(lián)網(wǎng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經(jīng)濟(jì)、生活等各個(gè)方面發(fā)揮著重要的作用，徹底改變了人類(lèi)

19、的工作、生活、學(xué)習(xí)和娛樂(lè)方式，已成為國(guó)家經(jīng)濟(jì)和區(qū)域性經(jīng)濟(jì)增長(zhǎng)的主要?jiǎng)恿?。Internet也已正式成為世界最大的公共資料庫(kù)。Internet上發(fā)布信息主要是通過(guò)網(wǎng)上實(shí)現(xiàn)的，獲取信息也是要在Internet“海洋”中按照一定的檢索方式將所需要的信息從網(wǎng)上得以實(shí)現(xiàn)的，人們?nèi)粘Ｉ钤絹?lái)越多地使用這項(xiàng)新的技術(shù)來(lái)為自己的工作和學(xué)習(xí)服務(wù)。由于WEB頁(yè)面能把文本、圖像、聲音、動(dòng)畫(huà)、視像等多媒體信息集于一體，不但使信息的顯示更加生動(dòng)，而且使信息的瀏覽更為

20、方便，同時(shí)WEB頁(yè)能實(shí)現(xiàn)網(wǎng)上交易平臺(tái)、客戶(hù)信息，反饋了企業(yè)和客戶(hù)的信息交流。因此，網(wǎng)站建設(shè)在Internet應(yīng)用上的地位顯而易見(jiàn)，它已成為政府、企事業(yè)單位信息化建設(shè)中的重要組成部分，從而倍受人們的重視。為了讓客戶(hù)或單位更好的、更方便的進(jìn)行供求信息的查詢(xún)、發(fā)布、和獲取信息，以滿(mǎn)足客戶(hù)、單位供求信息不斷增長(zhǎng)的需求，本次畢業(yè)設(shè)計(jì)特構(gòu)建都市供求信息網(wǎng)系統(tǒng)。</p><p>　　第一章 可行性分析</p>

21、<p>　　1.1 可行性分析的前提</p><p><b>　　1、要求</b></p><p>　　● 主要功能：實(shí)現(xiàn)對(duì)信息的查詢(xún)、統(tǒng)計(jì)、檢索等工作，盡量減少數(shù)據(jù)冗余，以簡(jiǎn)練實(shí)用為基礎(chǔ)，實(shí)現(xiàn)信息快速檢索化。</p><p>　　● 性能要求：系統(tǒng)支持并規(guī)范信息的發(fā)布真實(shí)性和對(duì)用戶(hù)的管理、注冊(cè)、發(fā)布信息、檢索信息等操作的全過(guò)程，為單

22、位或個(gè)人找到最好的信息而努力。</p><p>　　● 實(shí)現(xiàn)都市供求信息網(wǎng)的準(zhǔn)確、及時(shí)處理和共享。</p><p>　　● 輸出要求：數(shù)據(jù)完整、詳實(shí)、簡(jiǎn)捷、快速、實(shí)時(shí)。</p><p>　　● 安全與保密要求：管理員可以對(duì)發(fā)布的信息、用戶(hù)信息進(jìn)行操作；讀者在未登錄以前只可瀏覽本網(wǎng)站但不能發(fā)布信息。</p><p><b>　　2、

23、目標(biāo)</b></p><p>　　大大提高用戶(hù)或單位效率，減少時(shí)間的浪費(fèi)。</p><p>　　3、決定可行性的主要因素</p><p>　　成本/效益分析結(jié)果，效益 > 成本。</p><p>　　技術(shù)可行，在現(xiàn)有的操作系統(tǒng)WindowsXP下和我們掌握的開(kāi)發(fā)技術(shù)，可以對(duì)此項(xiàng)目的開(kāi)發(fā)。</p><p&g

24、t;　　操作可行，主要是指系統(tǒng)的運(yùn)行方式，操作規(guī)程在用戶(hù)組織內(nèi)是否可以有效地實(shí)施。我們開(kāi)發(fā)小組可以勝任。</p><p>　　1.2 技術(shù)可行性分析</p><p>　　本網(wǎng)站是計(jì)劃采用Jsp+JavaBean+Servlet的MVC框架，數(shù)據(jù)層主要是采用DAO+靜態(tài)工廠模式開(kāi)發(fā)的。</p><p><b>　　1.運(yùn)行平臺(tái)：</b></

25、p><p>　　JDK+[Apache]+Tomcat+MYSQL或Windowsxp</p><p><b>　　2.開(kāi)發(fā)工具：</b></p><p>　　Dreamweaver+Eclipse3.2+myEclipse5.5</p><p>　　3.模塊化思想：分為3層</p><p>　　數(shù)據(jù)

26、存儲(chǔ)層：使用mysql存儲(chǔ)網(wǎng)站的所有數(shù)據(jù)，包含用戶(hù)的信息，文章數(shù)據(jù)，用戶(hù)發(fā)布的信息，系統(tǒng)數(shù)據(jù)，關(guān)鍵問(wèn)題，數(shù)據(jù)庫(kù)的規(guī)劃，是否用文件來(lái)輔助。</p><p>　　系統(tǒng)功能層：完成網(wǎng)站的基本功能，由多個(gè)并列模塊組成，向下調(diào)用Mysql的函數(shù)訪問(wèn)數(shù)據(jù)庫(kù)，向上接受處理請(qǐng)求，將處理的結(jié)果返回上層，根據(jù)請(qǐng)求的類(lèi)型，返回成敗結(jié)果和其他的數(shù)據(jù)。而且模塊高度靈活?？梢苑奖愕男薷脑?。</p><p>　　服務(wù)

27、層: 直接和客戶(hù)對(duì)話，根據(jù)客戶(hù)機(jī)的請(qǐng)求，調(diào)用功能模塊取的數(shù)據(jù)，然后將數(shù)據(jù)發(fā)送回客戶(hù)端，根據(jù)客戶(hù)端的類(lèi)型，分別開(kāi)發(fā)不同的服務(wù)模塊，并且盡可能合理進(jìn)行抽象。使對(duì)不同的服務(wù)層，能共享系統(tǒng)功能層的模塊。</p><p><b>　　第二章 需求分析</b></p><p>　　2.1都市供求信息網(wǎng)用例圖</p><p>　　用例視圖顯示誰(shuí)是相關(guān)的用戶(hù)

28、、用戶(hù)希望系統(tǒng)提供什么樣的服務(wù)，以及用戶(hù)需要為系統(tǒng)提供的服務(wù)，以便使系統(tǒng)的用戶(hù)更容易理解這些元素的用途，也便于軟件開(kāi)發(fā)人員最終實(shí)現(xiàn)這些元素。用例圖在各種開(kāi)發(fā)活動(dòng)中被廣泛的應(yīng)用，但是它最常用來(lái)描述系統(tǒng)及子系統(tǒng)</p><p><b>　　瀏覽者</b></p><p>　　圖2.1 Guest用例圖</p><p>　　圖2.2 User 用例圖

29、</p><p>　　圖2.3 Admin 用例圖</p><p>　　2.2都市供求信息網(wǎng)數(shù)據(jù)流圖</p><p>　　數(shù)據(jù)流圖簡(jiǎn)稱(chēng)DFD，是SA方法中用于表示系統(tǒng)邏輯模型的一種工具。它以圖形的方式描述數(shù)據(jù)在系統(tǒng)中流動(dòng)和處理的過(guò)程，由于它只反映系統(tǒng)必須完成的邏輯功能，所以它是一種功能模型</p><p>　　1都市供求信息網(wǎng)整體數(shù)據(jù)流圖&

30、lt;/p><p>　　圖2.4 都市供求信息網(wǎng)整體數(shù)據(jù)流圖</p><p>　　2都市供求信息網(wǎng)頂層Guest角色數(shù)據(jù)流圖</p><p>　　圖2.5 Guest（瀏覽者）角色層數(shù)據(jù)流程圖</p><p>　　3 User（用戶(hù)）角色層數(shù)據(jù)流圖 </p><p>　　圖2.6 User（用戶(hù)）角色層數(shù)據(jù)流圖</p

31、><p>　　4都市供求信息網(wǎng)Admin角色層數(shù)據(jù)流圖 </p><p>　　圖2.7 Admin角色層數(shù)據(jù)流圖</p><p>　　5都市供求信息網(wǎng)分層數(shù)據(jù)流圖</p><p>　　Guest（瀏覽者）角色層：</p><p>　　圖2.8都市供求信息網(wǎng)Guest角色層數(shù)據(jù)流</p><p>　　

32、2.3都市供求信息網(wǎng)功能需求</p><p>　　系統(tǒng)可以分為以下幾個(gè)功能：</p><p>　　1. 會(huì)員登陸注冊(cè)：</p><p>　　包括會(huì)員登陸，退出，注冊(cè)，退出等功能；</p><p>　　2. 會(huì)員用戶(hù)信息修改：</p><p>　　當(dāng)會(huì)員登陸網(wǎng)站后，在個(gè)人工具箱中，可以通過(guò)修改個(gè)人密碼（其用戶(hù)不可以修改）

33、。</p><p><b>　　3. 信息發(fā)布：</b></p><p>　　用戶(hù)登陸后可以發(fā)布信息，選擇發(fā)布信息的類(lèi)型，信息的標(biāo)題等。</p><p>　　4. 公告 /制度管理：</p><p>　　管理員可以通過(guò)后臺(tái)管理系統(tǒng)發(fā)布網(wǎng)站公告信息，公告的主題，公告的內(nèi)容，</p><p>　　設(shè)置

34、字體的大小和顏色等。</p><p>　　5. 網(wǎng)站版塊管理：</p><p>　　網(wǎng)站管理員可以通過(guò)后臺(tái)控制網(wǎng)站的主頁(yè)版塊，管理員可以完成以下功能：添加分類(lèi)</p><p>　　和版面，版面配置或刪除；并可以對(duì)以存在的版塊設(shè)置屬性（包括名稱(chēng)，類(lèi)別，屬性，</p><p>　　默認(rèn)風(fēng)格，主題等）。</p><p>&l

35、t;b>　　6. 后臺(tái)管理：</b></p><p>　　包括社區(qū)信息的配置；刪除會(huì)員信息或發(fā)布的信息，審核會(huì)員發(fā)布的信息，刪除發(fā)布信息。對(duì)會(huì)員進(jìn)行刪除，添加管理員，安全退出，用戶(hù)列表等功能。</p><p>　　以上的功能完成了整個(gè)網(wǎng)站的配置，用戶(hù)管理，管理員的管理都可以通過(guò)相應(yīng)的連接來(lái)完成。</p><p>　　2.4 外部接口需求</p

36、><p><b>　　1 網(wǎng)站主頁(yè)界面</b></p><p>　　本系統(tǒng)采用標(biāo)準(zhǔn)的Jsp編寫(xiě)，內(nèi)不嵌套JavaScript，xml，css，風(fēng)格統(tǒng)一，瀏覽者可以通過(guò)主頁(yè)查看所有的信息。本模塊不涉及音頻和視頻等，這樣能保證網(wǎng)頁(yè)的快速性。瀏覽者可以直接查看發(fā)布的信息，盡可能簡(jiǎn)化操作，其主界面簡(jiǎn)便易于使用。</p><p><b>　　2 其

37、他接口需求</b></p><p>　　本網(wǎng)站 是采用Jsp+JavaBean+Servlet的MVC框架開(kāi)發(fā)的一套網(wǎng)絡(luò)網(wǎng)站。數(shù)據(jù)</p><p>　　庫(kù)的接口采用DB連接實(shí)現(xiàn)。使用MySql來(lái)存儲(chǔ)網(wǎng)站的所有信息，包括用戶(hù)的信息，發(fā)布的信息，系統(tǒng)數(shù)據(jù)等。</p><p><b>　　3 運(yùn)行方式</b></p><

38、;p>　　此網(wǎng)站獨(dú)立運(yùn)行在web Server上。</p><p><b>　　2.5 硬件配置</b></p><p><b>　　1 設(shè)備要求</b></p><p><b>　　主機(jī)類(lèi)型：</b></p><p><b>　　服務(wù)器最低配置</b&g

39、t;</p><p>　　cpu：p3-850hz</p><p><b>　　內(nèi)存：256MB</b></p><p><b>　　硬盤(pán)：20GB</b></p><p>　　網(wǎng)卡：10/100MB自適應(yīng)</p><p><b>　　客戶(hù)機(jī)最低配置</b&g

40、t;</p><p>　　cpu：p3-450hz</p><p><b>　　內(nèi)存：256MB</b></p><p><b>　　硬盤(pán)：10GB</b></p><p>　　網(wǎng)卡：10/100MB自適應(yīng)</p><p><b>　　2 支撐軟件</b>

41、;</p><p><b>　　服務(wù)器最低配置</b></p><p>　　操作系統(tǒng)：Linux或Windows server</p><p>　　數(shù)據(jù)庫(kù)平臺(tái)： MS SQL SERVER 或 MySql</p><p>　　Web服務(wù)器：Apace/Tomcat或resin</p><p>&l

42、t;b>　　客戶(hù)機(jī)最低配置</b></p><p>　　操作系統(tǒng)：Linux或Windows server</p><p>　　Web客戶(hù)端：IE6.0以上。</p><p><b>　　第三章 概要設(shè)計(jì)</b></p><p>　　3.1概要設(shè)計(jì)的目的</p><p>　　本階

43、段已在系統(tǒng)的需求分析的基礎(chǔ)上，對(duì)供求信息網(wǎng)站做概要設(shè)計(jì)。主要解決了實(shí)現(xiàn)該系統(tǒng)需求的程序模塊設(shè)計(jì)問(wèn)題。包括如何把該網(wǎng)站劃分成若干個(gè)模塊、決定各個(gè)模塊之間的接口、模塊之間傳遞的信息，以及數(shù)據(jù)結(jié)構(gòu)、模塊結(jié)構(gòu)的設(shè)計(jì)等。在以下的概要設(shè)計(jì)報(bào)告中將對(duì)在本階段中對(duì)網(wǎng)站所做的所有概要設(shè)計(jì)進(jìn)行詳細(xì)的說(shuō)明。</p><p>　　在下一階段的詳細(xì)設(shè)計(jì)中，程序設(shè)計(jì)員可參考此概要設(shè)計(jì)，在概要設(shè)計(jì)對(duì)供求信息網(wǎng)站所做的模塊結(jié)構(gòu)設(shè)計(jì)的基礎(chǔ)上，對(duì)網(wǎng)

44、站進(jìn)行詳細(xì)設(shè)計(jì)。在以后的軟件測(cè)試以及軟件維護(hù)階段也可參考此階段，以便于了解在概要設(shè)計(jì)過(guò)程中所完成的各模塊設(shè)計(jì)結(jié)構(gòu)，或在修改時(shí)找出在本階段設(shè)計(jì)的不足或錯(cuò)誤。</p><p>　　3.2都市供求信息網(wǎng)模塊結(jié)構(gòu)圖</p><p>　　圖3.1 系統(tǒng)模塊結(jié)構(gòu)圖</p><p>　　3.3都市供求信息網(wǎng)個(gè)模塊功能設(shè)計(jì)</p><p>　　1 會(huì)員登陸注

45、冊(cè)模塊詳細(xì)功能設(shè)計(jì)</p><p>　　表3.1 會(huì)員登陸注冊(cè)模塊功能設(shè)計(jì)表</p><p>　　2 帳戶(hù)信息模塊詳細(xì)功能設(shè)計(jì)</p><p>　　表3.2 帳戶(hù)信息模塊功能設(shè)計(jì)表</p><p>　　3 網(wǎng)站發(fā)布信息模塊詳細(xì)功能設(shè)計(jì)</p><p>　　表3.3網(wǎng)站發(fā)布信息模塊功能設(shè)計(jì)表</p><

46、;p>　　4公告/制度詳細(xì)功能設(shè)計(jì)</p><p>　　表3.4公告/制度詳細(xì)功能設(shè)計(jì)</p><p>　　5管理員詳細(xì)功能設(shè)計(jì)</p><p>　　表3.5管理員詳細(xì)功能設(shè)計(jì)</p><p><b>　　6后臺(tái)詳細(xì)功能設(shè)計(jì)</b></p><p>　　表3.6后臺(tái)詳細(xì)功能設(shè)計(jì)</p&

47、gt;<p><b>　　3.4數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p><b>　　1系統(tǒng)所包含的實(shí)體</b></p><p>　　經(jīng)分析可知，本都是供求信息網(wǎng)系統(tǒng)中所包含的實(shí)體有：</p><p><b>　　1.管理員信息實(shí)體</b></p><p><b&

48、gt;　　2.用戶(hù)實(shí)體</b></p><p><b>　　3.用戶(hù)信息實(shí)體</b></p><p>　　2系統(tǒng)所需數(shù)據(jù)表及各字段信息</p><p>　　表3.7 User表</p><p>　　表3.8 Admin表</p><p>　　表3.9 Info表（主鍵是type表的ty

49、pe_sign）</p><p>　　表3.10 Type表</p><p>　　3.5 系統(tǒng)故障處理</p><p>　　當(dāng)出現(xiàn)賬號(hào)、密碼等通常的錯(cuò)誤時(shí)，用戶(hù)可以重新輸入信息，即可解決，或是重新啟動(dòng)客戶(hù)端，當(dāng)出現(xiàn)無(wú)法連接數(shù)據(jù)庫(kù)或者是查詢(xún)中的錯(cuò)誤，通常系統(tǒng)管理員重新啟動(dòng)服務(wù)即可解決，由于數(shù)據(jù)庫(kù)的連接錯(cuò)誤是全局的，所以重新啟動(dòng)服務(wù)是最佳的操作。</p>

50、<p>　　表3.11 故障處理</p><p>　　第四章 主頁(yè)模塊及后臺(tái)信息模塊詳細(xì)設(shè)計(jì)及實(shí)現(xiàn)</p><p>　　4.1 詳細(xì)設(shè)計(jì)的目的 </p><p>　　在本都市供求信息網(wǎng)項(xiàng)目的前一階段，也就是概要設(shè)計(jì)階段中，已經(jīng)將系統(tǒng)子模塊功能做了詳細(xì)的闡述，這些模塊功能具體設(shè)計(jì)將在本報(bào)告中得以詳盡敘述及闡明。</p><p>　　

51、本階段在系統(tǒng)的概要設(shè)計(jì)的基礎(chǔ)上對(duì)都市供求信息網(wǎng)做詳細(xì)設(shè)計(jì)。主要解決了實(shí)現(xiàn)該系統(tǒng)程序模塊具體設(shè)計(jì)問(wèn)題。包括確定算法，數(shù)據(jù)結(jié)構(gòu)，模塊接口的使用，數(shù)據(jù)庫(kù)的動(dòng)態(tài)操作以及界面設(shè)計(jì)等。在以下的詳細(xì)設(shè)計(jì)報(bào)告中將對(duì)在本階段中對(duì)系統(tǒng)所做的所有詳細(xì)設(shè)計(jì)進(jìn)行詳細(xì)的說(shuō)明。</p><p>　　在下一階段的編碼過(guò)程中，程序設(shè)計(jì)員可參考此詳細(xì)設(shè)計(jì)階段，詳細(xì)設(shè)計(jì)階段對(duì)都市供求信息網(wǎng)所做的算法設(shè)計(jì)，數(shù)據(jù)結(jié)構(gòu)以及數(shù)據(jù)庫(kù)動(dòng)態(tài)操作的基礎(chǔ)上，對(duì)系統(tǒng)進(jìn)行

52、編碼。在以后的軟件測(cè)試以及軟件維護(hù)階段也可參考此階段，以便于了解在詳細(xì)設(shè)計(jì)過(guò)程中所完成的各模塊算法設(shè)計(jì)，或在修改時(shí)找出在本階段設(shè)計(jì)的不足或錯(cuò)誤。</p><p>　　4.2 主頁(yè)模塊詳細(xì)設(shè)計(jì)及實(shí)現(xiàn)</p><p><b>　　1.</b></p><p>　　在地址欄里輸入http://localhost:8080/wangzhan/top 進(jìn)

53、入主界面。實(shí)現(xiàn)的主要代碼為：<%</p><p>　　List<InforBean>list=(List<InforBean>)request.getAttribute("list");</p><p>　　List<InforBean>list1=(List<InforBean>)request.getAttrib

54、ute("list1");</p><p>　　List<InforBean>list2=(List<InforBean>)request.getAttribute("list2");</p><p>　　List<InforBean>list3=(List<InforBean>)request.get

55、Attribute("list3");</p><p>　　List<InforBean>list4=(List<InforBean>)request.getAttribute("list4");</p><p>　　List<UserBean>List=(List<UserBean>)request.

56、getAttribute("list5");</p><p>　　List<InforBean>list5=(List<InforBean>)request.getAttribute("list6");</p><p><b>　　%></b></p><p><b&g

57、t;　　<%</b></p><p>　　//Login login=new Login();</p><p>　　String name=(String)request.getAttribute("error");</p><p>　　//String succ=(String)request.getAttribute(&qu

58、ot;succ");</p><p>　　//if(name==null)</p><p><b>　　//{</b></p><p>　　//name="請(qǐng)輸入你的密碼和用戶(hù)名";</p><p>　　//login.setName(name);</p><p>&

59、lt;b>　　//}</b></p><p><b>　　//else</b></p><p><b>　　//{</b></p><p>　　//String error="用戶(hù)名或密碼錯(cuò)誤！請(qǐng)重新輸入";</p><p>　　//login.setName(

60、error);</p><p><b>　　// }</b></p><p><b>　　%></b></p><p><b>　　<body></b></p><p>　　<div class="top0"></p>

61、;<p>　　<div class="logo0"></p><p>　　<a href="top"><img src="images/logo.gif" alt="網(wǎng)站logo，點(diǎn)擊返回首頁(yè)" /></a></p><p><b>　　&

62、lt;/div></b></p><p>　　<div class="banner0"></p><p>　　<img src="images/banner.gif" alt="網(wǎng)站banner" /></p><p>　　</div> </

63、p><p>　　<p align="left">&nbsp;&nbsp;</p></p><p>　　<div class="bbstop"></p><p>　　<img src="images/ico1.gif" alt="設(shè)為首頁(yè)&quo

64、t; />&nbsp;<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://localhost:8080/wangzhan/top');">設(shè)為首頁(yè)</a></p><p>　　

65、<br><img src="images/ico2.gif" alt="加入收藏免費(fèi)者" />&nbsp;<a href="javascript:window.external.AddFavorite('http://localhost:8080/wangzhan/top','威海都市供求信息網(wǎng)')">

66、加入收藏</a></p><p>　　<br><img src="images/ico2.gif" alt="供求信息" />&nbsp;<a href="index.jsp" target="_blank">供求信息</a></p><p>

67、　　<br><img src="images/ico2.gif" alt="威海職業(yè)學(xué)院" />&nbsp;<a href="http://www.weihaicollege.com" target="_blank">威海職業(yè)學(xué)院</a></p><p><b>　　&

68、lt;/div> </b></p><p>　　</div><form></p><p>　　<div class="navtop"></p><p><b>　　<tr></b></p><p><b>　　<td &

69、gt;<ul></b></p><p><b>　　<li></li></b></p><p>　　<a href="top" target="_blank" class="me"><font color="red">

70、首頁(yè)</font></a></p><p>　　<mfz:top startTag="<li>" endTag="</li>"></mfz:top></ul></p><p><b>　　</td></b></p>&l

71、t;p><b>　　<td><ul></b></p><p><b>　　<li></li></b></p><p>　　<a href="display?number=3" target="_blank" class="me"

72、 >車(chē)輛信息</a></p><p>　　<mfz:top startTag="<li>" endTag="</li>"></mfz:top></ul></p><p><b>　　</td></b></p><p>

73、;　　<td><ul><li></li></p><p>　　<a href="display?number=5" target="_blank" class="me">房產(chǎn)信息</a></p><p>　　<mfz:top startTag="

74、;<li>" endTag="</li>"></mfz:top></p><p>　　</ul></td></p><p>　　<td><ul><li></li></p><p>　　<a href="dis

75、play?number=2" target="_blank" class="me">招聘信息</a></p><p>　　<mfz:top startTag="<li>" endTag="</li>"></mfz:top></p><p&g

76、t;　　</ul></td></p><p>　　<td><ul><li></li></p><p>　　<a href="display?number=4" target="_blank" class="me">旅游票務(wù)</a><

77、;/p><p>　　<mfz:top startTag="<li>" endTag="</li>"></mfz:top></p><p>　　</ul></td></p><p>　　<td><ul><li></li&

78、gt;</p><p>　　<a href="display?number=1" target="_blank" class="me">市場(chǎng)供求</a></p><p>　　<mfz:top startTag="<li>" endTag="</li&g

79、t;"></mfz:top></p><p>　　</ul></td></p><p>　　<td><ul><li></li></p><p>　　<a href="display?number=6" target="_blank&

80、quot; class="me">股票動(dòng)態(tài)</a></p><p>　　<mfz:top startTag="<li>" endTag="</li>"></mfz:top></p><p>　　</ul></td></p>&l

81、t;p><b>　　</tr></b></p><p><b>　　</div></b></p><p><b>　　</form></b></p><p>　　<div class="navbottom"></p>

82、<p>　　<form method="post" name="formsearch"></p><p><b>　　<tr></b></p><p>　　<td>站內(nèi)搜索：&nbsp;</td><td><input name="n

83、ame" type="text" /></td></p><p>　　<td>&nbsp;<select name="sel" ></p><p>　　<option value="智能模糊搜索" >智能模糊搜索</option></p

84、><p>　　<option value="僅搜索標(biāo)題">僅搜索標(biāo)題</option></p><p>　　</select></td></p><p>　　<td> &nbsp;<input type="button" value="搜所&qu

85、ot; onclick="a()" target="_blank"/></td></p><p>　　<td> &nbsp;&nbsp;&nbsp;&nbsp;熱門(mén)關(guān)鍵字：&nbsp;免費(fèi)&nbsp;&nbsp;JAVA&nbsp;&nbsp;JSP</td>

86、</p><p><b>　　</tr></b></p><p><b>　　</form></b></p><p><b>　　</div></b></p><p>　　<div class="body1">

87、</p><p>　　<div class="body1left" id="login"></p><p>　　<h4>會(huì)員登陸</h4> </p><p>　　<form name='form1' id="_loginform" meth

88、od='post' action="<%=request.getContextPath() %>/login"></p><p>　　<p>用戶(hù)名：<input name="userName" id="userName" class="text" type="text&qu

89、ot; /></p></p><p>　　<p>密&nbsp;&nbsp;碼：<input name="userPwd" id="userPwd" class="text" type="password" /></p></p><p>　　&

90、lt;p><input type="submit" value="登陸" />&nbsp;&nbsp;&nbsp;<a href="reg2.jsp" target="_blank">注冊(cè)</a></p></p><p><b>　　<%&l

91、t;/b></p><p>　　if(name==null)</p><p><b>　　{%></b></p><p><b>　　<p></p></b></p><p><b>　　<% }%><% </b></p

92、><p><b>　　else</b></p><p><b>　　{%></b></p><p>　　<p>用戶(hù)名或密碼錯(cuò)誤！請(qǐng)重新輸入</p></p><p><b>　　<%}</b></p><p><b&g

93、t;　　%></b></p><p><b>　　</form></b></p><p><b>　　</div></b></p><p>　　<div class="body1center"> </p><p>　　<

94、SCRIPT type=text/javascript></p><p><b>　　<!--</b></p><p>　　var focus_width=400</p><p>　　var focus_height=200</p><p>　　var text_height=20</p>&l

95、t;p>　　var swf_height = focus_height+text_height</p><p>　　var pics='image/1.jpg|image/2.jpg|image/3.jpg'</p><p>　　var links='http://book.dd88.org|http://www.eliuzd.com|http://www.s

96、hopping99.net'</p><p>　　var texts='看書(shū) ( book.dd88.org )|BLOG ( www.eliuzd.com )|網(wǎng)購(gòu) ( www.shopping99.net )'</p><p>　　var banner='<param name="allowScriptAccess" value

97、="sameDomain"><param name="movie" value="image/banner.swf"><param name="quality" value="high"><param name="bgcolor" value="#DADADA"&

98、gt;'</p><p>　　document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,

99、0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');</p><p>　　document.write(banner);</p><p>　　document.write('<param name="

100、menu" value="false"><param name=wmode value="opaque">');</p><p>　　document.write('<param name="FlashVars" value="pics='+pics+'&links=&#

101、39;+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');</p><p>　　document.write(&

102、#39;</object>');</p><p><b>　　//--></b></p><p><b>　　</SCRIPT></b></p><p><b>　　</div></b></p><p>　　<div cl

103、ass="body1right"></p><p>　　<h5><img src="images/ico3.gif" alt="icon" />&nbsp;站內(nèi)公告</h5></p><p>　　<marquee direction="up" scroll

104、amount="2" scrolldelay="0" height="150" onmouseover=this.stop() onmouseout=this.start()></p><p>　　<font color=red><h1>供求信息網(wǎng)公告: 城市信息能已全面開(kāi)放城市信息注冊(cè),包括餐飲、賓館、便捷服務(wù)、中介、培訓(xùn)

105、、樓盤(pán)、商務(wù)等。</p><p>　　如果你想讓更多的人知道你,如果你愿意讓更多的人分享你的信息,來(lái)注冊(cè)吧,本網(wǎng)站成接各類(lèi)廣告</p><p><b>　　</font></b></p><p>　　</marquee></p><p><b>　　</div></b&

106、gt;</p><p><b>　　</div></b></p><p>　　<div class="body2"></p><p>　　<div class="body2left"></p><p>　　<h4><img sr

107、c="images/ico5.gif" alt="icon" />&nbsp;日歷表</h4></p><p>　　<div class="yinying"></div></p><p><b>　　<ul> </b></p>

108、<p>　　<style type="text/css"></p><p><b>　　body {</b></p><p>　　background-color: #D4D0C8;</p><p><b>　　}</b></p><p>　　.m_fiel

109、dset {</p><p>　　padding: 0,10,5,10;</p><p>　　text-align: center;</p><p>　　width: 150px;</p><p><b>　　}</b></p><p>　　.m_legend {</p><p

110、>　　font-family: Tahoma;</p><p>　　font-size: 11px;</p><p>　　padding-bottom: 5px;</p><p><b>　　}</b></p><p>　　.m_frameborder {</p><p>　　border-

111、left: 2px inset #D4D0C8;</p><p>　　border-top: 2px inset #D4D0C8;</p><p>　　border-right: 2px inset #FFFFFF;</p><p>　　border-bottom: 2px inset #FFFFFF;</p><p>　　width: 10

112、0px;</p><p>　　height: 19px;</p><p>　　background-color: #FFFFFF;</p><p>　　overflow: hidden;</p><p>　　text-align: right;</p><p>　　font-family: "Tahoma&q

113、uot;;</p><p>　　font-size: 10px;</p><p><b>　　}</b></p><p>　　.m_arrow {</p><p>　　width: 16px;</p><p>　　height: 8px;</p><p>　　font-fa

114、mily: "Webdings";</p><p>　　font-size: 7px;</p><p>　　line-height: 2px;</p><p>　　padding-left: 2px;</p><p>　　cursor: default;</p><p><b>　　}&l

115、t;/b></p><p>　　.m_input {</p><p>　　width: 18px;</p><p>　　height: 14px;</p><p>　　border: 0px solid black;</p><p>　　font-family: "Tahoma";</p

116、><p>　　font-size: 9px;</p><p>　　text-align: right;</p><p>　　ime-mode:disabled;</p><p><b>　　}</b></p><p><b>　　</style></b></p&

117、gt;<p>　　<script language="javascript"></p><p><b>　　2.</b></p><p><b>　　其實(shí)現(xiàn)的代碼為：</b></p><p>　　function check(){</p><p>　　v

118、ar pdiv=document.getElementById("pwdmsg");</p><p>　　if(document.frm.userPwd.value.length>=6){</p><p>　　pdiv.innerHTML="<img src='/wangzhan/images/note_ok.gif'>&qu

119、ot;;</p><p><b>　　}</b></p><p><b>　　else</b></p><p><b>　　{</b></p><p>　　pdiv.innerHTML = "<img src='/wangzhan/images/note

120、_error.gif'>";</p><p><b>　　return;</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　function checkpwd(){</p><

121、p>　　var pdiv2=document.getElementById("pwdmsg2");</p><p>　　if(document.frm.pwd2.value==document.frm.userPwd.value){</p><p>　　pdiv2.innerHTML="<img src='/wangzhan/images/

122、note_ok.gif'>";</p><p><b>　　}else{</b></p><p>　　pdiv2.innerHTML = "<img src='/wangzhan/images/note_error.gif'>";</p><p><b>　　re

123、turn;</b></p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　function ckEmail(){</p><p>　　var pdiv3=document.getElementById("ckemail")

124、;</p><p>　　var email=document.frm.email.value;</p><p>　　if(email.length<=3){</p><p>　　pdiv3.innerHTML = "<img src='/wangzhan/images/note_error.gif'>";<

125、/p><p><b>　　return;</b></p><p><b>　　}</b></p><p>　　else if(email.indexOf('@')==-1){</p><p>　　pdiv3.innerHTML = "<img src='/wang

126、zhan/images/note_error.gif'>";</p><p><b>　　return;</b></p><p><b>　　}</b></p><p><b>　　else{</b></p><p>　　pdiv3.innerHTML=

127、"<img src='/wangzhan/images/note_ok.gif'>";</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　function sub(){</p><p>　　if(doc

128、ument.frm.userName.value.length<=2) {</p><p><b>　　return;</b></p><p><b>　　} </b></p><p>　　else if(document.frm.userPwd.value.length<=5||document.frm.us

129、erPwd.value!=document.frm.pwd2.value){</p><p><b>　　return;</b></p><p><b>　　}</b></p><p>　　else if(document.frm.email.value.length<=3||document.frm.email.v

130、alue.indexOf('@')==-1){</p><p><b>　　return;</b></p><p><b>　　}</b></p><p>　　else if(document.frm.address.value.length==0){</p><p><b&g

131、t;　　return;</b></p><p><b>　　}</b></p><p>　　else if(document.frm.phone.value.length==0){</p><p><b>　　return;</b></p><p><b>　　}else{&l

132、t;/b></p><p>　　document.frm.action="Registor";</p><p>　　frm.submit();</p><p><b>　　}</b></p><p><b>　　}</b></p><p>　　fun

133、ction Check1()</p><p><b>　　{</b></p><p>　　document.frm.action="check"</p><p>　　document.frm.submit();</p><p><b>　　}</b></p><

134、;p>　　protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {</p><p>　　String name=req.getParameter("userName");</p><p>　　//Stri

135、ng name="aaa";</p><p>　　UserBean bean=new UserBean();</p><p>　　bean.setUsername(name);</p><p>　　bean.setPassword(req.getParameter("userPwd"));</p><p&g

136、t;　　bean.setEmail(req.getParameter("email"));</p><p>　　bean.setLinkman(req.getParameter("address"));</p><p>　　bean.setPhone(req.getParameter("phone"));</p>&

137、lt;p>　　bean.setQq(req.getParameter("qq"));</p><p>　　bean.setSex(req.getParameter("sex"));</p><p>　　Iuser user=UserFactory.cteate();</p><p>　　/*if(user.get(nam

138、e)==true)</p><p>　　{ System.out.print(user.get(name));</p><p>　　req.getRequestDispatcher("/reg2.jsp").forward(req, resp);</p><p><b>　　}</b></p><p

139、><b>　　else{*/</b></p><p>　　user.insert(bean);</p><p>　　req.getRequestDispatcher("/succ.jsp").forward(req, resp);</p><p><b>　　//}</b></p>

140、<p><b>　　}</b></p><p><b>　　3 </b></p><p><b>　　以下代碼實(shí)現(xiàn)為：</b></p><p>　　<body leftmargin="0" bottommargin="0" rightmargin