第一篇：畢業論文(設計)：社區交流電子服務平臺網站設計
目錄
摘要.............................................................................................................................I ABSTRACT..................................................................................................................II 第一章
緒論................................................................................................................1
1.1 選題的背景.............................................................................................1 1.2 國內外狀況.............................................................................................2 1.3 問題的提出.............................................................................................2 1.4 主要研究內容.........................................................................................2 1.5 論文的組織結構.....................................................................................2
第二章
相關理論及技術介紹....................................................................................4
2.1 開發平臺.................................................................................................4
2.1.1 MyEclipse.....................................................................................4 2.1.2 NetBeans.......................................................................................4 2.2 相關技術.................................................................................................4
2.2.1 XML..............................................................................................4 2.2.2 Dom4j............................................................................................5 2.2.3 SOAP............................................................................................5 2.2.4 WebService...................................................................................6 2.2.5 WSDL...........................................................................................6 2.2.6 Velocity.........................................................................................7 2.2.7 Swing............................................................................................7 2.2.8 Java反射.......................................................................................8 2.3 本章小結.................................................................................................8
第三章 服務開發平臺的總體框架..............................................................................9
3.1 前臺可視化IDE的設計......................................................................10 3.2 后臺的總體設計...................................................................................11
3.2.1 后臺RuntimeContainer容器管理模塊設計概述....................12 3.2.2 后臺UDDI注冊中心模塊設計概述........................................13
3.2.3 后臺SP Agent Builder代碼生成模塊設計概述......................15 3.3 本章小結...............................................................................................19
第四章 服務生成工具SP Agent Builder的設計與實現..........................................20
4.1 三層XML schema設計與解析模塊的設計與實現...........................20
4.1.1 功能層XML schema的設計....................................................20 4.1.2 表示層XML schema 的設計...................................................23 4.1.3 傳輸層XML schema 的設計...................................................23 4.1.4 三層XML文件解析的設計與實現.........................................25 4.2 數據轉換模塊的設計與實現...............................................................27
4.2.1 目標數據格式介紹....................................................................27 4.2.2 對象與目標數據格式之間的轉換............................................30 4.3 傳輸代理模塊的設計與實現...............................................................34
4.3.1 網絡傳輸協議............................................................................35 4.3.2 傳輸代理的運作流程................................................................37 4.4 代碼生成器模塊的設計與實現...........................................................38
4.4.1 模板的設計................................................................................38 4.4.2 代碼生成的運作流程................................................................39 4.5 可視化編輯器模塊的設計與實現.......................................................40
4.5.1 可視化編輯器的設計................................................................40 4.5.2 可視化編輯器的運作流程........................................................41 4.5 本章小結...............................................................................................41
第五章 系統實現........................................................................................................43
4.1 創建服務...............................................................................................43 4.2 編輯服務...............................................................................................47 4.3 刪除服務...............................................................................................49 4.4 本章小結...............................................................................................50
第六章 結論................................................................................................................51 致
謝..........................................................................................................................52 參考文獻......................................................................................................................53
畢業設計小結..............................................................................................................55 附錄A XML數據類型和Java數據類型之間的映射規則...................................56 附錄B 功能層XML schema的設計......................................................................57 附錄C 表示層XML schema的設計......................................................................59 附錄D 傳輸層XML schema的設計......................................................................60 附錄E TXT文本的格式介紹.................................................................................62
摘要
建立社區電子服務平臺，作為建設數字城市的重要環節之一，得到了眾多服務提供商的支持。因此，能否將服務提供商所提供的服務高效快速地接入服務平臺，將會極大地影響到社區電子服務平臺的工作效率，而將服務接入平臺的關鍵在于為服務生成對應的服務代理，負責服務頁面和服務器之間的通訊。
服務生成工具，能根據服務信息自動生成服務代理。它由可視化編輯器模塊、三層XML的設計與解析模塊、傳輸代理模塊、數據轉換模塊和代碼生成器模塊組成?？梢暬庉嬈髂K負責服務信息的采集；三層XML（功能層、表示層和傳輸層）設計模塊負責規范服務信息的存儲格式；解析模塊負責解析出三層XML文件中的服務信息；傳輸代理模塊負責傳輸不同協議的信息；數據轉換模塊負責將信息轉換成與服務器約定的不同格式；代碼生成器模塊負責生成服務代理的代碼。
服務生成工具能夠為采用不同傳輸協議和不同通訊格式的服務，生成服務代理，解決了將服務快速接入平臺的主要問題。同時它具有很好的拓展性、靈活性。本文所完成的設計已用于陜西利安信息傳播有限公司新一代利安電超市的建設，取得了很好的應用效果。
關鍵詞：數字城市，服務提供商，服務生成工具，服務代理
ABSTRACT As one of the important means of building Digital City, the building of the community e-service platform, has gained many service providers’ support.Therefore, whether the platform can make link with the SP expeditiously, may influence the efficiency of the platform.The key of making link with the SP is generating the corresponding service agents for the service for the communication between the service page and the server.The SP Agent Builder can automatically build the agent according to the service information.It is made up of the visual editor module, the three-layers XML design module and parser module, transfer agent module, data conversion module and the code generator module.The visual editor module is responsible for collecting service information;the three-layers XML(the functional layer, said layer and transport layer)design module is responsible for standardizing service information’s storage format;parser module is responsible for parsing the information of the three-layers XML;the transport agent module is responsible for transmission of information;data conversion module is responsible for converting the information in special format;code generation module is responsible for generate the code for the agent.SP Agent Builder can build the agent for the service using different transportation protocol and different format, so it solves the main problem of making link with SP rapidly and it is expansible, flexible.It also has been used to make a new platform of Line Community Charges Supermarket for Shaanxi Line Co., Ltd.and achieved good results.KEY WORDS：digital city, service provider, SP agent builder, agent
第一章
緒論
1.1 選題的背景
社區是指社會的一個區域，1887年由德國社會學家滕尼斯最早提出，英文名稱叫community。―社區‖這個名詞最早從20世紀30年代由國外引入中國，自20世紀80年代始，―社區‖一詞逐漸風靡全國。在城市信息化建設的過程中，社區作為城市的基本組成單元，與居民的生活密切相關，并且發揮著越來越重要的作用。數字化社區服務[1~4]這一概念正是為了順應城市居民居住環境日趨社區化的發展趨勢，使普通老百姓能夠盡享現代高科技帶來的安全、高效和便捷的服務而提出的。數字化社區服務平臺是為數字社區居民提供數字化應用的綜合型的平臺，包括繳費管理、飛機訂票、業務辦理等平臺，它主要由硬件設備、數字化社區服務軟件平臺和網絡基礎設施等幾個方面組成。
建設數字化城市社區服務平臺的意義：
1)數字化城市社區服務，這一創新模式符合黨和政府的便民、利民的社區服務發展方向和精神。
2)數字化城市社區服務平臺的一站式服務模式能有效地解決社區居民―繳費難‖、― 服務難‖的問題，真正實現了電子商務零距離為民服務的理念，居民不用出小區就能享受到一站式服務的便利。
3)由于該項目是以高科技信息化技術為基礎結合深入社區服務網點的實體運營的創新模式，不僅擴大了生產力，還解決了一大批高校畢業生、下崗職工及殘疾人再就業問題。
4)對廣大運營商而言，數字化城市社區服務平臺這一創新模式的首要優點是資金安全，其次是渠道建設零投入無風險，并且節省了大量的二級管理成本，因此吸引了眾多的運營商及公用事業單位的加入，使數字化城市社區服務平臺的造血功能得到了有力的加強。
5)避免了上游各運營商網點的重復建設，實現了社會資源的節約。
1.2 問題的提出
信息高速公路是一種高速多媒體傳輸系統，它能在全球甚至更大的范圍內傳輸聲像圖文并茂的多媒體信息。由美國首先提出的“信息高速公路”是指數字化大容量光纖通信網絡，用以把政府、企業、大學、科研機構和家庭的計算機聯網。一些國家和公司還提出利用衛星架設“空中信息高速公路”的設想（北京科普之窗，2000）。這一時代的到來使得新聞在網絡中傳輸成為可能。今天上網看新聞已經是人們日常生活的一部分，快速及時的瀏覽新聞，能拓展人們的生活視野。因此越來越多的企事業單位都很重視新聞網站的建設。
校園新聞發布系統有利于校園網新聞的及時傳播，及時傳達最新動態，學術研究成功，是資源快速共享的一種方式。因此研究校園網新聞發布系統對于學校建設與發展具有重要意義，本文所闡述的系統就是在這樣的前提下提出的。該系統要求能添加新聞、刪除新聞、更新新聞，對一般用戶能查看、檢索新聞。
1.3 校園新聞發布系統的現狀
今天校園網絡迅速普及，校園網新聞發布系統也層出不窮，經Google搜索，約有1,110,000項符合“校園新聞發布”的查詢結果，約有522,000項符合“校園網新聞發布系統”的查詢結果。這說明了校園網新聞的發布，隨著互聯網的快速發展也迅速發展起來。而現行的校園網新聞發布系統大多是采用ASP技術組建的。例如：第三軍醫大學校園新聞網、華東交通大學校園新聞發布系統等等。
1.4 主要研究內容 1.5 論文的組織結構
本文主要分成六章，各章的主要內容如下：
第一章 ：緒論。介紹了課題的背景以及國內外的狀況，提出本文研究的問題，并介紹了本文的研究內容。
第二章 ：相關理論及技術介紹。介紹了研究課題所用的主要工具及相關的技術知識點。
第三章 ：社區電子服務平臺的服務生成平臺的總體架構。介紹了服務生成
平臺的總體框架。介紹了服務生成平臺的前臺和后臺：前臺是一個能迅速定制出客戶端頁面的一個可視化的IDE；后臺負責生成和管理服務代理。
第四章 ：服務生成工具SP Agent Builder的設計和實現。介紹了SP Agent的三層XML文件格式的設計、可視化編輯器組件、代碼生成器組件、傳輸代理組件、三層XML文件的解析組件及數據轉換等組件。第五章 ：系統實現。用實例展示了SP Agent Builder生成agent的流程。第六章 ：總結和展望。總結了本文的研究內容和工作，對系統的進一步完善和優化提出了建議和展望。
第二章
相關理論及技術介紹
2.1 開發平臺
2.1.1 MyEclipse
MyEclipse是Eclipse的一個插件，也是一款功能強大的J2EE集成開發環境。利用它可以在數據庫和J2EE的開發、發布以及應用程序服務器的整合方面極大的提高工作效率。它是功能豐富的J2EE集成開發環境，包括了完備的編碼、調試、測試、出錯和發布功能。最新發布的MyEclipse 7.0具備可視化Swing設計器，完整支持HTML、XML、Struts、JSF、CSS、Schema、JavaScript、SQL、AJAX、Hibernate等技術。
本項目使用該平臺開發后臺的服務生成工具SP Agent Builder。2.1.2 NetBeans NetBeans是一個全功能的開放源碼的Java IDE，可以幫助開發人員編寫、編譯、調試和部署Java應用，并將版本控制和XML編輯融入其眾多功能之中。NetBeans 可支持Java 2平臺標準版(J2SE)應用的創建、采用JSP和Servlet的2層Web應用的創建，以及用于2層Web應用的API及軟件的核心組的創建。所有這些都為Java開發人員創造了一個可擴展的開源的Java IDE，以支持他們在各自所選擇的環境中從事開發工作。
NetBeans是一個為軟件開發者而設計的自由、開放的IDE，你可以在這里獲得許多需要的工具，包括建立桌面應用、企業級應用、WEB開發和Java移動應用程序開發、C/C++等。
本項目使用此平臺來開發一個能夠快速定制用戶頁面的IDE。
2.2 相關技術
2.2.1 XML XML[5~11]可拓展標記語言(Xtensible Markup Language)，是一種具有數據描述功能、高度結構性及可驗證性的置標語言，和HTML一樣同屬ISO8879標準
SGML的簡化子集。互聯網發展初期，HTML以簡單精練的語法、極易掌握的通用性和易學性使Web得以普及發展以至今日輝煌。但是，隨著Web數據的海量化和實際應用需求的發展，HTML弊端日益顯露：數據和格式分離困難；缺乏空間立體面，處理圖形、圖像、音頻、視頻等多媒體能力較弱；標記有限，不能用戶自定義擴展。于是，XML誕生了，并迅速發展成為W3C(World Wide Web Consortium，萬維網聯盟）的標準。它保留了很多SGML(Standard Generalized Markup Language,標準通用標記語言)標準的優點，具有可擴展性、結構化、平臺無關性等優勢。在描述數據內容同時能突出對結構的描述，從而體現出數據之間的關系。這種組織的數據對于應用程序和用戶都是友好的、可操作的。XML現以成為當前處理結構化文檔信息的有力工具之一。
基于它的平臺無關性、結構化等優勢，本文將應用XML文件來實現對服務的描述。2.2.2 Dom4j Dom4j是一個Java的XML API，用來讀寫XML文件。Dom4j是一個非常優秀的Java XML API，具有性能優異、功能強大和易于使用的特點。Dom4j是一個易用的、開源的庫，它應用于Java平臺，采用了Java集合框架并完全支持DOM，SAX和JAXP。它提供了大量的接口，造就了它更加具有靈活性，更易操作性的特點。
基于它的靈活性和易于操作性，本文將應用Dom4j來實現三層XML文件的解析模塊。2.2.3 SOAP SOAP就是簡單對象訪問協議（Simple Object Access Protocol），是一種在獨立傳輸方式下交換信息的輕量級協議。在分散或分布式的環境下，它為遠程過程調用和獲得XML形式相應定義了規范。SOAP 可以和現存的許多因特網協議和格式結合使用，包括超文本傳輸協議（HTTP），簡單郵件傳輸協議（SMTP），多用途網際郵件擴充協議（MIME）。它還支持從消息系統到遠程過程調用（RPC）等大量的應用程序。它也允許我們使用XML在通過低層Internet協議連接的系統之間進行通信。它為通過網絡消息傳輸的XML信息提供了標準的信封，并為這類消息提供了可選的約定，是Web服務傳輸XML消息的標準協議。
SOAP消息基本上是從發送端到接收端的單向傳輸，但他們常常結合起來執
行類似于請求/應答的模式。所有的SOAP消息都使用XML編碼。SOAP消息主要包括四個部分：SOAP封裝（envelop），封裝定義了一個描述消息中的內容是什么，是誰發送的，誰應當接受并處理它，以及如何處理它們的框架；SOAP編碼規則（encoding rules），用于表示應用程序需要使用的數據類型的實例；SOAP RPC表示（RPC representation），表示遠程過程調用和應答的協定；SOAP綁定（binding），使用底層協議交換信息。2.2.4 WebService Web服務（Web Service）是基于XML和HTTPS的一種服務，其通信協議主要基于SOAP，服務的描述通過WSDL，通過UDDI來發現和獲得服務的元數據[12~18]。
WebService是一種新的web應用程序分支，他們是自包含、自描述、模塊化的應用，可以發布、定位、通過web調用。Web Service可以執行從簡單的請求到復雜商務處理的任何功能。一旦部署以后，其他Web Service應用程序可以發現并調用它部署的服務。實際上，WebService的主要目標是跨平臺的可互操作性。為了達到這一目標，WebService完全基于XML（可擴展標記語言）、XSD（XMLSchema）等獨立于平臺、獨立于軟件供應商的標準，是創建可互操作的、分布式應用程序的新平臺。2.2.5 WSDL
Web服務定義語言(Web Services Definition Language，WSDL)是一個建議的標準，用于描述Web服務的技術調用語法。WSDL定義了一套基于 XML的語法，將Web服務描述為能夠進行消息交換的服務訪問點的集合。WSDL就是描述XML、Web服務的標準XML格式。它用一種和具體語言無關的抽象方式定義了給定Web服務收發的有關操作和消息。WSDL服務描述是一個XML文檔，它與WSDL模式(schema)的定義一致。WSDL文檔并不是完整的服務描述，而只包括了服務描述任務的較低層次，即：服務接口的原始技術描述。本質上，WSDL描述說明的是Web服務的以下三個基本屬性：
1)服務做些什么--服務所提供的操作(方法)；
2)如何訪問服務--數據格式詳情以及訪問服務操作的必要協議； 3)服務位于何處--由特定協議決定的網絡地址，如URL；
WSDL文檔將Web服務定義為服務訪問點或端口的集合。在WSDL中，由
于服務訪問點和消息的抽象定義已從具體的服務部署或數據格式綁定中分離出來，因此可以對抽象定義進行再次使用：消息，指對交換數據的抽象描述；端口類型指操作的抽象集合。用于特定端口類型的具體協議和數據格式規范構成了可以再次使用的綁定。將Web訪問地址與可再次使用的綁定相關聯，可以定義一個端口，而端口的集合則定義為服務。2.2.6 Velocity Velocity是一個基于Java的模板引擎（template engine）。它允許任何人僅僅簡單的使用模板語言（template language）來引用由Java代碼定義的對象。當Velocity應用于web開發時，界面設計人員可以和Java程序開發人員同步開發一個遵循MVC架構的web站點，也就是說，頁面設計人員可以只關注頁面的顯示效果，而由Java程序開發人員關注業務邏輯編碼。Velocity將Java代碼從web頁面中分離出來，這樣為web站點的長期維護提供了便利，同時也為我們在JSP和PHP之外又提供了一種可選的方案。Velocity的能力遠不止web站點開發這個領域，例如，它可以從模板（template）產生SQL和PostScript、XML，它也可以被當作一個獨立工具來產生源代碼和報告，或者作為其他系統的集成組件使用。
通過模板生成代碼是比較好的選擇，模板在某種意義上來說就是配置文件的一種，當生成文件內容修改后，用戶不需要修改源程序，只需要修改模板文件即可，提高了代碼的可維護性。
本文將使用Velocity技術設計實現SP Agent Builder的代碼生成器模塊。2.2.7 Swing Swing[19]是一個用于開發Java應用程序用戶界面的開發工具包。由所有Java圖形用戶界面（GUI）組件所構成，可運行在任意支持Java虛擬機（JVM）的本地平臺上。由于這些組件全都是用Java語言編寫的，因此它們可以提供比本地平臺GUI組件更多的功能。它以抽象窗口工具包（AWT）為基礎使跨平臺應用程序可以使用任何可插拔的外觀風格。Swing開發人員只用很少的代碼就可以利用Swing豐富、靈活的功能和模塊化組件來創建優雅的用戶界面。同時通過使用Swing的Jtree組件，可以較容易的滿足研發出一個可視化編輯器的要求。
本文將使用Swing技術設計實現SP Agent Builder的可視化編輯器模塊。
2.2.8 Java反射
Reflection（反射）是Java被視為動態語言的一個關鍵性質。這個機制允許程序在運行時透過Reflection APIs取得任何一個已知名稱的class的內部信息，允許運行中的 Java 程序對自身進行檢查，或者說―自審‖，并能直接操作程序的內部屬性。通俗的說，反射就是根據給出的類名（字符串）、方法名、屬性等信息來生成對象、方法、屬性。這種編程方式可以讓對象在生成時才決定要生成哪一種對象。反射是Java獨有的特性，在其它的程序設計語言中根本就不存在這一特性。例如，Pascal、C 或者 C++ 中就沒有辦法在程序中獲得函數定義相關的信息。
本文將使用Java反射技術設計實現SP Agent Builder的數據轉換模塊。
2.3 本章小結
本章介紹了課題研究過程中使用的開發平臺MyEclipse、NetBeans，以及使用到的技術，如XML、Dom4j、SOAP、WebService等，并介紹了它們在項目中的應用。
第三章 服務開發平臺的總體框架
社區電子服務平臺是利用面向服務的架構(SOA)、Web Service技術、XML語言等當今最前沿技術，結合互聯網技術，對分屬于不同行業領域的社會資源進行整合的服務集成平臺。所有與服務提供商交互的數據信息都通過平臺中的服務代理提供一系列的標準接口進行復雜數據的傳輸。社區電子服務平臺是一個龐大的系統，社區瀏覽器終端使用CPK等技術進行身份驗證，用戶登錄社區電子服務系統，使用綜合電子服務。服務提供商的接入是通過社區電子服務平臺的服務適配器來實現的，服務適配器可以方便快捷的實現服務的接入、整合等。另外社區電子服務系統還有一系列的支撐子系統來實現其運行，如OA系統、支付系統、服務平發平臺等，為用戶提供綜合電子信息服務。
圖 32 服務生成平臺的前后臺關系圖
3.1 前臺可視化IDE的設計
前臺可視化IDE是一個提供了無需使用人員書寫代碼，只需拖拉組件和屬性配置，就可以生成服務頁面的可視化圖形編輯器。它使得用戶可以通過拖拽組件面板中的頁面片段的控件放到頁面上，通過屬性配置和綁定控件屬性，來生成服務頁面。前臺IDE主要具有以下幾個功能：
1)利用項目模板定制開發項目
在新建項目時，可以在項目類別中輸入服務商，項目中選擇所需要創建的項目類別，比如航空售票，航空人身意外險和人壽續保等項目。由于本系統使用的是visual web jsf的框架，所以用戶只需在新建項目的web頁新建頁面。用戶由于使用的是項目模板，所以項目中已經預置了page和頁面導航。用戶只需按照其工作流程創建頁面即可。
2)Visual Web JSF頁面片段
在組件面板中以控件形式出現，可在組件面板處編輯其id、外觀等屬性。該頁面片段組合了多個控件，如標簽、文本字段等等，在頁面片段上不僅可以編輯頁面片段內部單個控件的屬性、CSS屬性、位置等等，而且可以在頁面片段上綁定屬性。它使用戶免去了繁瑣的代碼編寫。如果用戶覺得使用頁面片段的控件不適合自己的開發習慣，也可以自己刪除或創建所需要的頁面片段。
3)頁面導航
頁面導航的配置可以在faces-config.xml的文件的頁面流中配置已建頁面之間跳轉。如果用戶不改變項目模板的流程和頁面，那么這里的頁面導航可以不用配置。當用戶需要對項目進行改動的時，用戶可以自己配置頁面導航，從而控制頁面跳轉過程。這個過程用戶也不需要寫任何代碼，即可完成頁面跳轉。
4)遠程調用后臺程序
項目模板中已經內置了調用后臺程序的代碼，用戶不需要書寫代碼，即可調用后臺程序。
5)項目模板管理
本系統不僅提供已有的模板用來生成項目，而且，當用戶覺得現有模板不能適應其項目的開發，可以在原來的模板上進行改動，并生成相應的新模板添加到本系統中去。當然也可以刪去該模板。
3.2 后臺的總體設計
服務生成平臺后臺分為RuntimeContainer容器管理模塊、SP Agent Builder代碼生成模塊和UDDI注冊中心模塊。SP Agent Builder是本文的研究重點，開發工程師可以利用此服務代理生成工具，將第三方SP提供的服務信息快速的封裝成服務代理(Agent)供前臺調用。管理容器用來管理生成的服務代理，而UDDI
用來存儲生成的服務代理。
3.2.1 后臺RuntimeContainer容器管理模塊設計概述
RuntimeContainer 容器管理模塊主要負責管理由后臺生成的Agent 服務。其主要功能有查詢服務狀態、激活服務、加載服務、修改服務方法、鈍化服務及日志管理等。
RuntimeContainer 容器管理模塊也提供了GUI界面，供工作人員對容器內部的Agent 服務進行管理。下面分別截取了監控服務界面3-
3、服務狀態查詢界面3-4 和服務更改界面3-5。
圖 34 服務狀態查詢界面
圖 36 UDDI部署圖
1)SP Agent Builder：它產生Agent后，可以通過UDDI發布的API中的
save_business方法注冊新的服務提供商信息businessEntity信息到UDDI
中。SP Agent Builder通過Socket將Agent的class文件打包傳輸到容器所在機器的指定目錄。
2)容器：它通過UDDI的查詢API的find_business和get_businessDetail獲得一個服務提供商的完整信息，根據其服務名加載對應的指定版本的服務代理Agent類文件到Java虛擬機，進而在內存中生成Agent實例。3)服務監控：它通過RMI機制對運行在容器中的Agent實例進行生命周期管理，并將變更后的狀態信息通過發布API修改到UDDI中去。服務監控還可以通過查詢API訪問UDDI獲得服務提供商的基本信息和服務提供商包含的所有服務的信息。
4)前臺：它通過RMI機制遠程定位到容器中指定的Agent實例，進而與第三方服務器通信。
5)反注冊：判斷容器中的指定服務的當前狀態是否是鈍化，如果不是，首先鈍化該服務，之后從內存中銷毀該服務的Agent實例，其次容器通過發布API delete_businessEntity訪問UDDI注冊中心，最后從外存上刪除指定的服務的注冊信息即可。
6)服務定位：用RMI機制實現服務的代理Agent的定位。每一個服務可以產生多個Agent實例，每當前臺發起一個請求時，就動態地產生一個Agent實例為之服務。這樣每一個服務都有一個長度動態變化的Agent的隊列，當一個請求結束后根據某種算法銷毀為之服務的Agent，這樣可以解決前臺針對同一個服務同時發出多個請求的并發性的問題。
3.2.3 后臺SP Agent Builder代碼生成模塊設計概述
SP Agent Builder代碼生成模塊，是本文的重點研究對象，主要功能是根據SP提供的服務(包括文檔類型和Web服務類型)，快速定制出Agent服務文件。SP Agent Builder 擁有三層XML的設計與解析組件、可視化編輯器組件、數據轉換組件、代碼生成器組件和傳輸代理組件。下面簡述一下SP Agent Builder的工作流程。
當SP提供的是一般服務時，SP Agent Builder生成Agent的主要過程分為兩步：
1)可視化編輯器組件根據用戶輸入的SP提供的服務文件描述，生成三層XML文件，當用戶輸入的描述不符合設計的三層XML的格式時，提示
錯誤并讓用戶重新輸入，詳情見圖3-7。
2)生成三層XML文件后，可視化編輯器組件將調用代碼生成組件來生成服務代理Agent的Java代碼，而代碼生成組件的運行又是基于三層XML文件的解析模塊、傳輸代理模塊和數據轉換模塊的基礎之上的，詳情請見圖3-9。
當SP提供的是Web 服務時，SP Agent Builder生成Agent的主要過程如下： 1)首先工作人員在上述的SP Agent Builder可視化編輯器中導入SP服務提供商提供的Web文件；SP Agent Builder完成WSDL的解析，并且用解析出來的元素對象生成內部的三個Jtree，最后生成對應的三層XML文件，詳情請見圖3-8。
2)代碼生成器根據生成的三層XML文件，在解析類的協助下，完成Agent的生成過程，詳情請見圖3-9。
圖 38 WSDL生成XML文件的組建協作圖
圖 31 主界面
圖 53 服務的功能層信息采集界面
圖 5-4 服務的表示層信息采集界面
第二篇：網站設計畢業論文
目錄
摘 要..................................................................................................................1 Abstract...............................................................................................................1 第一章緒論..........................................................................................................3 1.1研究背景.....................................................................................................3 1.2歷史及現狀................................................................................................3 1.3發展前景及優勢.........................................................................................3 1.4 研究目的....................................................................................................4 1.5開發工具.....................................................................................................4 第二章系統需求分析...........................................................................................5 2.1功能分析.....................................................................................................5 2.1.1用戶模塊...............................................................................................5 2.1.2一級菜單模塊.......................................................................................5 2.1.3商品模塊...............................................................................................6 2.1.4購物車模塊...........................................................................................6 2.1.5訂單模塊...............................................................................................6 2.2安全性分析.................................................................................................7 2.3運行分析.....................................................................................................7 2.4可行性分析.................................................................................................7 2.4.1技術可行性...........................................................................................7 2.4.2經濟可行性...........................................................................................7 第三章系統總體設計...........................................................................................8 3.1設計概述.....................................................................................................8 3.2總體結構.....................................................................................................8 3.3各個模塊功能.............................................................................................8 第四章系統數據庫設計.......................................................................................10 4.1數據庫需求分析.........................................................................................10
I
4.2概念結構設計............................................................................................10 4.3邏輯結構設計............................................................................................11 第五章系統詳細設計..........................................................................................13 5.1前臺界面設計............................................................................................13 5.1.1首頁界面設計......................................................................................13 5.1.2主要界面設計......................................................................................15 5.1.3其他界面設計......................................................................................16 5.2關鍵問題設計............................................................................................18 5.2.1驗證碼技術..........................................................................................18 5.2.2左右無縫平移設計...............................................................................19 5.2.3輪播切換設計......................................................................................20 5.2.4平移圖層..............................................................................................20 5.2.5分頁技術..............................................................................................21 5.2.6 郵箱激活.............................................................................................21 參考文獻.............................................................................................................24 致謝....................................................................................................................25
II
西華師范大學跳蚤市場網
xxx
計算機學院軟件工程專業xxx級 指導教師：xxx
摘 要：隨著Internet技術的發展，人們的日常生活已經離不開網絡。未來社會人們的生活和工作將越來越依賴于數字技術的發展，越來越數字化、網絡化、電子化、虛擬化。Internet的發展歷程以及目前的應用狀況和發展趨勢，可以充分地相信網絡技術將極大的改變我們的生活方式和工作方式，甚至社會的價值觀也會發生某種變化。
本設計嘗試用SPRING在網絡上架構一個網上二手交易市場，讓每一個學生都能在學校內完成二手商品交易，通過交易，不僅可以進行環保、節儉等傳統文明教育，還可以讓學生在學校內部進行電子商務的演練實訓。本文從理論和實踐兩角度出發，對一個具有基本互動功能的在線二手商品交易網站進行設計與實現分析。論文首先較為詳盡地介紹了面向對象分析與設計的有關概念與技術。接著對交易系統的可行性進行了分析，然后對系統的設計思想、設計目標與系統的整體結構進行了明確的規劃。最后對系統的主要頁面、數據庫的設計與實現作了較為詳細的講解。
本網上二手商品交易系統是運用SPRING技術來實現的。其主要功能有用戶登陸注冊，商品查詢，訂單和購物車等功能。論文在撰寫過程中，力求將應用相結合，對各種理論進行闡述的同時配合系統從實際應用和操作技巧上加以說明，希望能夠更充分地體現到這些知識與技術在本系統中的應用與實現。關鍵詞：電子商務、SPRING、數據庫
The Flea Market Website of China West Normal University
xxx
School of Computer Software Engineering2013 Instructor: xxx
Abstract: Along with the development of Internet technology, daily life can not already do without the network.The life and work of the social people of future will depend on the development of digital technology more and more.Digitize more and more, the networking, electronic, virtual.Development course and present application state and development trend of Internet, can believe network technology great change life and working way of us fully, even certain change will take place in the values of the society.This procedure tries to build up a bookshop in the network with SPRING so that every customer needn't go out and can do shopping easily through surfing the Net at home.This article is analyzing the design and realization of an online bookshop with Data Mining function, from the views of theory and practice.Starting with introducing concepts and techniques of OOA and OOP in detail, especially introducing the knowledge which apply for this system, such as the feature and flow
of OOA and OOPanalyzing the featurestructure and using method of developing techniques SPRING and ADO.NET which using in my system.And then, this article analyses the feasibility of the system, then minutely layouts the design thoughts, goals and the system holistic framework.At last, this article minutely explains the design and realization of Web page layout, data base and application program of our system.This online bookstore system uses SPRING technology to realize on Visual Studio.Net platform.Its main function has users login and registration, thecommodity system, process of purchase, the comment of the books, etc.During the course of writing this article, I strive to integrate theory and practice.While expatiating the different kind of theories, I illuminate the application and operation skill combining the system so as to fully incarnate the application of these theories and techniques to this system.Keywords：Electronic Business, SPRING,DATABASE
第一章
緒
論
1.1研究背景
近幾年來互聯網的快速發展，“互聯網+”的出現，促使多樣化信息技術同實體進行聯合，以及當代大學生成為網購的主力軍，使得各種購物網、快遞公司的蓬勃發展；伴隨著電子商務的發展，保護環境、節儉節約、循環利用資源的意識在頭腦中形成，二手商品交易成為一種發展方向，但是還沒有一個專門只為當代大學生提供的一個純粹的“二手網”。
在跳蚤市場中，甩賣的物品多為大四畢業學生在大學四年中的生活、學習、社交等用品。這些是他們無法帶走或者舍不得丟掉的，但仍然可以再次利用起來的物品。這些舊物品對學弟學妹們來說可是一些寶貝，它可以為學弟學妹們提供一些方便的、可靠的、有效的學習資料，一些便宜的生活物資以及即將到來的大學畢業提供一些方向。
但是，從近幾年的狀況來看，畢業生大部分的東西是沒有得到利用的，往往是以廉價賣給廢品回收站，有的學弟學妹卻以高額的價格從各個商店買來一些接下來的學習和生活可能需要的物品。
1.2歷史及現狀
跳蚤市場（flea market）是歐美等西方國家對舊貨地攤市場的別稱。由一個個地攤攤位組成，市場規模大小不等。出售商品多是舊貨、人們多余的物品及未曾用過但已過時的衣物等，小到衣服上的小裝飾物，大到完整的舊汽車、錄像機、電視機、洗衣機，一應俱全，應有盡有。價格低廉，僅為新貨價格的10％～30％。跳蚤市場的管理松散。有關flea market的來源，有兩種理論： 據語源學家克麗絲汀·安默兒說，flea market最初來源于紐約的Fly Market，Fly Market是紐約下曼哈頓地區的一個固定市場，這一市場從美國獨立戰爭(1775年)之前一直延續到大約1816年。Fly這個詞來源于該市場的荷蘭語名稱Vly或Vile，這個詞在荷蘭語的意思是“山谷”，很巧的是，它在荷蘭語中的發音正好和英語中的flea一樣，所以就形成了英語中的flea market。
目前市場上有眾多二手網，基本可分為二手房、二手車、二手書、二手日常用品這幾大類；按地域則幾乎每個地區都有本地的二手交易網。二手商品皆有一個破損率、折舊率的概念，因此不可能像新商品一樣采用標明商品性能的方式，所以其信任度有待而估以及大都采用線下交易方式。
另外這些網站基本上全是會的都摻雜一些無聊廣告、游戲推送，并沒有一個很好專屬于校園的二手網，頁面無法很好的根據師生需求進行物品搜素。1.3發展前景及優勢
首先，學校擴招，師生人數不斷的增加，用戶群將不斷的更新擴大；其次，各個高校并沒有專屬于自己的跳蚤市場網，市場前景廣闊；然后，學校、國家、社會對大學生創業的各個方面的引導以及支持；最為重要的是，現在網絡的時代的快速發展，互聯網涉及生活中每個角落，人們文化素質的提高，科技運用的普及等等[5]。
其次，最近年輕人惰性增加，對需要體力的事情拒之千里，從心里面產生抵觸。另外，二手市場給予用戶一個指路牌，直接將用戶帶到所要搜尋的商品面前，節省了用戶在市場中心急如焚、汗流浹背、口干舌燥地尋找與砍價。依賴于品種豐富，購買者選擇余地較大；購買方便、售價便宜等優勢。從側面給電子商務增 加潛在市場。
然后，該網站開發會逐步更新；管理涉及西華師范大學師生，管理經費較少。預計在近五年里Flea Market將快速占有四川高校市場，直到最后占有全國市場的大部分甚至更遠。
1.4研究目的
以西華師范大學一年一度的跳蚤市場為背景，讓廢舊物品得到充分的利用；方便了同學也營造了節約光榮，浪費可恥的校園文化氛圍；為在校師生提供一個供需平臺，所有注冊用戶都可以將自己不用的東西放在網上，同時也可以在網上找到自己需要的東西，物美價廉，達到雙贏；其次是間接性的為學弟學妹從中找到自己以后可能發展方向，并為之而努力奮斗。
1.5開發工具
開發工具：JerBrains WebStorm10、MyEclipse 10 開發語言：JAVA
運行環境：Windows XP/7/10 數據庫：MySql JerBrains WebStorm的介紹： JerBrains WebStorm中文名為：網絡風暴，享有WEB前端開發神器的名譽。功能上：具有JavaScript功能，例如：基于DOM，特定瀏覽器完成、編碼導航和用法查詢、支持結點、重構、單元測試等；具有批量代碼分析、編輯語言混合、拼寫檢查、重復代碼檢測器的功能；支持H5、CSS/JS、顯示內容及應用風格；具有便捷的環境，可以遠程同步、集成版本控制系統、本地記錄等。
另外，具有強烈的智能代碼補全、代碼優化、html提示、聯想查詢、代碼重構，以及代碼檢查和快速修復、調試、結構瀏覽、折疊等等功能優勢。
第二章
系統需求分析
2.1功能分析
為解決不同用戶的不同需求，該網站主要功能有：用戶模塊、一級菜單分類模塊、商品模塊、購物車模塊、訂單模塊等[1]。
2.1.1用戶模塊
根據對用戶簡單分析[2]，得出用戶基本功能，見圖2.1。
注冊：前臺的JS校驗、使用AJAX完成對用戶名異步校驗、后臺Struts 2校驗、驗證碼、發送激活郵件、將用戶信息存入數據庫里面。
激活：根據激活碼查詢用戶是否存在，激活或者修改用戶狀態。登陸：輸入用戶名和密碼進行數據校驗，驗證碼校驗進行用戶登陸。退出：銷毀session。
圖2.1 用戶模塊圖
2.1.2一級菜單模塊
查詢一級分類及商品類型，并將分類存入到session范圍類，同時查詢到每個一級分類所屬的二級分類，以及查詢所有商品分類下面的所有商品，并采用分頁方式顯示，見圖2.2。
圖2.2 一級菜單模塊圖
2.1.3商品模塊
對商品的展示，查詢熱門商品、查詢最新商品、根據ID查詢商品，見圖2.3。
圖2.3 商品模塊圖
2.1.4購物車模塊
用戶將商品添加到購物車、從購物車中移除商品、清空購物車中所有商品等，見圖2.4。
圖2.4 購物車模塊圖
2.1.5訂單模塊
為用戶生成訂單，將購物車中信息存入數據庫中；為訂單付款，在線支付、修改訂單狀態、修改訂單信息；查詢用戶訂單等，見圖2.5。
圖2.5 訂單模塊圖
2.2安全性分析
安全方面，普通用戶只可以查找商品、和賣家留言聯系進行商品買賣；注冊用戶可以更改自己的相關信息、相關商品的管理、同買家留言交流；系統管理員可以對自身和注冊用戶基本信息進行操作，刪除注冊用戶；可以對新聞、網站管理進行操作的用戶，以及其他類型用戶的相關權限借可以。系統是在網絡上運行的多用戶系統，采用了數據庫安全性、操作系統安全性、程序安全性三重安全性管理來達到系統要求的安全性[3]。
2.3運行分析
支持系統運行的系統需要在Windows xp/7/10下，需要安裝火狐瀏覽器、MySql數據庫且數據庫密碼為123，以及tomcat7.0運行環境并保證接口8080沒有被其他的占用。硬件方面需建立維護和使用制度，在硬件選擇是要充分考慮硬件的負載和應用環境。軟件方面則需對系統進行定期地維護，盡量能夠預防各種BUG問題。
2.4可行性分析
可行性分析也稱可行性研究，是在系統調查的基礎上，針對新系統的開發是否具備必要性和可能性，對新系統的開發從技術、經濟、社會的方面進行分析和研究，以避免投資失誤，保證新系統的開發成功。
2.4.1技術可行性
前端采用HTML5、CSS3布局；JS、JQuery技術頁面動畫效果； AJAX頁面數據的交互；代碼分段、分類，重用率高，可維護性強[4]。后臺SSH框架，著重struts和spring進行業務分層描寫；代碼層次清晰可維護性強。后端數據庫采用SQL編寫，輕便且功能強大，數據處理快、權限設置準確、數據安全性高。2.4.2經濟可行性
經濟可行性主要對系統的經濟效益進行評價，該系統的設計與開發不需要特殊硬件，使用的軟件為開源免費的，不會產生技術專利問題，同在開發過程中的經費低[5]。
第三章
系統總體設計
3.1設計概述
根據需求將網站劃分為不同的模塊，每個模塊將完成特定功能，最后將每個模塊鏈接起來，組成一個整體[6]。
3.2總體結構
根據需求分析，Flea Market網可以劃分為：用戶模塊、商品模塊、訂單模塊、購物車模塊等。用戶模塊包括用戶注冊、登陸、激活、退出等功能；商品模塊可以分為商品的查詢、瀏覽；訂單模塊包括商品信息、訂單信息、支付信息；購物車模塊有商品信息、商品支付狀態、商品添加刪除等。詳見圖3.1。
圖3.1 總體模塊功能劃分圖
3.3各個模塊功能
各個模塊功能如下
用戶模塊：用戶注冊、用戶激活、登陸、退出等功能。
圖3.2 用戶管理模塊功能圖 注冊主要有，用戶名(唯一標識)、密碼、郵箱、姓名、性別、電話、地址，以及需要激活的驗證碼。
激活主要應用在用戶登錄時，將用戶的狀態修改。登錄和注銷用來管理用戶的回話信息，登錄時，網站會保留用戶的基本信息，包括用戶ID、用戶名等。退出時用戶信息會清除。
商品模塊：根據熱賣狀態對商品的瀏覽，或者根據分類狀態瀏覽商品。每個用戶皆可以根據一定的條件對全部或部分商品搜索后瀏覽，并可以看到商品的一些基本信息。例如：商品名稱、從不同角度展現出的圖片、商品作用、購買時間、原價、現價等信息。
購物車模塊：添加、移除、查詢、清空等功能。
添加商品，用戶根據商品ID將商品添加到購物車中。移除商品，只能根據商品ID移除單個商品。
查詢購物車，查詢購物車中商品的各種信息，包括商品種類、數量、單價以及總價。
清空購物車，一次性將購物車中所有的商品全部移除。
圖3.3 購物車模塊功能圖
訂單模塊：商品添加后自動生成訂單，用戶根據需求查詢訂單、對商品進行支付等功能。
圖3.4 訂單模塊功能圖
第四章 系統數據庫設計
4.1數據庫需求分析
在整個動態網站設計中，數據庫設計具有重要位置，數據庫設計質量直接影響到數據庫數據的冗余度，數據的一致性，數據丟失等問題。系統開發中數據可設計至關重要，它將影響整個系統的執行效率和可靠性，關系到系統管理員的操作、運行等的可靠性。
該網站開發過程中使用MySql數據庫，數據庫名為將j2ee，用戶名root，數據庫密碼123。
4.2概念結構設計
數據庫的概念結構設計就是將需求分析得到的用戶需求抽象為信息結構，即概念模型。概念模型作為概念結構設計的表達工具，為數據庫提供一個說明性結構，是設計數據庫邏輯結構即邏輯模型的基礎[3]。
數據庫的概念結構設計就是將需求分析得到的用戶需求抽象為信息結構，即概念模型。概念模型的種類很多，其中最著名、最實用的一種是E－R（實體－聯系）模型，它將現實世界的信息結構統一用屬性、實體以及他們之間的聯系來描述[3]。
以下是本數據庫系統E-R模型：
圖4.1 數據庫E-R模型圖
4.3邏輯結構設計
該網站主要數據表有：用戶信息表user、一級菜單表goodstitle、商品信息表product、二級菜單表goodstitlesecond、訂單信息表orderitem、定單表order。
用戶表user存放的為用戶登錄、注冊信息，具體表結構設計見圖4.2。
圖4.2 用戶信息表
一級菜單表goodstitle存放商品類型信息，具體表結構見圖4.3。
圖4.3 用戶信息表
二級菜單表goodstitlesecond存放商品分類信息，具體表結構見圖4.4。
圖4.4 二級菜單表
商品信息表product存放商品各種基本信息，具體表結構見圖4.5。
圖4.5 商品信息表 訂單信息表orderitem存放訂單各種狀態信息，具體表結構見圖4.6。
圖4.6 訂單信息表
定單表order存放用戶訂購商品信息，具體表結構見圖4.7。
圖4.7 訂單表
第五章 系統詳細設計
5.1前臺界面設計
界面是網站的門面，以達到美觀、舒適、操作方便、信息準確、結構合理為標準。
5.1.1首頁界面設計
用戶一打開該網站，就通過客戶端的首頁對該網站的功能一目了然[1]。網站采取暖色調背景，促進用戶的購物欲望。用戶可以根據“圖書”、“宿舍生活”、“戶外活動”、“電器”、“其他”等不同類別瀏覽該網站，也可通過首頁各個板塊瀏覽商品信息。其中“注冊”為注冊成為普通用戶的功能，“登陸”為有賬號的[7]所有類型用戶可以操作。其中頭部和尾部的設計是一樣的。
首頁界面如下所示：
(a)頭部
(b)熱賣
(c)限時搶購
(d)促銷區
(e)其他
(f)底部
圖5.1 網站首頁
5.1.2主要界面設計
商品展示界面為用戶瀏覽商品信息的主要界面。按不同的分類瀏覽，不同的分類器商品信息不同，但功能風格相同。這里將展示出其界面。每種商品都以小圖或者簡介的形式展示，單擊可以查看其詳細信息和放大圖片，以直觀的方式介紹商品。另外，在每個頁面中用戶都可直接注冊和登陸，商品類型，從而為用戶操作提供方便。
商品界面如下所示：
(a)商品頭部
(b)商品分頁
圖5.2 商品展示界面
登陸界面如下：
圖5.3 用戶登錄界面
注冊界面
圖5.4 用戶注冊界面
5.1.3其他界面設計
用戶查看所點擊的商品的相關信息，并根據需求添加到購物車實行商品購買。
(a)商品詳細 16
(b)商品推薦
圖5.5 商品詳情頁界面
圖5.6 購物車界面
(a)支付方式 17
(b)未支付
圖5.7 訂單界面
5.2關鍵問題設計
該網站采用MVC模型設計，設計到一些常用的技術手段[8]。
5.2.1驗證碼技術
防止用戶利用機器人自動注冊、登陸、灌水，皆采用驗證碼技術。所謂驗證碼，就是將一串隨機產生的數字或字符，生成一個特定的字符串，用戶識別其驗證碼信息，輸入表單提交驗證，驗證成功后才可以使用其中特定的功能[9]。
驗證碼的實現流程是：服務器端隨機生成驗證嗎字符串，保存在內存中，發送給瀏覽器顯示；瀏覽器端輸入驗證碼字符串，然后提交服務器端，提交的字符與服務器端保存的字符進行比較，若一致則繼續下一步，否則返回提示。
驗證碼主要代碼： BufferedImage img=new BufferedImage(150,30,BufferedImage.TYPE_INT_BGR);
Graphics g=img.getGraphics();
g.setColor(Color.black);
g.fillRect(0, 0, 150,30);
g.setFont(new Font(“楷體”,Font.BOLD,25));
Random ran=new Random();
String strs=“1234567890asdfghjklzxcvbnmqwertyuiop”;
StringBuffer sb=new StringBuffer();
for(int i=1;i<=4;i++){
char a=strs.charAt(ran.nextInt(strs.length()));
int r=ran.nextInt(255);
int g1=ran.nextInt(255);
int b=ran.nextInt(255);
g.setColor(new Color(r,g1,b));
switch(i){
case 1: g.drawString(a+“",20,15);break;
case 2: g.drawString(a+”“,60,25);break;
case 3:g.drawString(a+”“,90,15);break;
case 4: g.drawString(a+”“,130,20);break;
default: break;
}
sb.append(a);
}
ServletActionContext.getRequest().getSession().setAttribute(”validateCodeSession“,sb.toString());
for(int i=0;i<10;i++){
int x1=ran.nextInt(150);
int y1=ran.nextInt(30);
int x2=ran.nextInt(150);
int y2=ran.nextInt(30);
g.drawLine(x1, y1, x2, y2);
}
g.dispose();
ImageIO.write(img, ”jpg“, ServletActionContext.getResponse().getOutputStream());
return NONE;5.2.2左右無縫平移設計
圖片或圖層平移無間隙，緩和地平移圖片或圖層，使得頁面效果更平緩。無縫平移主要代碼： $:function(objName){
if(document.getElementById){ return eval('document.getElementById(”'+objName+'“)')
}else{ return eval('document.all.'+objName)} }，isIE:navigator.appVersion.indexOf(”MSIE“)!=-1?true:false，addEvent:function(l,i,I){
if(l.attachEvent){
l.attachEvent(”on“+i,I)
}else{
l.addEventListener(i,I,false)
}
}，delEvent:function(l,i,I){
if(l.detachEvent){
l.detachEvent(”on“+i,I)
}else{
l.removeEventListener(i,I,false)
}
}，readCookie:function(O){
var o=”“,l=O+”=“;if(document.cookie.length>0){
var i=document.cookie.indexOf(l);
if(i!=-1){
i+=l.length;var I=document.cookie.indexOf(”;“,i);
if(I==-1)I=document.cookie.length;
o=unescape(document.cookie.substring(i,I))
}
};
return o;
}，writeCookie:function(i,l,o,c){
var O=”“,I=”“;
if(o!=null){
O=new Date((new Date).getTime()+o*3600000);
O=”;expires=“+O.toGMTString()
};
if(c!=null){
I=”;domain=“+c;
};
document.cookie=i+”=“+escape(l)+O+I;
}，readStyle:function(I,l){
if(I.style[l]){
return I.style[l]
}else if(I.currentStyle){
return I.currentStyle[l];
}else if(document.defaultView&&document.defaultView.getComputedStyle){
var i=document.defaultView.getComputedStyle(I,null);
return i.getPropertyValue(l);
}else{
return null;
}
}
5.2.3輪播切換設計
圖層輪播切換技術采用純JS技術編寫，實現頁面動畫效果。主要代碼如下： NextPrev:function(e){
var btnClass =$(e.target || e.event).attr(”class“);
//alert(btnClass);
btnClass==”prev“?tag =-1:tag = 1;
var src = $(”.product-img img“).attr(”src“);
var newSrc = src.slice(0,-5);
var n = parseInt(src.slice(-5,-4));
n+=tag;
n n>this.max?n=this.min:n; //alert(n); $(”.product-img img“).attr(”src“,newSrc+n+”.jpg“); } 5.2.4平移圖層 圖層平移一般應用在詳情頁面，當用戶需要對象應商品進行更深層次的了解 時，需仔細查看圖層的各個細節，其平移位置根據鼠標的位置而定。部分代碼如下： maskMove:function(e){ var x = e.offsetX; var y = e.offsetY; var left = xthis.MSize/2; left = left<=0?0:left; left>=this.MaxLft?this.MaxLft:left; top = top<=0?0:top; top>=this.MaxTop?this.MaxTop:top; $(”#mask“).css({ ”left“:left+110, ”top“:top+170 }); } 5.2.5分頁技術 當商品類型過多時，需對商品展示進行分頁展示。先統計數據庫中商品的總數，在根據頁面展示的數量大小進行分頁顯示[10]。主要代碼如下： PageSet pageSetBean=new PageSet (); pageSetBean.setType(1); pageSetBean.setPage(page);//設置當前頁數 int limit=8;//設置當前顯示記錄數 pageSetBean.setLimit(limit); int numberCount=0;//總記錄數 numberCount=productDao.findnumberCount(gid); pageSetBean.setNumberCount(numberCount); int pageCount=0;//總頁數 if(numberCount%limit==0){ pageCount=numberCount/limit; }else{ pageCount=(numberCount/limit)+1; } pageSetBean.setPageCount(pageCount); int begin=(page-1)*limit;//設置數據集合 List list=productDao.findProductPage(gid,begin,limit);pageSetBean.setList(list);return pageSetBean;5.2.6 郵箱激活 用戶注冊時進行驗證碼激活。主要代碼如下： public static void sendEmail(String into,String codeNumber){ Properties p=new Properties(); p.setProperty(”mail.host“,”localhost“); Session session=Session.getInstance(p,new Authenticator(){ @Override protected javax.mail.PasswordAuthentication getPasswordAuthentication(){ return new PasswordAuthentication(”service@igou.com“, ”123“); }; }); Message message =new MimeMessage(session); try { message.setFrom(new InternetAddress(”service@igou.com“)); message.addRecipient(RecipientType.TO, new InternetAddress(into)); message.setSubject(”email“); message.setContent(”email
code“, ”text/html;charset=UTF-8");
Transport.send(message);
} catch(AddressException e){
// TODO Auto-generated catch block
e.printStackTrace();
} catch(MessagingException e){
// TODO Auto-generated catch block
e.printStackTrace();
}
}
結論
經過這三個月的畢業設計，我完成了flea market網站，即該網站從分析、設計到實現的三個過程。在設計過程中，通過查閱大量的相關資料、與同學交流經驗、自學、并向老師請教等方式促使自己學到不少知識，并大大提高了實際操作能力。讓我充分體會到在創造過程中的艱辛探索和成功的喜悅。
同時，通過開發這個網站讓我對軟件工程設計方面有了更深層次的理解，在前期需求分析和數據可設計時，沒有很好的理解其相關性，導致后期在開發過程中出現框架設計錯誤，自己只能邊設計邊修改需求方案，最終在老師和自己的合理調整后解決了相應的問題，這是在今后項目開發是需要謹記得教訓。
在實際項目開發過程中，由于時間和本人缺乏系統設計經驗，因此網站依然存在一些遺憾和不足，比如驗證的嚴謹性、瀏覽器之間的兼容性、后臺操作的準確性等問題。雖然這些問題存在，但是在設計的過程中所學到的東西是這次畢業設計的最大收獲和財富，使我終身受益。
參考文獻
[1] 冀振燕．UML系統分析與設計教程[M]．北京：人民郵電出版社，2014.[2] 錢樂秋.軟件工程[M].清華大學出版社，2013.[3] Baron Schwartz等.高性能MySQL 第三版[M].電子工業出版社，2013.5.[4] 陳華.Ajax從入門到精通[M].清華大學出版社，2012.[5] 劉克強.電子商務平臺建設[M].人民郵電出版社，2011.[6] 鄭阿奇.SQL Server數據庫教程[M].北京：人民郵電出版社，2013.[7] 魏雪萍.完美網站建設全能[M].人民郵電出版社，2012.[8] 陳雄化 林開雄.Spring3.x企業應用開發實戰[M].電子工業出版社，2013.5.[9] 劉京華.Java Web整合開發王者歸來[M].清華大學出版社，2012.5.[10]葛一鳴等.Java 程序性能優化[M].清華大學出版社，2012.10.24
致
謝
在這三個月的忙碌和學習中，畢業設計也即將結束，作為一名本科生畢業設計，因經驗不足，難免有諸多考慮不周的地方，在此衷心感謝李艷梅老師給予我的督促指導，對于網站設計有了更多新認識，對基本網站設計有進一步認識，對網站整體設計脈絡了解更為清晰透徹；以及感謝各位同伴的支持與鼓舞，使得這次畢業設計順利完成。
畢業設計，可以很好地總結大學四年中收獲、認知。與此同時，幫助改變一些處理事情時的懶惰。從最開始的材料收集，整理資料，題目構思與確定，到網站設計以及搭建。每一步都需精心思考，認真查閱資料，仔細實際操作。
通過畢業設計，讓我深刻領會到基礎的重要性。它不僅幫助檢驗學生大學期間的學習成果，還可幫助我們更加清楚地認識自我，更多地磨練我們的意志與耐性，這會為我們今后的工作、生活帶來巨大幫助。
最后，再次感謝李艷梅老師給予我的耐心、細致、全面的指導，感謝關心和鼓勵我的同伴們，感謝學校老師、領導，感謝你們給予我的幫助與關懷；感謝西華師范大學計算機學院四年來為我提供良好的學習環境。
第三篇：網站設計 畢業論文 畢業設計
（論文設計（論文）題目
JSP動態網站設計
學 院 教 學 系 班 級
姓 名 指導教師
畢業設計）
畢業論文
JSP動態網站設計
摘要
隨著Internet技術的發展,人們的日常生活已經離不開網絡。未來社會人們的生活和工作將越來越依賴于數字技術的發展，越來越數字化、網絡化、電子化、虛擬化。Internet的發展歷程以及目前的應用狀況和發展趨勢，可以充分地相信網絡技術將極大的改變我們的生活和工作方式，甚至社會的價值觀也會發生某種變化。
企業網站，就是企業在互聯網上進行網絡建設和形像宣傳的平臺。企業網站就相當于一個企業的網絡名片，不但對企業的形象是一個良好的宣傳，同時可以輔助企業的銷售，甚至可以通過網絡直接幫助企業實現產品的銷售，企業可以利用網站來進行宣傳、產品資訊發布、招聘等等。企業網站的作用就是為展現公司形象，加強客戶服務，完善網絡業務，還可以與潛在客戶建立商業聯系。本網站使用JSP技術，所謂JSP就是在傳統的網頁HTML文件（*.html,*.htm）中加入Java程序片段（Scriptlet）和JSP標記（tag），就構成了JSP網頁（*.jsp）。Web服務器在遇到訪問JSP網頁的請求時，首先執行其中的程序片段，然后執行結果以HMTL格式返回給客戶。程序片段可以操作數據庫、重新定向網頁以及發送E-mail等，這就是建立動態網站所需要的功能。所有程序操作都在服務器端執行，網絡上傳送給客戶端的僅僅是結果，對客戶瀏覽器的要求最低。
在Java的基礎上開發出的JSP實現了動態頁面與靜態頁面的分離，脫離了硬件平臺的束縛以及編譯后運行等方式，大大提高了其執行效率而逐漸成為Internet上的主流開發工具。在美國，EJB+Servlet+JSP幾乎成為了電子商務的開發標準，而在我國也正逐漸興起，不少網站都采用了JSP技術。全球電子商務的出現和發展，無疑為我國發展知識經濟和推進現代化事業提供了歷史機遇，也提出了嚴峻的挑戰。電子商務是信息化社會的商務模式，也是商務的未來。作為一種現代商務模式，電子商務利用計算機網絡檢索和獲取信息，對個人和公司提供決策服務，解決了組織、商家和客戶的需求，減少了用于改善貨物和服務質量的投入，加快了商品交易的速度。電子商務可以應用于制造到零售，從銀行、金融機構到出版娛樂以及其他的任何企業。
關鍵詞 ：電子商務 JSP MySQL
畢業論文
目 錄
摘要...............................................................1 1緒論..............................................................1 1.1課題背景與來源..................................................1
1.2 課題研究意義...................................................1 1.3企業網站的由來和發展............................................2 2 開發工具的介紹及選擇.............................................2 2.1 Dreamweaver8.0.................................................2 2.2 MyEclipse 8.5..................................................3 2.3 JavaScript.....................................................4 3 企業網站結構設計.................................................4 3.1 技術涉及領域...................................................4 3.2可行性分析......................................................8 3.3網站的設計與規劃................................................8
3.3.1網站目的.................................................10 3.3.2網站概貌.................................................11 3.3.3功能規劃.................................................11 4數據庫設計實現...................................................11 4.1 數據庫設計....................................................11 4.2注冊表（tb_login）.............................................13 4.3產品表（product）..............................................14 4.4購物車表（tb_shop）............................................14 4.5 網頁與數據庫的鏈接代碼........................................15 5模塊功能實現.....................................................15 5.1系統總體結構設計...............................................15 5.2 主頁頁面......................................................16 5.3 登陸/注冊.....................................................16 5.4購物頁面.......................................................19 5.5其它頁面實現...................................................21 6設計技巧和解決方法...............................................22 7總 結............................................................23 謝辭..............................................................24 參考文獻..........................................................25
畢業論文
1緒論
1.1課題背景與來源
在已跨入21世紀的今天，人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻擋的革命，這次革命將比印刷術的出現所產生的影響以及對社會發展的推動遠為復雜而巨大。
隨著網絡的發展，越來越多的企業需要搭建公司網站，將其作為對外宣傳、推廣、服務及傳銷的載體，來配合公司的發展和需要，使更多的客戶通過網絡來結盟公司。本課題根據企業的具體情況及需要，設計開發企業宣傳網站，幫助其充分利用國際互聯網上的信息資源，服務現有客戶，挖掘潛在客戶，最大限度地開拓屬于另一片天空的市場。是目前使用最為廣泛的軟件系統。課題涉及的知識較廣泛,其中包括了目前最新的網頁設計技術，如WEB標準、XHTML技術的應用、CSS技術的應用、Javascript代碼的設計、網站的配置及發布等等內容。通過實現該課題，學生對多種知識進行綜合使用，達到融會貫通的程度，更重要的是在該課題的開發過程中學生使用WEB標準進行網頁的設計，對網站的重構和優化有一個詳細深入的認識，對于當前網頁設計的最新技術和標準規范有了一次真實體驗，使學生在就業前得到一次實踐鍛煉的機會，提前熟悉企業中網站開發的標準流程，更能適應當前市場的需求。
目前，我國上網的人口已近一個億，成立世界上網民最多的國家，許多人在需要查詢信息，首先想到的就是上網。網站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內容，具有豐富的多媒體表現與互動特點，無可置疑，網站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網絡技術的發展，各類網站紛紛出現。企業網站也成為了一種時尚。越來越多的公司通過企業網站，打開網絡世界的廣闊市場，展示企業的文化和形象。
1.2 課題研究意義
通過對這一題目的設計實現, 使學生鞏固、提高和綜合運用已學知識，同時培養學生綜合知識的應用能力，提高學生分析問題和解決問題的能力，學會設計工作思路、方法、步驟，提高技術應用能力；進一步培養學生樹立嚴謹的科學作風和良好的工作能力，提高獨立思考與團隊合作的能力。通過對本課題的設計，力圖使學生能熟練掌握利用XHTML＋CSS+Javascript等語言開發網頁的過程和開發方法，深刻地體會到在開發網頁時使用CSS技術的優越性，獲得實際的開發經驗，熟悉一個實際項目的開發過程和開發方法，增加自己的編程實踐經驗，為自己將來的工作奠定一個堅實的基礎。隨著互聯網的發展，網站已經越來越引起人們的關注，很多種搭建網頁的編程語言應運而生。JSP是一種動態網頁的編程語言，它是在傳統的網頁HTML文件中插入Java程序段和JSP標記,從而形成JSP文件。
畢業論文
用JSP開發的Web應用是跨平臺的，既能在Linux下運行，也能在其他操作系統上運行。自JSP推出后，眾多大公司都支持JSP技術的服務器，如IBM、Oracle、Bea公司等，所以JSP迅速成為商業應用的服務器端語言。JSP具備了Java技術的簡單易用，完全的面向對象，具有平臺無關性且安全可靠，主要面向因特網的所有特點。JSP將網頁邏輯與網頁設計和顯示分離，支持可重用的基于組件的設計，使基于Web的應用程序的開發變得迅速和容易。插入的Java程序段可以操作數據庫、重新定向網頁等，以實現建立動態網頁所需要的功能。JSP是在服務器端執行的，通常返回給客戶端的就是一個HTML文本，因此客戶端只要有瀏覽器就能瀏覽。正因為JSP擁有如此多的優點，在社會上也成為了流行的編程語言，深受民眾的普遍受歡迎。成功完成一項由JSP語言匯編的網頁，將會大大提高學生的編程技術，使學生在就業前得到一次實踐鍛煉的機會，提前熟悉企業中網站開發的標準流程，使學生更能適應市場的需求。
1.3企業網站的由來和發展
互聯網在中國的出現只有短短七年時間，1994年中國科學院高能物理研究所設立了國內第一個Web服務器，推出一個叫做“中國之窗”的網頁，這可能是國內Internet上出現的第一個Web網頁，1995年開始，中國教育科研網，中國科技網，中國公用計算機互聯網以及中國金橋網這構成中國數字神經系統的四大互聯網絡相繼建成，使互聯網在中國開始真正進入社會生活之中。
企業網站，就是企業在互聯網上進行網絡建設和形像宣傳的平臺。企業網站就相當于一個企業的網絡名片，不但對企業的形象是一個良好的宣傳，同時可以輔助企業的銷售，甚至可以通過網絡直接幫助企業實現產品的銷售，企業可以利用網站來進行宣傳、產品資訊發布、招聘等等。企業網站的作用就是為展現公司形象，加強客戶服務，完善網絡業務，還可以與潛在客戶建立商業聯系。隨著網絡的發展，出現了提供網絡資訊為盈利手段的網絡公司，通常這些公司的網站上提供人們生活各個方面的資訊，如時事新聞、旅游、娛樂、經濟等。開發工具的介紹及選擇
2.1 Dreamweaver8.0 Web(World Wide Web，簡稱 編輯器和其他編程工具（包括 Microsoft Visual Studio.NET）一起工作。這不僅使得 Web 開發更加方便，而且還能提供這些工具必須提供的所有優點，包括開發人員可以用來將服務器控件拖放到 Web 頁的 GUI 和完全集成的調試支持。微軟為ASP.NET設計了這樣一些策略：易于寫出結構清晰的代碼、代碼易于重用和共享、可用編譯類語言編寫等等，目的是讓程序員更容易開發出Web應用，滿足計算向Web轉移的戰略需要。
JSP（JavaServer Pages）是Sun公司推出的一種動態網頁技術。JSP技術是以Java語言作為腳本語言的，熟悉JAVA語言的人可以很快上手。JSP本身雖然也是腳本語言，但是卻和PHP、ASP有著本質的區別。PHP和ASP都是由語言引擎解釋執行程序代碼，而JSP代碼卻被編譯成Servlet并由Java虛擬機執行，這種編譯操作僅在對JSP頁面的第一次請求時發生。因此普遍認為JSP的執行效率比PHP和ASP都高。JSP是一種服務器端的腳本語言，最大的好處就是開發效率較高，JSP可以使用JavaBeans或者EJB（Enterprise JavaBeans）來執行應用程序所要求的更為復雜的處理，但是這種網站架構因為其業務規則代碼與頁面代碼混為一團，不利于維護，因此并不適應大型應用的要求，取而代之的是基于MVC的Web架構。MVC的核心思想是將應用分為模型、視圖和控制器三部分。模型是指應用程序的數據，以及對這些數據的操作；視圖是指用戶界面；控制器負責用戶界面和程序數據之間的同步。通過MVC的Web架構，可以弱化各個部分的耦合關系，并將業務邏輯處理與頁面以及數據分離開來，這樣當其中一個模塊的代碼發生改變時，并不影響其他模塊的正常運行，所以基于MVC的Web架構更適應于大型應用開發的潮流。因此，不少國外的大型企業系統
畢業論文
和商務系統都使用以上的MVC架構，能夠支持高度復雜的基于Web的大型應用。
<5> JSP開發環境: JDK：Java Development Kit，Java開發工具集 Tomcat：服務器
IDE：Integated Development Environment，集成開發環境 常用：Eclipse（MyEclipse）、JBuilder 3.2可行性分析
（1）經濟可行性分析：網頁開發費用可以接受，開發周期短，網站使用期持久。（2）技術可行性分析：計算機硬件和軟件的飛速發展為網頁提供了技術條件。（3）社會可行性分析：在當前信息技術飛速發展的大環境下，計算機技術和軟件技術的更新是網頁，完全有可能也有能力采用這樣先進的技術。
3.3網站的設計與規劃
JSP頁面包含的元素：JSP代碼、JSP指令、JSP動作。JSP代碼指的是嵌入在JSP頁面中的Java代碼。JSP指令是為JSP引擎設計的，它告訴JSP引擎如何處理代碼，比如引入一個其他的類、設置JSP用的語言等。JSP動作是用來控制JSP引擎的動作，比如可以根據某個條件動態跳轉到另一個頁面。JSP的內建對象由JSP容器自動為JSP頁面提供，是預先存在的。在編寫JSP程序時，可以直接使用內建對象。
JSP的常用內建對象有：
<1>out：傳送信息到客戶端的瀏覽器。<2>request：包裝客戶端的請求信息。<3>response：響應客戶端的請求。<4>session：客戶端請求的一次回話。
JDBC（Java Data Base Connectivity）Java數據庫連接。是一種用于執行SQL語句的Java API，可以為多種關系數據庫提供統一訪問，由一組用Java語言編寫的類和接口組成。
MySQL的安裝、建庫、表、增刪改查、MyEclipse Database Browser。使用JDBC訪問MySQL步驟： <1>加載驅動程序類 <2>建立連接
<3>創建能夠發送SQL語句的對象 <4>執行發送的SQL語句 <5>處理返回結果 <6>關閉連接
畢業論文
加載驅動程序類: try{ Class.forName(“com.mysql.jdbc.Driver”);} catch(Exception e){ e.printStackTrace();} 建立連接: Connection conn=DriverManager.getConnection(“jdbc:mysql://localhost:3306/數據庫名”,”用戶名”,”密碼”);創建能夠發送SQL語句的對象: Statement：向數據庫提交SQL語句并返回相應結果的工具。Statement st=conn.createStatement();PreparedStatement：繼承Statement接口，當一條SQL語句需要稍加變化而反復執行時，通?？梢允褂肞reparedStatement。
PreparedStatement ps=conn.prepareStatment(“sql”);
CallableStatement：繼承PreparedStatement接口，用于執行存儲過程。CallableStatement cs=conn.prepareCall(“sql”);執行發送的SQL語句: int n=st.executeUpdate(“sql”);/* 增刪改*/ int n=ps.executeUpdate();ResultSet rs=st.executeQuery(“sql”);/* 查詢*/ ResultSet rs=ps.executeQuery();cs.execute();/*其它*/ 處理返回結果: 增刪改:if(n>0)操作成功！else 操作失敗！
查詢:while(rs.next()){rs.getxxx(“列名”)//獲取結果集中的值} 關閉連接conn.close();JavaBean目前代表性的組件技術有COM、COM+、JavaBean、EJB、CORBA。它基于組件的軟件設計擁有組件可重復使用、易于替換和升級、加快軟件開發速度，縮短生產周期的優勢。JavaBean支持可視化和非可視化兩種組件。可視化組件在運行中能夠顯示出來。非可視化組件通常用來處理一些復雜事物，一般不會有可視化的輸出。JSP只支持一些非可視化的JavaBean來實現一些比較復雜的事務處理。
Servlet是服務器端的Java小程序，用于響應客戶端的請求。一般會把處理結果以HTML的形式返回，在客戶端形成動態網頁。Servlet和JSP的區別是JSP更加注重頁面的表現，而Servlet更注重業務邏輯的實現，且編寫Servlet較難。JSP只能處理瀏覽器的請求，而Servlet還可以處理客戶端的應用程序請求，可以認為Servlet加強了Web服務器的功能。
畢業論文
一個Web項目至少分為三層：數據層、業務邏輯層和表示層。數據層通過數據庫保存數據。業務邏輯層用來完成數據計算、數據分析、數據庫連接等處理工作。表示層用來完成HTML頁面的輸出。
Servlet的生命周期分為：初始化、處理客戶端的請求和銷毀三個階段。當服務器裝載一個Servlet的時候，服務器創建一個Servlet實例，并且調用Servlet的init()方法。在初始化階段，Servlet初始化參數被傳遞給Servlet配置對象。在服務器裝載和初始化Servlet后，服務器會創建特定的“請求”對象和一個“響應”對象。服務器調用Servlet的service()方法，用于傳遞“請求”和“響應”對象。service()方法從“請求”對象獲得請求信息，處理該請求并用“響應”對象的方法將響應返回客戶端。service()方法可以調用其他方法來處理請求，例如doGet()、doPost()等方法。如果服務器不再需要或重新裝入Servlet實例時，服務器會調用Servlet的destroy()方法以終止請求。
Servlet基本方法: <1>init()：在Servlet的生命周期中，init()方法僅執行一次。它是在服務器裝入Servlet時執行的。
<2>service()：該方法是Servlet的核心。每當客戶端請求一個Servlet實例時，該實例的service()方法就會被調用。默認條件下調用與HTTP請求方法相應的do功能。如果HTTP請求方法是GET，則默認條件下調用doGet()方法；如果HTTP請求方法是POST，則默認情況下調用doPost()方法。
<3>destroy()：該方法只執行一次，即在服務器停止并卸載Servlet時被調用。Servlet編寫
<4>Servlet是Java類。
<5>一般Servlet是javax.servlet.HttpServlet的子類，需覆蓋doGet()和doPost()方法來完成相應功能。
<6>Servlet編寫完成需配置web.xml文件： Servlet、Servlet-mapping 3.3.1網站目的
通常情況下，架設企業網站主要是為滿足公司的基本業務以及日益擴大的商務應用能夠隨時升級，擁有產品銷售業務的企業以網絡營銷為目的，在互聯網上進行企業宣傳。企業網站建設是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。本網站的功能在一般網站的功能上需要適當創新和添加。
畢業論文
3.3.2網站概貌
因為是企業網站，所以需要包涵公司要求的各方面內容，在突出企業的風格和特點的同時，還應用了現在流行的網站設計技術和數據庫技術。因此將網站設計分為前臺頁面展示平臺和后臺設計。3.3.3功能規劃
網站設計有公司動態更新，瀏覽者可以在首頁了解世紀互聯數據中心的基本信息，并且可以登錄和注冊賬戶，在后臺設計頁面中，管理員可以對網站信息進行管理。站內的其它頁面均是按照公司整體需求進行設計的。
<1>主頁
主頁可以讓用戶看見公司的簡單介紹。<2>登陸/注冊
愿意了解公司的客戶需要進行注冊登陸。<3>商品展示
是對公司產品的一個陳列說明，可以讓客戶進行選購。<4>購物車 讓用戶選購產品。<5>服務內容
世紀互聯公司不只是產品銷售公司，它的服務范圍涵蓋IT界各項內容。<6>招聘信息
對人才的需求也是公司的重點，通過招聘信息瀏覽者可以申請公司職位。
4數據庫設計實現
對于數據庫的需求而言，由于其主要是用于信息的提供、保存、更新和查詢等利用數據庫設計用戶數據表保存用戶數據。我們以系統功能所隱含的對數據應用的需求，確定了數據庫的結構，并建立了數據表。本網站數據庫BuinessDB。BuinessDB里創建了多個數據表tb_login、product和購物車表（tb_shop）。
4.1 數據庫設計
數據庫是計算機應用系統中的一種專門管理數據資源的系統。數據有多種形式，如文字、數碼、符號、圖形、圖像以及聲音等。數據是所有計算機系統所要處理的對象。人們所熟知的一種處理辦法是制作文件，即將處理過程編成程序文件，將所涉及的數據按程序要求組織成數據文件，用程序文件來調用。數據文件與程序文件保持著一定的對應關系。在計算機應用迅速發展的情況下，這種文件式方法便顯出不足。比如，它使得數據通用性差，不便于移植，在不同文件中存儲大量重復信息、浪費存儲空間、更新不便等。數據庫系統便能解決上述問題。數據庫系統不從具體的應用程序
畢業論文
出發，而是立足于數據本身的管理，它將所有數據保存在數據庫中，進行科學的組織，并借助于數據庫管理系統，以它為中介，與各種應用程序或應用系統接口，使之能方便地使用數據庫中的數據。
這段說明介紹的確非常詳細，可能讓人看得頭暈眼花了，其實簡單地說數據庫就是一組經過計算機整理后的數據，存儲在一個或多個文件中，而管理這個數據庫的軟件就稱之為數據庫管理系統。一般一個數據庫系統（Database System）可分為數據庫（Database）與數據管理系統（Database Management System，DBMS）兩個部分。
數據庫解決方案分為兩個基本類別：數據庫服務(DBaaS)和數據服務(DaaS)。這兩者間的主要區別在于數據是怎樣管理的。
DaaS使你可以定義你的數據，然后你可以從世界任何地方通過Internet連接對這些數據進行查詢。不同于傳統的數據庫解決方案，DaaS不執行典型RDBMS接口，例如SQL。而是通過一套通用的API訪問數據。此外，DaaS是最適合于基礎數據的查詢和操縱等管理。
DBaaS是一個更為強大的數據解決方案，它提供全面的數據庫功能。在DBaaS中，管理層負責連續監測和配置數據庫，以實現優化縮放、高可用性、多租戶、并在云中有效的分配資源。因此，開發者可以免去許多繁瑣乏味的數據庫管理操作的麻煩，因為這些會被自動處理。
有三種基本的基于云數據庫的服務，它們的不同在于用戶定制環境的靈活性。對于擴展性，云計算是用戶訪問一個只有操作系統的準機器，而對于這個操作系統用戶有充分的靈活性安裝和配置選定的RDBMS軟件。這種安裝被認為云服務基礎設施(IaaS)。Amazon Elasti Computing Cloud(EC2)就是這種服務的一個很好的例子。對于想對其托管的數據庫具有完全控制權的人來說，這個平臺是一個很好的選擇。
另一個在云中部署RDBMS通用模型的是虛擬設備模型。虛擬設備是一個預裝載并預配置設備的虛擬機。Amazon還在其EC2云中部署預配置了MySQL、Oracle和Microsoft SQL Server的虛擬設備。
最后，本地云數據服務，例如Xeround’s MySQL云數據庫使用NoSQL數據庫，通過Web界面進行管理。本地云數據庫往往得到更好的設備以便能夠更好地使用云資源，并且與非云RDBMS使用的軟件相比提供更好的可用性與穩定性。
正如現在云計算一樣棘手，讓陌生人訪問您的數據要考慮清楚，不能掉以輕心。低價格：這可能是使企業進入云行列的第一個原因。使用基于云數據庫解決方案，可以從硬件、軟件許可以及服務實施等方面大幅降低運營成本和支出，因為你只需要對所使用的部分買單。
擴展性與靈活性：數據庫托管公司往往處于有利位置，為了得到更高的效率并減少未使用的空間而使資源得到最大化。他們根據你不斷變化的業務需求而對服務進行增加或縮減。
畢業論文
高效率：云計算提供了硬件共享、流程自動化和技術熟練的好處。你和你的員工可以從任何地方、使用任何電腦、移動設備或瀏覽器訪問數據庫。它還能從整體上降低資源的使用。
缺點： 安全問題：云計算中一個值得關注的事情是你的數據是通過網絡訪問的。這就產生了一系列問題，你會給某人提供機會攻擊你的數據庫服務商并且竊取你寶貴的資料嗎？這樣安全漏洞事件是誰的責任呢？當第三方丟失客戶信息時，你不能也不應該只躲在云供應商后面。除了網頁接入問題，怎樣才能使供應商的物理位置安全呢？他們經常進行備份么？有異地數據存儲么？這些實在沒有辦法百分之百的確定。你只能相信你的供應商能照顧好您的數據。
互聯網連接風險的損失：由于你的數據通過網絡進行交互，你應該考慮失去數據庫連接將會對你的企業生產帶來怎樣的影響。這種風險你能忍受么？這里有個叫做五個九的高可用性標準。在99.999%的時間正常運行，每年停機時間約為五分鐘。你能期望它保證具有這種可靠性么？
定制的局限性：當處理如此多的業務時，要求數據庫服務商要很靈活。如果需要深度定制并且與現有系統集成來為日常業務服務，那么云計算能夠適應你的需求嗎。
4.2注冊表（tb_login）
主要記錄用戶在注冊時的個人基本信息，用戶可以對這個表中的信息進行修改。
表 5-1-1 注冊表的邏輯結構
詳細數據表如下：
5-1-用戶注冊表
畢業論文
4.3產品表（product）
主要記錄公司為客戶提供的產品信息，客戶可以瀏覽，購買這個表中的產品。管理員可對產品信息進行增加、刪除及修改。
表5-2-1 產品表的邏輯結構
詳細數據表如表：
表5-2-2 產品數據表
4.4購物車表（tb_shop）
購物車表，主要用來存放用戶已加入購物車的商品。
表5-3-1 購物車表的邏輯結構
詳細數據表如表：
表5-3-2 購物車數據表
畢業論文
4.5 網頁與數據庫的鏈接代碼
在JSP網站設計搭建中，數據庫要想與網頁鏈接必須要有DBconn代碼。
5模塊功能實現
5.1系統總體結構設計
本網站主要圖片由公司提供，劃分為上下兩部分，上部分是一個Web用戶控件，這種控件可以在Web窗體中進行引用，這樣這個網站的風格有了一定的統一；下部分分左右兩部分，左邊主要顯示各個頁面應有的內容，右邊為內容的視覺表達，每個網頁的布局都是這樣，使整個網站統一化。因為公司網站的原因，整個網站的顏色都比較大眾化，所以一般不采用暖色調來填充顏色，因本網站主要圖片的人性化設計，在風格上也向部分網站進行了模仿，為使整個網站在美觀上有所提高，我們對一些圖片進行了修改。
圖4-1-1 系統總體結構設計圖
畢業論文
5.2 主頁頁面
主頁面包含注冊、登錄、產品瀏覽、購物車、招聘信息以及后臺管理等主要功能鏈接，簡潔明了的模塊化分給顧客直觀的感受和足夠的參考信息。
圖4-5-1 主頁面
主頁樣式設計代碼如下：
登陸/注冊
(1)登陸頁面：輸入用戶名及密碼，若與數據表中有匹配項則登陸成功。
畢業論文
圖4-2-1 登陸頁設計圖
用戶登錄jsp代碼如下：
<%
if(request.getParameter(“username”)!=null&&request.getParameter(“pass{
String strName=request.getParameter(”username“);String strPass=request.getParameter(”password“);Class.forName(”com.mysql.jdbc.Driver“);Connection word”)!=null)conn=DriverManager.getConnection(“jdbc:mysql://localhost:3306/test”,“root”,“");
Statement stat=conn.createStatement();String strSql=”select count(*)from tb_login where ResultSet result=stat.executeQuery(strSql);result.next();if(result.getInt(1)==1){ session.setAttribute(“login”,“ok”);response.sendRedirect(“main.jsp”);
} else
{ out.println(“用戶名或密碼輸入錯誤！”);out.println(“返回>>重新輸入”);} result.close();} username='“+strName+”'and password='“+strPass+”'“;
%>
畢業論文
(2)注冊頁面：取得用戶的信息并保存。
圖4-2-2 注冊頁設計
用戶注冊jsp代碼如下：
<%if(!request.getParameter(”Password“).equals(request.getParameter(”Password1“))){ out.println(”密碼輸入不一致！
“);
out.println(”返回“);} else{ try{ //加載驅動程序
Class.forName(”com.mysql.jdbc.Driver“);//建立連接
Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);//創建能夠發送SQL語句的對象
Statement st=conn.createStatement();String sql=”insert into tb_login values('“+request.getParameter(”ID“)+ ”','“+request.getParameter(”Name“)+”',“+request.getParameter(”Password“)+”)“;sql=new String(sql.getBytes(”ISO-8859-1“),”GBK“);//執行SQL語句
int n=st.executeUpdate(sql);//處理執行結果
if(n>0){ out.println(”“);} else{ out.println(”“);}} %>
畢業論文
5.4購物頁面
購物車模塊主要的核心功能就是產品展示和購物車，這個模塊分三個頁面來實現，瀏覽頁面實現加入購物車，購物車頁面實現購物車管理。
圖4-3-1 產品展示頁
購物頁面：消費客戶能夠查看虛擬購物車內的所有產品，并且已登陸的客戶可以刪除圖書。當客戶刪除產品項之后，系統會及時更新數據表中相應內容。在瀏覽頁點擊加入購物車就可實現加入虛擬購物車功能，在購物車頁面，已登陸的消費者可以看到自己將購買的商品，同時也可刪除商品。
圖4-3-2 購物車效果圖
畢業論文
購物車jsp代碼如下：
<%try{ //加載驅動程序 Class.forName(”com.mysql.jdbc.Driver“);//建立連接 Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);//創建能夠發送SQL語句的對象
Statement st=conn.createStatement();String sql=”insert into tb_shop values('“+request.getParameter(”ID“)+ ”','“+request.getParameter(”Name“)+”',“+request.getParameter(”Number“)+”,“+request.getParameter(”Price“)+”)“;sql=new String(sql.getBytes(”ISO-8859-1“),”GBK“);//執行SQL語句 int n=st.executeUpdate(sql);//處理執行結果 if(n>0){ out.println(”“);} else{ out.println(”“);} } catch(Exception e){ %>
e.printStackTrace();}
瀏覽頁面：消費者可以通過瀏覽產品目錄，查看和選擇產品。當用戶瀏覽目錄的時候，可以遍歷產品類別的層次，并且查看屬于各個類別的產品列表，當查看完產品后，消費用戶就能夠將想購買的產品放在他們的虛擬購物車中。
圖4-3-3 購物車查看圖
畢業論文
購物車信息表代碼如下：
<% int n=0;//用戶人數
try{Class.forName(”com.mysql.jdbc.Driver“);Connection conn=DriverManager.getConnection(”jdbc:mysql://localhost:3306/test“,”root“,”“);Statement st=conn.createStatement();String sql=”select * from tb_shop“;ResultSet rs=st.executeQuery(sql);while(rs.next()){ out.println(”
5.5其它頁面實現
企業網站包涵公司要求的各方面內容，需要對公司服務內容進行詳細的說明介紹，世紀互聯數據中心是IT行業相當成熟的企業，它覆蓋了幾乎所有網絡行業的服務內容，為網絡用戶需求帶來全面的服務。
圖4-4-1 企業服務介紹
畢業論文
6設計技巧和解決方法
我們在制作網頁的時候，經常有這種體會，那就是制作好的網頁在本地計算機上瀏覽時很正常，但在另外一臺計算機上瀏覽時發現原本漂亮的網頁變得歪歪扭扭了，這是為什么呢?原來各個計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示，在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角，Dreamweaver 顯示當前文檔被設計成的分辨率大小。單擊哪個數字，在彈出式菜單中可以為當前的頁面指定顯示分辨率，通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。有時我們為了要達到一種逼真的效果，希望鼠標移動到某個鏈接上時能有動感產生。使用Dreamweaver可以很容易實現這種效果。設計時，我們首先需要準備兩幅圖象，第一幅是原始圖象，第二幅是鼠標移動上去后的圖象。接著用鼠標單擊第一幅圖，在屬性面板中的鏈接欄中填上要鏈接的文件，然后單擊鍵盤上的F8鍵，在彈出的Behaviors窗口中單擊“+”號，隨后選擇“swap image”，在接著出現的窗口中選擇第二幅圖象，最后單擊確定就可以了。
本次為期三個月多的畢業設計是大學三年所學知識的綜合運用，是理論與實踐相得綜合考察。這種畢業設計項目的選做,不僅可以鞏固了所學的書本知識,還能學到了許多課堂上和書本上無法學到的實踐知識，提高我們的自學能力，增強了專業技術的水平，同時也為今后從事本專業的工作打下了的基礎。
畢業論文
7總 結
經過幾個月的努力，我們的畢業設計終于完成了。通過結合畢設計劃書的要求，制定了公司網站系統管理的計劃方案，本網站可實現用戶注冊、登錄、修改信息、購物、生成訂單、瀏覽產品等公司網站應具備的功能，同時添加了用戶管理系統，進一步完善了本網站的功能，在這次公司網站系統的設計過程中我受到很大啟發：在網站開發與設計上，體會到了理論與實際結合的重要性，認識到做一個完美的網站不僅僅要考慮到網站功能及其效果的實現，更應該注重網站與用戶的有機結合。
在老師耐心細致的指導下，同學之間相互交流，同時翻閱了大量的資料(包括網上資料，書本及學校的一些相關資料)經過近一段時間的努力，企業網站的設計制作告一段落?？偨Y這次“世紀互聯網站”開發制作過程，我們綜合使用了目前因特網上比較流行的各種靜態、動態制作方法，并對初步利用后臺程序完成生成網頁的技術。同時也從中學習了對靜態頁面的處理風格，色彩搭配，頁面導航方面有了一定經驗。目前網站的制作技術與要求，都已經告別了因特網初期網站制作的“幼稚”期，隨著各類網站的迅速增加與瀏覽者需求的提高，無不要求網站從立意，策劃，頁面設計到后臺程序的全面提高。無論是個人網站還是企業網站都必須被要求從瀏覽者角度出發，最大限度的滿足用戶的要求，這也是以后各類網站發展競爭的真正實質所在。
本次設計由于設計時間較緊，且相關模塊比較多，加之設計經驗的不足，在網站的整體設計及各模塊功能可能設計的不完全，有待于進一步的完善和改進。雖然在完成項目的過程中也遇到過各種困難,但最終我們達到了自己的預期目標,雖然此網站與其它網站相比仍有很多不足,但是整個制作過程才是整個項目最寶貴的地方,最后, 由于時間倉促以及本人水平有限，本系統還有很多不完善之處，也難免存在錯漏，懇請各位老師多多指點。
畢業論文
謝辭
畢業論文
參考文獻
[1] 吳濤主編.網站全程設計技術[M].北京：清華大學出版社，2006,7.[2] 龍馬工作室編.JSP+SQL Server組建動態網站實例精講[M].北京：人民郵出版社，2008,4.[3] 趙增敏編.JSP動態網頁設計[M].電子工業出版社，2003,8.[4] 任學文，范嚴編.網頁設計與制作[M].中國科學技術出版社，2006,8.[5] 武創，王惠.網頁設計探索之旅 [M].電子工業出版社，2006,9.[6] 杜巧玲等編.網頁設計超級夢幻組合[M].清華大學出版社, 2003,3.[7] 吳黎兵，羅云芳編.網頁設計教程[M].武漢大學出版社，2006,2.[8] 莊王健編.網頁設計三劍客白金教程[M].電子工業出版社，2006,1.[9] 澤卡斯著，李松峰，曹力譯.JavaScript高級程序設計(第2版)[J].人民郵電出版社，2010.[10] 唐永明.淺議網頁設計與制作[J].科技信息，2009(20).[11] 陳孝強等編.Dreamweaver8 必練[M].北京：清華大學出版社，2006.[12]（美）特里等著，謝文亮譯.《SQL Server 2005深入開發系列——SQLServer 2005報表服務高級編程》[M].北京：清華大學出版社，2007.[13] 王華杰，孫一波等編.《C#數據庫開發技術》[J].清華大學出版社，2003,2.
第四篇：網站設計電子教案2
2.1 課堂任務1 DreamWeaver8入門
課程名稱：自定義工作界面 課時數：2 教學目標：
知識與技能：了解DreamWeaver 8相關知識。
過程與方法：掌握DreamWeaver8軟件界面組成；
掌握自定義DreamWeaver8軟件的工作區；
掌握獲取、安裝網頁制作軟件的方法；
掌握各網頁制作軟件的啟動和退出的方法；
情感與價值觀：培養學生仔細的觀察態度和積極動手探索的學習習慣。教學重點：
自定義DreamWeaver8軟件的工作區。教學難點：
自定義DreamWeaver8軟件的工作區 教法：
任務驅動法 學法：
閱讀，記錄要點，動手操作。課前準備：
第二章第一節素材和實例。視頻教程：自定義界面.wmv 教學過程設計：
（一）導入設計：
打開Dreamweaver 8這個軟件。
前面我們已經學習過了Dreamweaver 8軟件的獲取與安裝。這一節我們主要了解Dreamweaver 8軟件的界面和相關的一些基本操作。為今后的網頁制作操作打好基礎。
（二）新課講解設計：
（1）請學生帶著以下問題閱讀P23~27知識預讀1，并動手預習操作。問題如下：
A.DreamWeaver8軟件界面由哪幾部分組成？
B.在DreamWeaver8中對功能面板可以做哪些操作？
C.當網頁編輯窗口太小的時候，如何擴大網頁編輯窗口？（2）請學生一一回答以上問題。
（3）教師總結評價并補充相關要點。
（4）參考教材第28頁至第29頁的任務實施步驟，點名請一個同學上來按要求完成。教師在一旁提示和總結方法。
（5）請其他同學完成相同操作?？蓞⒖家曨l文件自定義界面.wmv。教師巡邏指導。（6）學生完成任務一對照練習第1、2兩題。
（7）抽取個別同學上臺完成對照練習，檢驗教學成果。
（三）小結和作業： 小結：
（1）DreamWeaver8軟件界面組成
（2）DreamWeaver8軟件的工作區相關操作
（3）網頁制作軟件的獲取、安裝、啟動和退出。作業：
（1）
（2）填寫《任務評價表》并上交 預習任務二“我的個人工作室”。
2.2 課堂任務2 我的個人工作室
課程名稱：我的個人工作室 課時數：2 教學目標：
知識與技能：了解DreamWeaver 8相關知識
過程與方法：掌握打開文件、格式化文字、預覽網頁等基本操作 情感與價值觀：培養學生主動思考問題的習慣和自主學習的能力。教學重點：
打開文件、格式化文字、預覽網頁等基本操作。教學難點：
打開文件、格式化文字、預覽網頁等基本操作。教法：
任務驅動法、演示法 學法：
閱讀，記錄要點，動手操作。課前準備：
第二章第一節素材和實例。視頻教程：我的個人工作室.wmv。教學過程設計：
（一）導入設計：
提問：
1、網頁元素有哪些？
2、文字的屬性有哪些，如何編輯？
（二）新課講解設計：
（1）請學生打開“素材和實例第二章第一節素材 mywork.html”文件，觀察其與圖2-1-18個人工作室頁面的不同之處；
（2）教師演示輸入文字并格式化，保存文件并預覽（詳見教材第33頁）。（3）學生完成相同操作。可參考視頻文件教師巡邏指導。（4）教師總結評價并補充相關要點。（5）由學生完成任務二對照練習。
（三）小結和作業： 小結：
（1）網頁文件的打開、編輯與保存（2）網頁文字的格式化（3）網頁預覽
作業：
（1）填寫《任務評價表》并上交（2）自學知識拓展： DreamWeaver8的快捷鍵大全。
2.2 課堂任務
“企業簡介”頁面的制作
課程名稱：美樂電器“企業簡介”頁面的制作 課時數：2 教學目標：
知識與技能：了解常用的圖像類型和格式、層疊樣式表的概念和相關知識。過程與方法：掌握新建網頁，設置網頁頁面屬性的方法
掌握在網頁中插入文本，設置文本格式化的方法；
掌握在網頁中插入圖片，設置圖文混排效果的方法；
掌握插入Flash動畫，設置透明效果的方法；
情感與價值觀：培養學生仔細觀察事物的習慣和主動學習的能力。教學重點：
設置網頁頁面屬性、插入文本，設置文本格式化、插入圖片，設置圖文混排效果、插入Flash動畫，設置透明效果。教學難點：
設置網頁頁面屬性、插入文本，設置文本格式化、插入圖片，設置圖文混排效果、插入Flash動畫，設置透明效果。教法：
任務驅動法 學法：
閱讀，記錄要點，動手操作。課前準備：
第二章第二節素材和實例。視頻教程：美樂電器企業簡介網頁制作.WMV。教學過程設計：
（二）導入設計：
上一節我們學習了DreamWeaver8軟件的基礎操作，本節我們將開始學習如何用DreamWeaver8這個軟件來制作網頁，從而學習網頁中有關頁面屬性、文本格式、圖像、動畫的插入和層疊樣式表的相關操作。
（二）新課講解設計：
（1）請學生帶著任務一對照練習第1～5題閱讀P36~47知識預讀，并動手預習操作。（2）請學生一一回答以上問題。（3）教師總結評價并補充相關要點。
（4）打開“素材和實例第二章第二節素材課堂任務 jianjie.html”，請學生觀察并回答該網頁的組成元素有哪些？教師在一旁提示。
（5）請學生上臺演示新建網頁并保存在相應的文件夾中。其他學生自己完成?？蓞⒖冀滩牡?7頁內容。（6）教師演示設置網頁頁面屬性，保存并預覽（詳見教材第48頁）。請其他同學完成相同操作。教師巡邏指導。
（7）教師演示文本格式化部分操作，（詳見教材第49～52頁）。
（8）學生完成相同操作，可參考視頻文件美樂電器企業簡介網頁制作.WMV。教師巡邏指導。
（9）教師演示插入圖片操作，（詳見教材第52頁）。學生完成相同操作，教師巡邏指導。操作要點及注意事項如下：
先將要插入的圖片文件復制到jianjie.html網頁文件所在的文件夾中，再進行插入圖像操作。（10）請學生上臺完成插入FLASH動畫的操作，（提示：方法和注意點與插入圖像相似）。教師在一旁提示指導。
（11）教師演示為FLASH動畫設置透明效果，（詳見教材第54頁）。（12）學生完成相同操作，教師在旁指導。（13）由學生完成任務一對照練習第6～8題。
（三）小結和作業：
小結：
（4）設置網頁頁面屬性；
（5）插入文本，設置文本格式化；（6）插入圖片，設置圖文混排效果；（7）插入Flash動畫，設置透明效果。作業：
（1）
（2）填寫《任務評價表》并上交 自學知識拓展：自定義CSS樣式。
2.3 課堂任務
我的第一個網站
課程名稱：美樂電器網站的創建 課時數：4 教學目標：
知識與技能：了解超鏈接相關概念。
過程與方法：掌握在DreamWeaver8中創建站點的方法
掌握在DreamWeaver8中管理站點的文件和文件夾的方法；
掌握制作網頁中各種超鏈接的方法；
掌握制作CSS鏈接特效的方法。
情感與價值觀：培養學生主動思考問題和解決問題的能力。教學重點：
在DreamWeaver8中創建站點、管理站點的文件和文件夾、制作網頁中各種超鏈接。教學難點：
在DreamWeaver8中創建站點、管理站點的文件和文件夾、制作網頁中各種超鏈接、制作CSS鏈接特效。教法：
任務驅動法 學法：
閱讀，記錄要點，動手操作。課前準備：
第三章第三節素材和實例。視頻教程：美樂電器網站制作.wmv。教學過程設計：
（三）導入設計：
之前我們已經學習了單張網頁的制作。一般我們所設計的，往往不是單張網頁，而是多張有機聯系在一起的網頁，而對于這些網頁和相關素材，一般都要求存放在同一個文件夾內，方便網站的維護和管理，特別是要將網站發布到服務器上時，這點尤為重要。我們建立站點的目的也在于此。因此，我們在用DreamWeaver8軟件設計制作網站，必須先建立站點，將網頁全都保存在這一個站點內。DreamWeaver8軟件的站點管理功能非常強大，通過它，我們能很輕松的對網站進行管理。
（二）新課講解設計：
（1）請學生帶著任務一對照練習第1～3題閱讀P60~65知識預讀。（2）請學生一一回答以上問題。
（3）教師總結評價并補充相關要點。
（4）教師演示建立美樂電器網站站點的相關操作，（詳見教材第65～68頁）。操作要點及注意事項如下： 站點是一個文件夾，可以在本地計算機上選擇一個已有的文件夾作為站點根目錄，也可以新建一個文件夾建立一個空的站點。
（5）請其他同學完成相同操作?？蓞⒖家曨l文件美樂電器網站制作.wmv。教師巡邏指導。
（6）請學生參考教材第69頁的內容，完成管理網站中文件和文件夾的創建文件夾操作。并叫1位學生上臺演示，以檢驗自學成果。教師在旁指導。
（7）教師演示站點管理的時候文件的移動操作，（詳見教材第69頁）。
操作要點及注意事項如下： 在復制文件過程中，同類的連續文件可以按住Shift鍵，同時用鼠標選擇第一個文件后，再在最后的一個文件上單擊即可。不連續的文件可以用Ctrl鍵，再用鼠標選擇。將其拖動到相應文件夾中。
（8）請其他同學完成相同操作。教師總結并補充相關要點。
（9）教師演示設置文本超鏈接的一種方法，（詳見教材第69～70頁）。請學生找找還有哪些設置超鏈接的方法。
（10）教師總結評價并補充相關要點。
（11）展示設置了CSS效果的超鏈接，激發學生學習興趣。
（12）教師演示建立網頁超鏈接特效相關操作，（詳見教材第71～73頁）。并解釋a:link、a:active、a:hover、a:visited分別代表的狀態。
（13）請其他同學完成相關操作。教師總結并補充相關要點。（14）展示網頁導航，請學生分析該導航的組成和制作方法。由學生獨立完成。參考教材第74頁的內容。請一位同學上臺演示導航的制作方法。教師在旁提示，并總結導航制作方法。
操作要點及注意事項如下：
每個頁面都必須分別制作設置導航。
（15）展示chanpin.html網頁成品，介紹錨點鏈接的應用范圍和作用。
（16）教師演示制作錨點鏈接的相關操作，（詳見教材第74頁）。學生完成相同操作。（17）展示其他網站上E-mail鏈接的效果。
（18）教師演示制作E-mail鏈接的相關操作，（詳見教材第74頁）。學生完成相關操作。操作要點及注意事項如下：
設置超鏈接的時候冒號輸入要半角。（19）學生將作品完善一下，并上交。（20）抽取個別同學的作品展示評價。
（三）小結和作業： 小結：
（8）在DreamWeaver8中創建站點（9）管理站點的文件和文件夾（10）制作網頁中各種超鏈接（11）制作CSS鏈接特效 作業：
（1）填寫《任務評價表》并上交
（2）自學知識拓展：多媒體文件插入。（3）完成任務一對照練習第4題。（4）課外完成本章習題。
第五篇：計算機網絡技術畢業論文網站設計畢業論文
摘要
求職是當今大學生在畢業前最關注的一個問題。由于如今大學生上網途徑非常便捷，使得網絡招聘成了異軍突起深受大學生廣泛歡迎的求職方式。據統計，約有九成以上的畢業生通過瀏覽招聘網站或者在網上發布自己的求職信息來尋找工作。網絡求職有其突出的優點，即信息量大，資源豐富，更新速度快，招聘職位多等，很符合年輕人希望以最快捷便利的方式獲得最多最有效信息的求職要求。
該文中的招聘網站就是一個模擬網上招聘和職業介紹的求職網站，具備現實中人才中介機構的功能。可以為個人用戶提供需要的求職與招聘的信息，也可以為企業用戶提供需要的人才信息，可以說是兩者互動的一種重要渠道。本網站采用Dreamweaver網頁制作工具，ASP腳本代碼，Access數據庫等相關工具，來開發該網站。利用以上的制作技術與工具，再加上一些當今的網站開發與創意設計理念，可以構建出一個符合當今社會要求的求職招聘類型的網站，適合于個人用戶使用和企業用戶使用。本文章主要闡述的是該招聘網站的構建方法，至于前臺的網頁制作部分暫不在該文章闡述內容之內。
在整個求職網站構建完成之后，在程序中的多表查詢與數據庫中多表間數據聯系時的實現是該求職網站不可避免的問題，在文章的后部分將會詳細提到。
關鍵詞：招聘求職，網站構建，制作工具
基于ASP的招聘網站規劃與實現
目錄
摘要.........................................................................................................................................I 1 2 引言.........................................................................................................................................1 招聘就業網站發展現狀.....................................................................................................2 2.1 2.2 2.3 3 網絡招聘的優勢..............................................................................................3 當前網絡招聘存在的問題..............................................................................3 網絡招聘技術和服務體系有待完善..............................................................4
系統開發相關技術..............................................................................................................5 3.1 3.2 3.3 網頁設計軟件Dreamweaver..........................................................................5 ASP簡介.........................................................................................................5 Access數據庫簡介.........................................................................................6
Access的發展..........................................................................................6 Access的優點..........................................................................................7 Access的缺點..........................................................................................8 3.3.1 3.3.2 3.3.3 4 招聘就業網站的分析與設計............................................................................................9 4.1 網站風格定位..................................................................................................9
網站的主要功能.......................................................................................9 設計網頁Logo.........................................................................................9 設計網頁Banner....................................................................................10 4.1.1 4.1.2 4.1.3 4.2 在Dreamweaver中制作表格結構頁面.......................................................10 網站效果圖設計.....................................................................................10 網頁的布局.............................................................................................11 4.2.1 4.2.2 4.3 創建數據庫....................................................................................................11 設計數據表結構.....................................................................................11 連接數據庫.............................................................................................15 會員的注冊.............................................................................................16 個人會員填寫資料.................................................................................19 企業會員填寫資料.................................................................................24
II 4.3.1 4.3.2 4.3.3 4.3.4 4.3.5
4.3.6 4.3.7 4.3.8 4.3.9 4.3.10 4.4 企業會員發布招聘信息.........................................................................28 個人會員查看招聘信息與發送求職.....................................................31 會員簡歷的顯示.....................................................................................35 企業會員查看應聘信息.........................................................................38 網站中不同類別會員發送信息的實現.............................................39 本地測試及上傳發布....................................................................................43 網站的本地測試.....................................................................................43 網站的上傳發布.....................................................................................44 4.4.1 4.4.2 4.5 常見問題........................................................................................................44 在程序中的多表查詢問題.....................................................................44 數據庫中多表間數據聯系時的實現技巧.............................................44 網站中會員面板的實現技巧.................................................................45 4.5.1 4.5.2 4.5.3 5 結論.......................................................................................................................................46 參考文獻......................................................................................................................................47 致
謝......................................................................................................................................48 引言
近幾年，由于世界金融風暴的影響，就業一直成為百姓所關注的話題，尤其是當今的大學生，畢業之后，第一個問題擺在大學生面前的就是就業[1]。根據當今的社會分析，社會當中倒不是沒有職業，有很多職位等著人們去做，但是想找一個能夠適合自己的工作，卻是非常的困難。
以往人們找工作，通過報紙，電視廣告等一些媒體的傳播或者是到招聘會上去，但是由于信息來源有限，找到一份合適自己的工作還是一個難以解決的問題。
近年來，隨著Internet的迅猛發展，網上相繼出現各種以招聘為主體的網站，供給大眾進行網絡上找工作。例如無憂工作網、中華英才網、前程無憂、智聯招聘、中華英才網等等。網站招聘之所以能在短時間內迅速被大眾所接受，并且幾乎成為了大家主要的找工作的一種媒介，就是因為它的便利性，足不出戶就能找工作；而且網上的資源來源廣泛，不用擔心信息匱乏；在網路上找工作還會節省大量的時間[2]。所以，網絡招聘在眾多工作資源媒介當中占有舉足輕重的地位。
本文正是符合當今的網站需求，構建一個小型的招聘網站，不但能夠迎合當今的社會網絡發展步伐，而且對網絡設計和動態網站能力的培養，也是相當有促進作用的。
在構建招聘網站的過程當中，網站內容的前期設計是不可缺少的一項，本文中，首先會探討到一些該網站的功能，簡要的闡述一下網頁的Logo設計和網頁的Banner設計，因為網頁的前臺美觀設計部分不屬于該論文的探討范圍之內。在構建的主要內容，首先會涉及到數據表的結構設計[3]。之后，文章中會詳細的介紹該招聘網站中的代碼的編寫內容，每一個細節環節都會被納入之內。
在整個網站完成設計之后，會有相關的測試工作，以便更加的使得網站的正常運營。在所有的工作完成之后，無論是設計者本人還是參與策劃的工作人員，都會對動態網站的搭建有一個非常深刻的印象。這對今后的網站搭建工作是很有幫助的。
文中會合理地運用ASP的相關語法、關鍵字的功能以便構建出相對完善的招聘網站。
基于ASP的招聘網站規劃與實現 招聘就業網站發展現狀
據易觀國際研究發現，2007年中國網絡招聘市場全年營收規模達到9.096億元，較2006年同比增長37％。全國性的3家招聘網站：前程無憂、中華英才網、智聯招聘分列網絡招聘市場前三甲，市場份額分別是31.1％、25.7％、15.3％。網絡招聘市場集中度CR3為72.1％，屬于市場集中度較高的行業。同時，數據顯示，截至2008年2季度，網絡招聘的個人用戶注冊規模已經達到了10543萬人，較今年第一季度增長16％，較去年同期增長61％，而招聘企業數同比增加31％，達到了736萬家[4]。
可以看出，三大招聘網站匯集了中國網絡招聘市場的絕大多數資源，人才庫數量龐大且相對集中。而從整個行業在中國發展的市場前景看，隨著網絡資源的不斷深入和企業招聘形式的日趨多元化，網絡招聘將在中國未來的企業招聘及人才求職過程中占據越來越重的比例。同時，就業人數的逐年增長和人才流動的頻率加快也刺激了網絡人才庫中簡歷數量的增加。中華英才網CEO張建國就認為，城市白領已經習慣了網絡招聘、在線投遞簡歷的方式。近兩三年內新增畢業生數量增加，求職人數也在增加，市場增量相當可觀。數據顯示2007年，全國求職人數接近2000萬人次，同比增長60%。
也就是說，未來網絡招聘市場還將持續不斷增長的發展趨勢，而三大網站由于其自身的規模優勢也會使得越來越多的人才資料匯集于此，可以說，三大網站將成為中國重要的人力資源庫。
從三大網站的具體情況來看：前程無憂總體業務排名第一，簡歷庫數量約有1900萬；中華英才網位居第二，有效簡歷數突破1250份；而此前一直處于第三的智聯招聘，2007年10月以后，覆蓋用戶數(注冊并投放簡歷的應聘者)開始超過前程無憂，排名第一（艾瑞咨詢）。另有資料顯示，截至2008年7月，智聯注冊用戶為3000萬，簡歷庫簡歷數量為2200萬，每日增長超過4萬封，活躍簡歷為810萬份，活躍度約為25%。其用戶中，本科背景的約占60％，2000??4000月收入的比例為44%，其次是4000??6000月收入的約占34%。求職者所在行業排名中，IT服務領域占9%，隨后是互聯網/電子商務，為8%，加工制造為7%，房地產/建筑/裝潢為6%，通訊為5%，其他醫藥、咨詢、快速消費品、教育、廣
告公關均占4%[5]。
但是，由于中國招聘網站尚處于發展階段，贏利模式還不穩定，所以目前三大網站中除了前程無憂外，其他兩家都紛紛出現虧損。Monster在二季度財報電話會議中稱,“我們今年第二季度在中國的投資遭到了380萬美元的損失,這個損失比我們的預期要高?！苯刂聊壳?Monster在中國的投資僅有中華英才網一項,共占中華英才網45%的股份。這意味著,二季度中華英才網的虧損額高達800多萬美元。據了解,中華英才網去年全年虧損約960萬美元,今年二季度的虧損額已經接近這個數字,這當然無法令Monster滿意。除了巨虧的中華英才網,智聯招聘的投資方澳大利亞網絡招聘公司Seek也曾在財報中披露智聯招聘巨額虧損的消息。2007年7月至12月的半年里,智聯招聘稅后虧損780萬美元,比2006年同期虧損度增加95%。在線招聘的三強,三家中兩家出現虧損,顯現出這一市場的嚴峻態勢[6]。
2.1 網絡招聘的優勢
網絡招聘具有三大優勢：
(1).信息社會網絡可以提供龐大的信息，不容置疑。
(2).快捷方便，招聘者不用去招聘會勞神，求職者也可以不出家門輕松求職。(3).經濟實惠，用人單位成本小，求職者也省錢。對于求職者來說逛網上的招聘會可以省去交通費和制作簡歷的費用，節約很大的成本[7]。
2.2 當前網絡招聘存在的問題
(1).信息虛假。虛擬的網絡世界給少數虛假信息提供了可乘之機，對求職者和招聘者雙方來說，也都存在對虛假信息的擔憂。有些網站為了吸引人氣，往往會發布一些過期的職位或某些虛假信息，還有一些企業通過發布并不存在的職位來招聘銷售人員，還有些企業則虛假抬高職位薪水[8]。
(2).個人資料通過網絡泄露帶來不必要的麻煩。有些求職者可能會有這樣的遭遇，莫名其妙地接到自己從來沒投過簡歷的保險公司或傳銷公司的電話，不厭其煩地對其游說，更有甚者利用求職者的照片在一些不法網站上謀利。而且由于
基于ASP的招聘網站規劃與實現
對個人登記沒有“實名制”的要求，招聘者通過網絡難以確定應聘者的真實身份，無從抵制虛假簡歷，而且目前也缺乏有效的過濾技術，無法事先剔除虛假信息和針對性不強的信息。此外，由于網絡招聘的成本較低，某些求職者并不是真的想跳槽，而只是想試探自己的身價。這一類消極應聘者的不嚴厲投遞行為也給用人單位的篩選增加了困難[9]。
(3).簡歷投出去就石沉大海，杳無音信。“投了好幾十份簡歷了，都沒有音信?！边@種抱怨對于網上求職者來說已經習以為常，由于缺少與用人單位面對面的溝通，求職者在投遞簡歷后很多都會陷入被動等待的狀態，而且通常參加傳統招聘會后求職者一周之內就能得到回音，而網上招聘會的等待期相對被延長了，經常是簡歷發出后數十天才接到反饋，有些甚至石沉大海[10]。
2.3 網絡招聘技術和服務體系有待完善
網絡招聘并不是簡單地把招聘信息搬上網，“一掛”了事。除了具備必要的技術實力以外，招聘網站還必須對人力資源有深刻的理解，需要有較強的市場策劃與推廣能力，以吸引更多的應聘者。然而目前大多數招聘網站在深層次的服務上還很薄弱，對人才市場的分析、市場供求傾向、薪資水平、相關人事制度變化等方面的咨詢服務也十分有限。網絡招聘的服務體系還處于初步發展階段，需要進一步發展改進。
信息的極大豐富也就意味著信息的極大泛濫，先進的網絡技術極大地提高了信息傳遞的速度，對于一個職位會同時產生許多的求職者。在招聘組織收到極為豐富的簡歷的同時，也會出現簡歷數量過于龐大，人力資源部門不得不花費大量的時間進行篩選，疲于應付的現象。此外，大量無效的信息還會增加真正合格的候選人漏選的可能性。比如，有統計表明，一些通過珠海人才網進行網上招聘的規模較大的企業每周要接收500至1000份新簡歷。面對如此多的簡歷，人力資源治理者通常是匆匆瀏覽一遍后就將其中的80%刪除了，一般瀏覽每份簡歷的時間不超過半分鐘。要讓公司在半分鐘內通過一封E－mail對應聘者產生愛好，其難度可想而知。在網上有過求職經歷的人中，75%都經歷過失敗，40%的人承認已經徹底失敗[11]。系統開發相關技術
3.1 網頁設計軟件Dreamweaver Dreamweaver是一個功能強大的網頁設計工具，有著方便實用的工具和所見即所得的排版功能，見面十分友好，使用方便。在不需要掌握HTML語言的情況下，即可利用其強大的功能開發出專業的網頁。Dreamweaver也是一個方便的編程工具，可以方便地編寫ASP、PHP、JSP代碼，軟件的自動提示填充功能和代碼染色功能可以有效地幫助用戶編寫和調試各種代碼。借助于Dreamweaver可以快速方便地開發出各種動態或靜態網站[12]。
3.2 ASP簡介
ASP是Active Server Page的縮寫，意為“動態服務器頁面”。ASP是微軟公司開發的代替CGI腳本程序的一種應用,它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具。ASP的網頁文件的格式是.asp，現在常用于各種動態網站中。ASP是一種服務器端腳本編寫環境，可以用來創建和運行動態網頁或Web應用程序。ASP網頁可以包含HTML標記、普通文本、腳本命令以及COM組件等。利用ASP可以向網頁中添加交互式內容（如在線表單），也可以創建使用HTML網頁作為用戶界面的web應用程序[13]。與HTML相比，ASP網頁具有以下特點：
(1)利用ASP可以實現突破靜態網頁的一些功能限制，實現動態網頁技術；(2)ASP文件是包含在HTML代碼所組成的文件中的，易于修改和測試；(3)服務器上的ASP解釋程序會在服務器端執行ASP程序，并將結果以HTML格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽ASP所產生的網頁；
(4)提供了一些內置對象，使用這些對象可以使服務器端腳本功能更強。例如可以從web瀏覽器中獲取用戶通過HTML表單提交的信息，并在腳本中對這些信息進行處理，然后向web瀏覽器發送信息；
(5)可以使用服務器端ActiveX組件來執行各種各樣的任務，例如存取數據
基于ASP的招聘網站規劃與實現
庫、發現和那個Email或訪問文件系統等。
(6)由于服務器是將ASP程序執行的結果以HTML格式傳回客戶端瀏覽器，因此使用者不會看到ASP所編寫的原始程序代碼，可防止ASP程序代碼被竊取。
(7)方便連接ACCESS與SQL數據庫。
(8)開發需要有豐富的經驗，否則會留出漏洞，讓黑客利用進行注入攻擊[14]。
3.3 Access數據庫簡介
Microsoft Office Access（前名 Microsoft Access）是由微軟發布的關聯式數據庫管理系統。它結合了 Microsoft Jet Database Engine 和 圖形用戶界面兩項特點，是 Microsoft Office的成員之一。
Access能夠存取 Access/Jet、Microsoft SQL Server、Oracle(甲骨文軟件公司)，或者任何 ODBC 兼容數據庫內的資料。熟練的軟件設計師和資料分析師利用它來開發應用軟件，而一些不熟練的程序員和非程序員的“進階用戶”則能使用它來開發簡單的應用軟件。雖然它支援部份面向對象（OO）技術，但是未能成為一種完整的面向對象開發工具[15]。
其實Access 也是微軟公司另一個通訊程序的名字，想與 ProComm 以及其他類似程序來競爭?？墒鞘潞笪④涀C實這是個失敗計劃，并且將它中止。數年后他們把名字重新命名于數據庫軟件。3.3.1 Access的發展
進入可提供的編程語言，當時在另一個內產品Microsoft Office家具，微軟公司應用的Visual Basic。兩個數據庫進入訊息庫COM組成部分被提供：這筆遺產數據存取物體(DAO)，用進入和新只可提供ActiveX數據對象(忙亂)。
MicrosoftAccess容易被應用于小的工程，但是如果設計的不好對大工程是無用的。
全部數據庫質問，形式和報告被儲存在數據庫里，并且與相關的模型的理想協調，沒有與他們做一個身體上組織的階層的可能性。
一種設計技術是把進入應用在數據和計劃之間進行分發。一數據庫應該只包含桌子和關系，當另一個將有全部計劃時，形式，報告和質問和對第一個數據庫
桌子的連接。令人遺憾，當連結時，進入允許沒有有關的道路，因此那些發展環境作為這種生產環境有相同的道路應該(雖然你寫你們自己的能“動態連接程序”常規在里VBA那搜出能一定背面結束檔案以透過這個目錄樹搜尋，如果它發現這條電流通路它不能)。
這種技術也允許開發者在不同的檔案中分申請，因此一些架構是可能的[16]。3.3.2 Access的優點（1）存儲方式單一
Access管理的對象有表、查詢、窗體、報表、頁、宏和模塊，以上對象都存放在后綴為（.mdb）的數據庫文件種，便于用戶的操作和管理。
（2）面向對象
Access是一個面向對象的開發工具，利用面向對象的方式將數據庫系統中的各種功能對象化，將數據庫管理的各種功能封裝在各類對象中。它將一個應用系統當作是由一系列對象組成的，對每個對象它都定義一組方法和屬性，以定義該對象的行為和外國，用戶還可以按需要給對象擴展方法和屬性。通過對象的方法、屬性完成數據庫的操作和管理，極大地簡化了用戶的開發工作。同時，這種基于面向對象的開發方式，使得開發應用程序更為簡便。
（3）界面友好、易操作
Access是一個可視化工具，是風格與Windows完全一樣，用戶想要生成對象并應用，只要使用鼠標進行拖放即可，非常直觀方便。系統還提供了表生成器、查詢生成器、報表設計器以及數據庫向導、表向導、查詢向導、窗體向導、報表向導等工具，使得操作簡便，容易使用和掌握。
（4）集成環境、處理多種數據信息
Access基于Windows操作系統下的集成開發環境，該環境集成了各種向導和生成器工具，極大地提高了開發人員的工作效率，使得建立數據庫、創建表、設計用戶界面、設計數據查詢、報表打印等可以方便有序地進行。
（5）Access支持ODBC（開發數據庫互連，Open Data Base Connectivity）。
利用Access強大的DDE（動態數據交換）和OLE（對象的聯接和嵌入）特性，可以在一個數據表中嵌入位圖、聲音、Excel表格、Word文檔，還可以建立動態的數據庫報表和窗體等。Access還可以將程序應用于網絡，并與網絡上的動
基于ASP的招聘網站規劃與實現
態數據相聯接。利用數據庫訪問頁對象生成HTML文件，輕松構建Internet/Intranet的應用[17]。3.3.3 Access的缺點
ACCESS是小型數據庫，既然是小型就有他根本的局限性，以下幾種情況下數據庫基本上會吃不消：
（1）數據庫過大，一般ACCESS數據庫達到50M左右的時候性能會急劇下降。
（2）網站訪問頻繁，經常達到100人左右的在線。
（3）記錄數過多，一般記錄數達到10萬條左右的時候性能就會急劇下降[18]。招聘就業網站的分析與設計
4.1 網站風格定位
在設計網站之前，需要對網站有一個整體的定位。網站的定位包括確定網站功能、規劃網站效果、網站的Logo與Banner設計等工作。4.1.1 網站的主要功能
在進行網站的設計之前，需要對網站的風格與功能進行定位。整個網站的設計需要按照這個定位來進行。
一個招聘求職網站，應該是一個專業應用型網站。所面對的對象，應該是企業的招聘者與求職的會員。所以，網站的風格應該是清新自然的顏色與大眾化企業化的網站內容，使用太個性的顏色與風格是不能很好發揮控制的。
招聘求職網站的功能，應該圍繞招聘與求職來進行。針對的對象分別是企業與會員。這兩方面的功能都需要通過編號設計出強大的功能。
在招聘功能上，企業通過注冊成為會員。登陸以后，可以發布企業招聘信息、查看會員的求職信息、設置企業資料等內容。
個人會員功能的實現，求助者通過注冊，成為網站的個人會員。個人會員登錄以后，可以查看企業發布的招聘信息、向需要的招聘信息發送個人簡歷、管理自己的簡歷等功能。
網站還需要公告發布、招聘會發布、網站新聞等內容。這些不同功能板塊之間存在各種邏輯關系。4.1.2 設計網頁Logo 網站的Logo是一個網站的標志，在各種場合都需要使用到網站的Logo。一個求職招聘網站設計出一個有創意的Logo作為網站的品牌標識。
網站的Logo首先要突出網站的功能，讓用戶一看到這個Logo就可以聯想到網站求職招聘的功能。其次，網站的Logo需要有鮮明的色彩與內容。在很多Logo連接中，能夠吸引用戶的注意并單擊這個Logo連接。
基于ASP的招聘網站規劃與實現
4.1.3 設計網頁Banner 求職網站的Banner就是網站中的動畫。這些內容需要體現網站中的內容與網站主要開展的特色活動。
網站所有的廣告中，首頁的廣告是最重要的，需要美觀大方。網站中的Banner需要體現出“眼球效應”。可以做成動畫的形式，以動態的效果吸引用戶的注意力。如果是靜態圖片需要使用鮮明的顏色與內容。
4.2 在Dreamweaver中制作表格結構頁面
在制作動態網站之前，需要制作出網站的效果圖，并用Fireworks切片與優化，導出為網頁。然后用Dreamweaver進行網頁的布局與排版。4.2.1 網站效果圖設計
在進行網站設計之前，需要制作網站的效果圖。網站的效果圖就是對網站的風格、內容、基本布局進行統一規劃與定位。如果只在Dreamweaver中進行網頁排版，沒有一個整體規劃，是很難排版出美觀的網頁的。
求職招聘的網站，顏色應該清淡自然，不易使用過于隆重的顏色。網站的內容以表現企業招聘信息與個人求職信息為主，而不是表現出網站中出色的個性色彩與美術效果。
網站的主色調，可以使用感覺清淡的白色或淡藍色。網站中的圖片，可以搭配藍色、深紅色、灰色等。網站中的廣告、圖片等需要考慮到顏色的搭配。清淡的網頁中搭配一些較深的顏色可以表現出很好的視覺效果與對比效果。
在網站的效果圖中，需要考慮到網站的Logo的布局、大小與相對應布局的顏色關系等。在效果圖中很好把握網站的整體顏色和布局效果。
網站的主色調，可以使用感覺清淡的白色或淡藍色。網站中的圖片，可以搭配藍色、深紅色、灰色等。網站中的廣告、圖片等需要考慮到顏色的搭配。清淡的網頁中搭配一些較深的顏色可以表現出很好的視覺對比效果。
在網站的效果圖中，需要考慮到網站Logo的布局、大小與相應的布局顏色關系等。在效果圖中很好把握網站的整體顏色與布局效果。
完成網站的效果圖之后，需要使用Fireworks對效果圖進行切割和優化，然
后導出為網頁。4.2.2 網頁的布局
網站的效果圖導出為網頁之后，需要使用Dreamweaver對網頁進行布局與排版。在這個過程中，參照效果圖中的網頁布局與效果，用Dreamweaver的相關工具，在網頁中排版出這些效果。
在進行排版時，需要考慮到進行網站編程時的方便性。動態網站的內容是通過程序動態形成的，進行的布局設計要有利于網站程序的編寫。
除了對首頁布局與排版之外，還需要對網站中的其他重要網頁進行設計與布局排版。
4.3 創建數據庫
招聘求職網站中的數據內容比較復雜，有企業會員、個人會員、招聘信息、求職信息、招聘會信息、網站新聞等數據內容。這些數據有很強的邏輯關系。
因此，在設計這個網站之是需要詳細分析每類數據和其他數據的邏輯關系，畫出這些數據的關系圖。根據這些關系合理的設置不同表的字段，建立這些數據表。
4.3.1 設計數據表結構
在這個網站中，可能有的數據內容如下。
企業會員信息：記錄已經注冊的企業會員，包括各種企業信息。企業招聘信息：企業會員發送的招聘信息，與企業會員有邏輯關系。個人會員信息：個人會員注冊信息，詳細記錄個人求職的信息和個人資料，可以根據這些信息生成個人簡歷。
個人會員向企業發送的簡歷：個人會員查看招聘信息以后向此招聘信息發送招聘簡歷，和個人會員、企業會員、企業招聘信息有邏輯聯系。
網站公告信息：網站的各種公告和新聞信息，這些信息由管理員管理。招聘會信息：網站管理員發布的招聘會信息。
網站管理員信息：網站管理員的登錄信息，實現網站的權限管理。有了這些數據之后，即可設計數據庫的表。在設計數據表時，需要根據數據
基于ASP的招聘網站規劃與實現
實際需要設置各個數據的字段和字段的數據類型。
表t_com用來保存企業用戶的注冊信息。表中的字段如下表4.1所示。
表4.1 數據庫表t_com的字段 Table 4.1 database table fields t_com
字段名 id usename Password Comname Tel Address Email Touch Website Com_info Com_category Addtime Hits Lastlogin
數據類型 自動編號 文本 文本 文本 文本 文本 文本 文本 文本 備注 文本 文本 整型 文本
字段長度 — 50 50 50 30 80 40 30 40 — 40 50 — 50
保存數據內容 自動編號 用戶名 登錄口令 公司名稱 聯系電話 公司地址 電子郵箱 聯系人 企業網站 企業簡介 企業性質 注冊時間 登陸次數 最后登錄時間
表users用來保存個人用戶的注冊信息。表中的字段如表4.2所示。
表4.2 數據庫表users的字段 Table 4.2 database table fields users
字段名 id Usename Password turename Tel Address Email Language School Education Info Subject Wantwork Addtime Hits Lastlogin
數據類型 自動編號 文本 文本 文本 文本 文本 文本 文本 文本 文本 備注 文本 文本 文本 整型 文本
字段長度 — 50 50 50 30 80 40 40 50 40 — 40 200 50 — 50
保存數據內容 自動編號 用戶名 登錄口令 真實姓名 聯系電話 公司地址 電子郵箱 外語情況 畢業學校 學歷 個人簡介 所學專業 希望從事工作 注冊時間 登陸次數 最后登錄時間
表alljobs用來保存企業用戶發布的招聘會。表中字段如下表4.3所示。
基于ASP的招聘網站規劃與實現
表4.3 數據庫表alljobs中的字段 Table 4.3 database table fields alljobs
字段名 Id Com_id Title Content Subject Howmany Addtime Hits Howlong
數據類型 自動編號 整型 文本 備注 文本 整型 文本 整型 文本
字段長度 — — 100 — 100 — 50 — 50
保存數據內容 自動編號 企業ID號 標題 招聘要求 招聘學科 招聘人數 注冊時間 點擊次數 有效時間
表users_getjob用來保存個人會員向招聘信息發送的個人求職信息。表中的字段如表4.4所示。
表4.4 數據庫表users_getjob的字段 Table 4.4 database table fields users_getjob
字段名 Id Job_id Addtime Info
數據類型 自動編號 整型 文本 備注
字段長度 — — 50 —
保存數據內容 自動編號 招聘信息ID號 注冊時間 備注信息
表news用來保存網站公告。表中的字段如下表4.5所示。
表4.5數據庫表news的字段 Table 4.5 database table fields news 字段名 Id title Connect Addtime Hits
數據類型 自動編號 文本 備注 文本 整型
字段長度 — 100 — 50 —
保存數據內容 自動編號 標題 內容 添加時間 點擊次數
表meeting_info用來保存招聘會信息。表中的字段如表4.6所示。
表4.6 數據表meeting_info的字段 Table 4.6 database table fields meeting_info
字段名 Id Thetime Title Address Connect Addtime Hits
數據類型 自動編號 文本 文本 文本 備注 文本 整型
字段長度 — 50 100 100 — 50 —
保存數據內容 自動編號 招聘會時間 招聘會標題 招聘會地址 預告信息 添加時間 點擊次數
4.3.2 連接數據庫
同其他的ASP網站數據連接一樣，網站中需要連接Access數據庫時，可以使用下面的代碼。
<%
基于ASP的招聘網站規劃與實現
DIM CONNSTR,CONN DIM SQL,RS DIM I CONNSTR = “DBQ=” + SERVER.MAPPATH(“DATABASE/data.MDB”)+ “;DRIVER={MICROSOFT ACCESS DRIVER(*.MDB)}” SET CONN=SERVER.CREATEOBJECT(“ADODB.CONNECTION”)CONN.OPEN CONNSTR %> 在數據庫連接文件中，需要把SERVER.MAPPATH(“DATABASE/data.MDB”)中的數據庫路徑改為網站的實際數據庫路徑，然后將這個文件保存為conn.asp。使用數據庫鏈接網頁只需要包含這個文件。4.3.3 會員的注冊
招聘求職類網站，為了加強權限的管理和增強會員的功能，需要制作會員注冊功能。會員注冊并登陸以后，才可以使用網站的某些功能。
在會員注冊功能中，可以把個人會員與企業會員存放在同一個表中，同一個字段區分是個人會員還是企業會員。這個表中還存放會員的聯系方式等基本信息。需要有一個字段來表示會員的權限級別。具體的代碼如下：