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

1、<p>　　計算機(jī)多媒體畢業(yè)論文</p><p>　　專 業(yè) ： 計算機(jī)多媒體</p><p>　　班 級 ： </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)站有大量的最新信息，無論是單位還是個人每天都要進(jìn)行獲取信息的操作，為能夠?qū)⒆约核鶎W(xué)的知識應(yīng)用到實踐去，也為打造更好的供求平臺，特選擇都市供求信息網(wǎng)網(wǎng)站的制作作為本次畢業(yè)設(shè)計的課題。</p>&

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

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

5、聘、房屋查詢管理模塊。招聘、房屋模塊是對首頁的招聘、房屋信息的操作，通過對招聘、房屋導(dǎo)航條的點(diǎn)擊查詢可以很方便的找出招聘或房屋的信息。</p><p>　　關(guān)鍵詞：信息，Dreamweaver，HTMLT,數(shù)據(jù)庫管理系統(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è)計13

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

17、產(chǎn)信息及招聘信息模塊詳細(xì)設(shè)計及實現(xiàn)19</p><p>　　4.1 詳細(xì)設(shè)計的目的19</p><p>　　4.2 主頁模塊詳細(xì)設(shè)計及實現(xiàn)19</p><p>　　第五章 結(jié)束語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ì)、生活等各個方面發(fā)揮著重要的作用，徹底改變了人類

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

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

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

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

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

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

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

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

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

28、、用戶希望系統(tǒng)提供什么樣的服務(wù)，以及用戶需要為系統(tǒng)提供的服務(wù)，以便使系統(tǒng)的用戶更容易理解這些元素的用途，也便于軟件開發(fā)人員最終實現(xiàn)這些元素。用例圖在各種開發(fā)活動中被廣泛的應(yīng)用，但是它最常用來描述系統(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ù)流圖簡稱DFD，是SA方法中用于表示系統(tǒng)邏輯模型的一種工具。它以圖形的方式描述數(shù)據(jù)在系統(tǒng)中流動和處理的過程，由于它只反映系統(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（用戶）角色層數(shù)據(jù)流圖 </p><p>　　圖2.6 User（用戶）角色層數(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)可以分為以下幾個功能：</p><p>　　1. 會員登陸注冊：</p><p>　　包括會員登陸，退出，注冊，退出等功能；</p><p>　　2. 會員用戶信息修改：</p><p>　　當(dāng)會員登陸網(wǎng)站后，在個人工具箱中，可以通過修改個人密碼（其用戶不可以修改）

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

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

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

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

37、他接口需求</b></p><p>　　本網(wǎng)站 是采用Jsp+JavaBean+Servlet的MVC框架開發(fā)的一套網(wǎng)絡(luò)網(wǎng)站。數(shù)據(jù)</p><p>　　庫的接口采用DB連接實現(xiàn)。使用MySql來存儲網(wǎng)站的所有信息，包括用戶的信息，發(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ī)類型：</b></p><p><b>　　服務(wù)器最低配置</b&g

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

40、t;</p><p>　　cpu：p3-450hz</p><p><b>　　內(nèi)存：256MB</b></p><p><b>　　硬盤：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ù)庫平臺： MS SQL SERVER 或 MySql</p><p>　　Web服務(wù)器：Apace/Tomcat或resin</p><p>&l

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

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

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

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

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

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

48、gt;　　2.用戶實體</b></p><p><b>　　3.用戶信息實體</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)賬號、密碼等通常的錯誤時，用戶可以重新輸入信息，即可解決，或是重新啟動客戶端，當(dāng)出現(xiàn)無法連接數(shù)據(jù)庫或者是查詢中的錯誤，通常系統(tǒng)管理員重新啟動服務(wù)即可解決，由于數(shù)據(jù)庫的連接錯誤是全局的，所以重新啟動服務(wù)是最佳的操作。</p>

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

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

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

53、入主界面。實現(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="請輸入你的密碼和用戶名";</p><p>　　//login.setName(name);</p><p>&

59、lt;b>　　//}</b></p><p><b>　　//else</b></p><p><b>　　//{</b></p><p>　　//String error="用戶名或密碼錯誤！請重新輸入";</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)擊返回首頁" /></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è)為首頁&quo

64、t; />&nbsp;<a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://localhost:8080/wangzhan/top');">設(shè)為首頁</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、首頁</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、 >車輛信息</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">市場供求</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">股票動態(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;熱門關(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>會員登陸</h4> </p><p>　　<form name='form1' id="_loginform" meth

88、od='post' action="<%=request.getContextPath() %>/login"></p><p>　　<p>用戶名：<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">注冊</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>用戶名或密碼錯誤！請重新輸入</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='看書 ( book.dd88.org )|BLOG ( www.eliuzd.com )|網(wǎng)購 ( 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)公告: 城市信息能已全面開放城市信息注冊,包括餐飲、賓館、便捷服務(wù)、中介、培訓(xùn)

105、、樓盤、商務(wù)等。</p><p>　　如果你想讓更多的人知道你,如果你愿意讓更多的人分享你的信息,來注冊吧,本網(wǎng)站成接各類廣告</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>　　其實現(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>　　以下代碼實現(xiàn)為：</b></p><p>　　<body leftmargin="0" bottommargin="0" rightmargin