【正文】 亂的把現(xiàn)實的業(yè)務放到計算機上來 。但是，互聯(lián)網在國內的發(fā)展速度相當迅速，中國企業(yè)建立自己的門戶網站，為自己的客戶、員工和代理商提供綜合性服務的重要性 不言而喻 : ，速度和 知識是網絡經濟的兩大支柱。企業(yè)門戶網站將需要占用多臺不同硬件系統(tǒng)的應用集成整合到較少的系統(tǒng)設備上，從而節(jié)約了硬件的投入。 提高服務質量 上來看，傳統(tǒng)的企業(yè)與溝通方式，如電話、傳真、郵件等，耗時，耗力。 網絡 的全天候服務可以讓客戶不用害怕因種種原因而不能及時獲 取信息，它會永遠忠實地服務于客戶。例如 ，分布式的企業(yè)的應用。一直以來，在是否需要 EJB 的討論聲中，軟件應用行業(yè)還在為 SUN 的伙伴們 是否需要在 Java 平臺上不斷推出翻新的標準框架 而煩惱。這就是 J2EE 改名為 Java EE 的由來。它 憑借可行度高、靈活性、易維護性和可伸縮性好等優(yōu)勢被廣泛應用在不同行業(yè)中。 Java的虛擬機成功地解決了這個問題， Java編寫的程序可以在任何安裝了 Java虛擬機 JVM 的計算機上正確的運行， Sun 公司實現(xiàn)了自己的目標 “ 一次寫成，處處運行 ” 。 它方便了開發(fā)者，節(jié)省了商家的費用。 J2EE 的 SSH 架構 Struts、 Spring、 Hibernate 三大框架簡稱 SSH 框架，以下為對此三框架的 概 述： Struts2 框架 Struts2 是一個專門為企業(yè) 應用設計的優(yōu)秀可擴展 WEB 框架。 Struts2 去掉了 Struts1 中的ActionForm，從而降低了框架組件兩者間的耦合性，取而代之的是一個普通的 java 類（ POJO） Action。 Spring 使用基本的 JavaBean 來完成以前只可能由 EJB 完成的事情。 Spring 的核心容器就是一個 IoC/DI 的容器，通過控制反 6 轉（ IoC）的技術促進了松耦合 。它是一種自由、開源的 框架 。無論是從設計草案還是從一個遺留數據庫開始，開發(fā)人員都可以 使用 Hibernate。下面詳細介紹這三層。 （ 3）異常處理。使用 SSH 中的 Spring 框架能很好的把對象搭配起來。 （ 2）管理事務。 （ 6）通過提示從表示層到業(yè)務層之間的上下文得到業(yè)務邏輯。 Hibernate 為 Java提供了持久化機制和查詢服務，它擁有自己的一套查詢語言（ HQL）。 Hibernate 支持大部分主 流 數據庫，并且支持父表 /子表（ Parent/Child）關系、事務處理、繼承和多態(tài)。它不僅兼容了各種瀏覽器，還兼容 CSS3。排名在世界前 10000 的網站中，大約有一半的網站使用了 JQuery。 門戶網站前臺頁面設計的質量直接關系到網站的瀏覽量，而瀏覽器的兼容性問題往往是設計前臺頁面開發(fā)最棘手的問題，所以使用 JQuery 技術來開發(fā)前臺頁面更容易保 8 證開發(fā)的質量以及解決瀏覽器的兼容問題，所以本系統(tǒng)選擇 JQuery 作為前臺主要開發(fā)技術?；蛘哒f， 它是一種瀏覽器解釋性語言。也就是說，任何一個頁面都離不開 CSS。 為了解決這些繁瑣費時的問題， CSS 在 W3C 的 CSS 工作組的努力下，有效的解決了諸如此類的問題。通過使用 h p、 table各類標簽，所 要表達的初衷是“標題”、“段落”、“表格”之類的信息。因此，也就出現(xiàn)了 DIV+CSS網站布局的叫法。曾經用過 table布局的頁面一樣可以用 CSS 控制。但如果通過修改 CSS 來實現(xiàn)樣式及布局的變化，只需要修改某個樣式就可以 9 了。整個網站的樣式也會瞬間變化。它的組件效果展示絢麗，贏得了很多使用人員的喜愛。 比如 Perl、 NET 和 PHP， 以及 其它 語言。此外，它還支持餅圖、柱狀圖、線形圖、條形圖等圖形的輸出。它解決了中小型企業(yè)發(fā)展企業(yè)信息化的難題。所以技術可行性研究的結果是，以現(xiàn)有技術可以實現(xiàn)本系統(tǒng)。而且在開發(fā)完成之后將會給客戶提供一個操作文檔或者對使用的客戶進行培訓。功能的實用性主要體現(xiàn)在系統(tǒng)的擴展方面和能解決今后公司企業(yè)的發(fā)展所要求的添加功能模塊等要求。所以系統(tǒng)設計要有一定的安全穩(wěn)定性，以此來確保數據的安全 11 性 。 業(yè)務需求 主要 需求 ： (1)公司概況。 (3)相關業(yè)務介紹功能。 (5)行業(yè)動態(tài)信息。 (7)提供留言板。通過設立友情鏈接，用戶可以 瀏覽與該公司相關的行業(yè)信息 。 (3)對用戶的留言進行管理。 (5)對網站前臺的信息進行管理。 以下為各用戶用例圖及其說明 。其中 新聞管理 包括 財經法規(guī)管理 、公司新聞管理 以及 行業(yè)動態(tài)管理 功能 ，這些功能只具備查看、添加、刪除操作 ； 留言 管理 主要針對客戶的留言進行管理，具備回復客戶留言、查看客戶和商家的留言信息、刪除客戶留言、刪除商家回復的功能；統(tǒng)計分析包括餅圖分析和柱狀圖分析，能夠查看餅圖分析的信息和柱狀圖分析的信息；圖片管理包括新聞圖片管理和廣告圖片管理，新聞管理 包含基本的增、刪、改、查功能 ，廣告圖片管理包含修改廣告圖片和查看廣告圖片功能 。 圖 33 系統(tǒng) ER圖 活動 圖 根據對本網站的系統(tǒng)活動研究，可劃分為網站前臺和系統(tǒng)管理員后臺所產生的系統(tǒng)活動，并且它們分別對應的操作人員為普通用戶和系統(tǒng)管理員。 14 圖 34 游客查看地 址信息活動圖 游客通過留言菜單發(fā)布留言信息。 圖 36 系統(tǒng)管理員登錄管理員后臺系統(tǒng)活動圖 系統(tǒng)管理員在添加用戶頁面輸入用戶 名、密碼并提交添加，系統(tǒng)判斷用戶輸入是否合法，如果合法則轉到用戶列表顯示頁面，反之提示用戶重新輸入所要添加的用戶信息。 圖 38 添加財經法規(guī)活動圖 17 系統(tǒng)管理員在留言管理頁面輸入回復游客信息并提交添加，系統(tǒng)判斷用戶輸入是否合法，如何合法 如果合法則 轉到 留言 列表顯示頁面，反之提示用戶重新輸入所要 回復 的信息。 圖 310 修改廣告位活動圖 18 第四章 總體設計 系統(tǒng)功能模塊 系統(tǒng)功能模塊是對一個系統(tǒng)功能的特定描述，它把程序分為若干個子功能。 網站前臺 公司概況主要包含公司介紹、地理位置和組織機構這 3 個部分。 財經法規(guī) 主要是 對現(xiàn)如今的一些法律法規(guī)進行 詳細的 介紹。 擴展功能包括在線客服、百度地圖、文章滑動閱覽、和圖片放大預覽四個小模塊。 網站后臺 用戶登錄到網站后臺，不僅可以詳細的了解當前系統(tǒng)的時間和所在地的天氣信息，還可以對用戶管理、新聞管理、留言管理、統(tǒng)計分析和圖片管理這 5 個模塊進行操作。 統(tǒng)計分析模塊根據前臺頁面業(yè)務的訪問量來進行圖形分析，統(tǒng)計出哪個模塊是大家比較感興趣、比較受歡迎的以及哪 些部分不夠完善的 ，并以餅圖和柱狀圖的方式直觀的展現(xiàn)出來 。 析階段：綜合考慮兩方面用戶的需求，確定用戶需求的信息在數據庫中的存儲。 數據表設計 以下列出了本系統(tǒng)所需要的 數據 表（ PK表示此字段為主鍵， FK表示此字段為外鍵，NOT NULL 表示此字段不能為空， AUTO_INCREMENT 表示 此字段為自增長型）： 表 41為用戶表結構，用于保存用戶的相關信息。 表 44 news (新聞圖片 )表的結構 序號 字段 值類型 值范圍 備注 描述 1 id int 4 PK ,AUTO_INCREMENT, NOT NULL 圖片編號 2 name char 20 圖片名稱 3 title varchar 20 圖片標題 4 content 圖片描述 5 route varchar 20 圖片路徑 6 tdate varchar 20 日期 表 45為客戶留言表 結構，用于保存客戶的留言的內容、日期和該公司的回復，該公司的回復作為此表的外鍵，對于的是商家回復表的 Id。 表 48 Article2 (公司新聞 )表的結構 序號 字段 值類型 值范圍 備注 描述 1 id int 4 PK ,AUTO_INCREMENT, NOT NULL 編號 2 title varchar 70 標題 3 content text 16 內容 4 tdate char 20 時間 表 49為 行業(yè)動態(tài) 表結構，用于 保存行業(yè)動態(tài)的標題、內容和日期 。 如圖 51所示。三層體系將業(yè)務規(guī)則、數據訪問及合法性校驗等工作放在業(yè)務邏輯層處理。由于本站的使用者總體分為兩類，即：系統(tǒng)管理員和普通用戶。以下為對各配置文件的重要代碼進行闡述解析： 文件 指定網站訪問時的首頁面： welefilelist welefile/welefile 27 /welefilelist 指定 文件 的路徑 ，相關代碼如下所示： contextparam paramnamecontextConfigLocation/paramname paramvalueclasspath:/paramvalue /contextparam 解決中文亂碼 問題 ，相關代碼如下所示： filter filternameencodingFilter/filtername filterclass/filterclass initparam paramnameencoding/paramname paramvalueutf8/paramvalue /initparam /filter ?? 文件 文件整合了 Hibernate 的配置文件，在文件開始聲明了可用注解的方式進行編程，然后是對數據庫配置文件的引用，最后是對 Spring 的功能進行配置以及一些諸如日志之類功能的配置，相關代碼詳見附錄 1。 為后臺頁面建立的 admin 包響應前臺的 action 請求，并為其指定一個命名空間“ /admin”，這樣就不會照成訪問混亂，相關代碼如下： package name=admin extends=strutsdefault namespace=/admin /package 同時此處也定義了對上傳的圖片的格式的限制。 } public void setId(int id) { = id。其中，在其右上方是收藏、設為主頁和后臺登陸界面的鏈接，是為了方便用戶收藏查看該網站和方便管理員進入后臺維護系統(tǒng)而設置的；在其右下方是系統(tǒng)的主菜單，用 JQuery 設置滑動效果的主菜單，讓效果更加絢麗。 30 圖 53 前臺首頁面設計（ 1） 圖 54 前臺首頁面設計（ 2） 31 一個網站最主要的就是吸引用戶的瀏覽，那添加一些特色的功能就很好 的提高用戶的親賴度。 圖 55 在線客服設計 地理位置頁面設計 在設計地理位置頁面時，為了能更清楚明白的向瀏覽者展現(xiàn)出通意成財務代理有限公司的位置和聯(lián)系方式，頁面中不但需要有文字的描述、圖片的展示，還需要添加百度地圖 。當然，這個只是為了增加一點 趣味性以便能夠和用戶進行友好的交流。當點擊文章的標題的時候， JQuery 會讓其內容在標題的下方向下滑動出現(xiàn)；當你單擊其他標題的時候 ，上次打開的內容會關閉，剛剛單擊的會打開，意思是頁面只會打開一篇內容。 如圖 58商標注冊頁面設計（ 1）、 59商標注冊頁面設計（ 2）所示為商標注冊頁面設計完成的效果圖。每個頁面顯示 12 條記錄，超過的就分頁顯示。如果想清楚的瀏覽圖片，可以單擊圖片進行查看。 圖 512 圖片 新聞 頁面設計 37 圖 513 單擊圖片后的頁面設計 客戶留言頁面設計 留言功能設計引用韓國網站的模板，上部分的韓文是為了裝飾，文字是為了感謝和鼓勵瀏覽者或者客戶給我們留言，下面部分是留言的信息和商家的 回復。 38 圖 514 客戶留言頁面設計（ 1） 圖 515 客戶留言頁面設計（ 2） 前臺頁面相關實現(xiàn)流程 當一個用戶通過 在 瀏覽器 輸入網址訪問本站網址時 ， 會去調用 Action 視圖層的IndexAction 類下的默認調用的 execute 方法，在 execute 方法中獲取所需要的資源后，反回一個 ” center” 字符串， Struts 接收到返回的字符串值后通過檢查匹配應該把獲取的資源轉向 頁面， 頁面接收到資源，并把它顯示在頁面上。最后利用 函數 進 行 搜 索 。在此頁面提供了管理員登錄到后臺系統(tǒng)的通道， 管理 員只有輸入正確的用戶名、密碼以及驗證碼方可登錄到網站后臺系統(tǒng)，如圖 516所示。就會返回登錄頁面，提示用戶名或者密碼錯誤。后臺主頁面的效果圖，如圖 517所示。當用戶點擊修改的時候，用戶的信息會自動的放到修改信息框內，方便用戶的操作。大致操作時把要統(tǒng)計分析的標題和數量傳入 Amcharts 的函數，