【正文】 (6)在線客服功能。 系統(tǒng)需求建模 本系統(tǒng)為基于 J2EE 開發(fā)的 門戶網(wǎng)站，網(wǎng)站包括普通用戶和系統(tǒng)管理員。 圖 35 游客發(fā)布留言活動(dòng)圖 15 （ 2）系統(tǒng)管理員后臺(tái)相關(guān)活動(dòng)圖 管理員用戶輸入管理員用戶名、密碼以及驗(yàn)證碼并提交登錄，系統(tǒng)判斷輸入的驗(yàn)證碼是否正確，如果不正確則返回重新登錄，如果正確則判斷輸入的用戶名和密碼是否正確，如果正確則轉(zhuǎn)到系統(tǒng)管理員后臺(tái)歡迎頁(yè)面，否則返回登錄頁(yè)面重新輸入。 業(yè)務(wù)介紹主要包括財(cái)稅代理、內(nèi)資公司注冊(cè)、外資公司注冊(cè)、股份公司注冊(cè)、香港公司注冊(cè)、海外公司注冊(cè)、商標(biāo)注冊(cè)、出口退稅和一般納稅人這 9個(gè)部分。新聞圖片的管理包括基本的增、刪、改、查功能，而廣告位的圖片只具有更新功能。建立的數(shù)據(jù)庫(kù)表關(guān)系如圖 42所示。 context:annotationconfig / context:ponentscan basepackage=/context:ponentscan Hibernate 實(shí)體類與數(shù)據(jù)庫(kù)映射 ， packagesToScan 告訴它是到這些包下去找，看到有 Entity 就把它當(dāng)成一個(gè)映射實(shí)體 ： property name=dataSource ref=dataSource/property property name=packagesToScan list value. /value /list/property/bean 連接數(shù)據(jù)庫(kù)的一些配置： bean class= 28 rer property name=locations valueclasspath:/value /property /bean bean id=dataSource destroymethod=close class= property name=driverClassName value=${}/property property name=url value=${}/property property name=username value=${}/property property name=password value=${}/property /bean 文件 符集設(shè)定為 utf8，并且設(shè)置最大接收上傳文件大小，相關(guān)代碼如下： constant name= value=utf8/constant constant name= value=80971520/constant 為前臺(tái)頁(yè)面建立的 front 包響應(yīng)前臺(tái)的 action 請(qǐng)求，并采用通配符（ *_*）的方式進(jìn)行匹配傳遞。能提供瀏覽者或者潛在的客戶與網(wǎng)站負(fù)責(zé)人一個(gè)交流的通道。公司頁(yè)面左邊是菜單欄，右邊是由公司新聞的標(biāo)題和發(fā)布的日期組成。 由于瀏覽器的種類多種多樣，不同的用戶都有可能使用不同的瀏覽器來(lái)訪問網(wǎng)站，所以為了能使系統(tǒng)與瀏覽器更好的兼容，本系統(tǒng)采 JQuery 技術(shù)來(lái)做前臺(tái)頁(yè)面的開發(fā)，包括一些輸入的控制，圖片的瀏覽特效等。其中，下方的每一條信息尾部都可以對(duì)信息進(jìn)行修改和刪除的操作，其充分的利用了頁(yè)面的空間。 40 后臺(tái)主頁(yè)面 后臺(tái)主界面和傳統(tǒng)的后臺(tái)系統(tǒng)類似：上方為公司的名稱和一些相關(guān)的操作；下方的左邊為后臺(tái)系統(tǒng)的功能菜單，囊括了系統(tǒng)的所有的功能目錄，單擊可進(jìn)行滑動(dòng)；右邊是后臺(tái)主頁(yè)面的內(nèi)容，右邊不但顯示用戶名，還顯示了不斷更新的時(shí)間和該天的天氣預(yù)報(bào)。留言采用類似于表格的形式，隔行換色的效果方便網(wǎng)站瀏覽者進(jìn)行清晰的瀏覽。在開發(fā)該頁(yè)面的時(shí)候，這樣不但節(jié)省了頁(yè)面，也節(jié)省了空間和時(shí)間。首頁(yè)的底部為網(wǎng)站的 LOGO 和和公司的名稱、電話和版權(quán)的信息。 26 圖 52 工程項(xiàng)目文件樹型結(jié)構(gòu) 相關(guān)基礎(chǔ)配置文件的建立 本系統(tǒng)使用 SSH框架來(lái)開發(fā)，并利用注解的方式將 SSH的配置文件整合到 文件中。 表 46 serviceMessage (公司回復(fù) )表的結(jié)構(gòu) 序號(hào) 字段 值類型 值范圍 備注 描述 1 id int 4 PK ,AUTO_INCREMENT, NOT NULL 公司回復(fù)編號(hào) 2 content varchar 60 內(nèi)容 3 tdate varchar 20 日期 表 47為財(cái)經(jīng)法規(guī)表結(jié)構(gòu)，用于保存財(cái)經(jīng)法規(guī)的標(biāo)題、內(nèi)容和日期。 20 新聞管理模塊主要 對(duì)前臺(tái)的行業(yè)動(dòng)態(tài)、財(cái)經(jīng)法規(guī)和公司新聞 模塊 進(jìn)行動(dòng)態(tài)的管理，包括基本的增、刪 、查功能。 圖 41 系統(tǒng)功能模塊圖 通意成財(cái)務(wù)代理有限公司門戶網(wǎng)站包含網(wǎng)站首頁(yè)和管理員后臺(tái)兩部分。 （ 1）網(wǎng)站前臺(tái)相關(guān)活動(dòng)圖 游客通過公司概況菜單選擇地理位置選項(xiàng)后， 在百度地圖下面有個(gè)輸入框，在輸入框內(nèi) 輸入所要查詢的地址后，單擊搜索按鈕將會(huì)在 百度地圖的 頁(yè)面中心顯示所要查詢的地址位置及 相應(yīng)的 信息。 (4)對(duì)用戶的行為進(jìn)行統(tǒng)計(jì)分析。 (4)介紹一些財(cái)經(jīng)法規(guī)的相關(guān)知識(shí)。 系統(tǒng)需求分析 系統(tǒng)目標(biāo) 基于 JavaEE 的通意成財(cái)務(wù)代理有限公司門戶網(wǎng)站是一個(gè)服務(wù)于中小型企業(yè)的信息發(fā)布網(wǎng)站，開發(fā)本網(wǎng)站能夠更好的向人們展現(xiàn)通意成財(cái)務(wù)代理有限公司的企業(yè)文化和相關(guān)業(yè)務(wù)，方便了用戶及時(shí)的查看企業(yè)的相關(guān)信息，促進(jìn)了企業(yè)與用戶的良好溝通。目前有兩個(gè)版本，一個(gè)是 版本 ，一個(gè)是 版本 。只有了解了 CSS的各個(gè)屬性之后，才能更加有效地讓 CSS 控制頁(yè)面的任何一個(gè)結(jié)構(gòu)。 在 CSS 沒有誕生之前，為了頁(yè)面中的某個(gè)字的顏色改變，我們通常需要添加一個(gè)HTML 標(biāo)簽并加上相應(yīng)的屬性；為了讓某個(gè)區(qū)域中的所有圖片的大小統(tǒng)一，我們需要對(duì)每個(gè)圖片加上 width 和 height 屬性，以達(dá)到相同顯示的目的。 它有很多優(yōu)點(diǎn)：第一，它能夠?yàn)榫W(wǎng)站提供便捷的 AJAX 交互 ；第二，它能夠讓開發(fā)人員更加方便的對(duì)事件、 HTML 的文檔結(jié)構(gòu)、動(dòng)畫效果進(jìn)行處理；第三，它的技術(shù)手冊(cè)和應(yīng)用文檔說(shuō)明很詳細(xì)；第四，它能夠分離開 HTML 的內(nèi)容和代碼；第五，開發(fā)人員可以選擇它內(nèi)部很多已經(jīng)成熟的插件。 （ 4）對(duì)業(yè)務(wù)層級(jí)別的對(duì)象間依賴進(jìn)行管理。每個(gè)層都不應(yīng)該與其他層混合，每個(gè)層都要互相獨(dú)立并且有十分明確的功能，通過一個(gè)通信接口來(lái)相互聯(lián)系。 Spring 框架 Spring 是一個(gè)開源框架，它由 RodJohnson 創(chuàng)建。以下為對(duì) J2EE 開發(fā)企業(yè)級(jí)應(yīng)用的優(yōu)勢(shì)歸 5 納： 與平臺(tái)無(wú)關(guān)是 Java 語(yǔ)言最大的優(yōu)勢(shì)。 4 第二章 JavaEE 的介紹與技術(shù)框架的選取 JavaEE 平臺(tái) JavaEE 平臺(tái)是一組技術(shù)的集合，包括 Java 語(yǔ)言基礎(chǔ)、 JSP、 EJB、 JDBC 以及三大框架等（ Struts Spring 和 Hibernate）。 課題意義 在國(guó)外，特別是在美國(guó)，實(shí)施企業(yè)門戶網(wǎng)站戰(zhàn)略已經(jīng)被列入了許多大企業(yè)的日程表中。信息技術(shù)產(chǎn)業(yè) 所占的 GDP 也相應(yīng)地從 原來(lái)%，增加到 %。而門戶網(wǎng)站是指利用互聯(lián)網(wǎng)提供的資源將某個(gè)政府或企業(yè)需要發(fā)布的服務(wù)和信息放到互聯(lián)網(wǎng)上的一種應(yīng)用系統(tǒng)。傳統(tǒng)的企業(yè)公司 如果 不懂得對(duì)自身進(jìn)行有利的宣傳，將會(huì)對(duì)自身的長(zhǎng)久利益造成巨大的損失。在加緊建設(shè)門戶網(wǎng)站方面，各個(gè)政府和企業(yè)以信息化建設(shè)為根本目標(biāo)，逐漸舍棄了與紙質(zhì)文件打交道的方式。 美國(guó)于 上世紀(jì) 80 年代末對(duì)信息技術(shù)進(jìn)行了大規(guī)模 的建設(shè)和 投入 ， 90年代 就 實(shí)現(xiàn)了被稱為 “ 新經(jīng)濟(jì) ” 的長(zhǎng)達(dá)十年的經(jīng)濟(jì)快速增長(zhǎng) [1]。 現(xiàn)階段我國(guó)企業(yè)對(duì)信息化缺乏認(rèn)知 ， 不明確對(duì)企業(yè)信息系統(tǒng)的定位 ，不少企業(yè) 認(rèn)為這只不過是一 可有可無(wú) 的東西 ， 不清楚信息化能給自己的企業(yè)帶來(lái)什么發(fā)展 ，大部分企業(yè)對(duì) 發(fā)展企業(yè)信息化 的認(rèn)知 只是 停留在 對(duì) 產(chǎn)品 的 宣傳、 如何提高知名度等較低的方面 ，缺乏對(duì) 信息化 的深刻認(rèn)識(shí)。并在第一時(shí)間反饋給客戶。 圖 21 JavaEE 的體系結(jié)構(gòu) JavaEE 的優(yōu)勢(shì) JavaEE 是 由 SUN 公司領(lǐng)導(dǎo) 及 各廠商共同討論并制定的一個(gè)標(biāo)準(zhǔn) 。由于 WebWork 的核心設(shè)計(jì)思想更加的靈活易用性、穩(wěn)定性和更強(qiáng)的擴(kuò)展性，所以 Struts2 使用了 WebWork 的核心設(shè)計(jì)思想。它的設(shè)計(jì)目標(biāo)是將軟件開發(fā)人員從大量相同的數(shù)據(jù)持久層相關(guān)編程工作中解放出來(lái)。 7 （ 1）對(duì)應(yīng)用程序的業(yè)務(wù)校驗(yàn)和業(yè)務(wù) 邏輯進(jìn)行處理。 JQuery 概述 JQuery 是一個(gè)優(yōu)秀的 JavaScript 框架。在任何一個(gè)頁(yè)面中，我們都可以看到 CSS 的身影。 HTML標(biāo)簽有很多。Amcharts 不僅 可以從簡(jiǎn)單的 XML 或 CSV文件 中提取數(shù)據(jù)，還 可以從動(dòng)態(tài) 的 數(shù)據(jù) 中 讀取生成 。 操作可行 性研究 本課題是隨著主流的信息發(fā)展而來(lái)，擁有相當(dāng)強(qiáng)的可操作性，對(duì)于處于此應(yīng)用范圍內(nèi)的使用者都很容易接受。根據(jù)不同用戶的地理位置不同，通過地圖查詢功能幫助用戶快速的找到公司的具體位置?？梢詫?duì)圖片進(jìn)行相關(guān)操作，大大節(jié)省了存儲(chǔ)空間?？蛻袅粞耘c公司回復(fù)是一對(duì)一的關(guān)系 ，即客戶的一個(gè)留言對(duì)應(yīng)著公司的一個(gè)回復(fù)。修改廣告位信息活動(dòng)圖如圖 310所示。文章滑動(dòng)和圖片的放大預(yù)覽都采用了 JQuery 的特效。 表 43 img (廣告圖片 )表的結(jié)構(gòu) 序號(hào) 字段 值類型 值范圍 備注 描述 1 id int 4 PK ,AUTO_INCREMENT, NOT NULL 圖片編號(hào) 2 name varchar 20 圖片名稱 3 route varchar 60 圖片路徑 表 44為新聞圖片表結(jié)構(gòu)，用戶保存新聞圖片的名稱、標(biāo)題、描述、路徑和日期。所以根據(jù)架構(gòu)來(lái)依次建立 、 、 、 . 四個(gè)包。 } ?? 前臺(tái)模塊詳細(xì)設(shè)計(jì) 與實(shí)現(xiàn) 前臺(tái)首頁(yè)面設(shè)計(jì) 首頁(yè)面采用傳統(tǒng)的網(wǎng)站布局，頂部為網(wǎng)站 LOGO， LOGO 采用了通意成財(cái)務(wù)代理有限公司的標(biāo)志，在加上一定的修飾組成。首先頁(yè)面擯棄了傳統(tǒng)的一個(gè)連接一篇文章一個(gè)頁(yè)面的設(shè)計(jì)，而是采用了多篇文章共同在一個(gè)頁(yè)面的設(shè)計(jì)：在頁(yè)面只顯示文章的標(biāo)題。 如圖 512圖片 新聞 頁(yè)面設(shè)計(jì)、 513 單擊圖片后的頁(yè)面設(shè)計(jì)所示為 公司新聞 頁(yè)面設(shè)計(jì)完成的效果圖。如果不合法。用戶管理頁(yè)面的效果圖，如圖 518 所示。 再 把 搜 索 得 到 的 結(jié) 果 放 置 到 容 器 中 并 移 到 中 心 顯 示 出 來(lái)(“ 這里寫入得到的地圖 ” )。 如圖 510公司新聞 頁(yè)面設(shè)計(jì)、 511 訪問過后的頁(yè)面設(shè)計(jì)所示為 公司新聞 頁(yè)面設(shè)計(jì)完成的效果圖。 百度地圖具有放大、拖拽、切換衛(wèi)星圖等功能。相關(guān)代碼如下： param name=allowTypes image/png,image/gif,image/jpeg,image/bmp,image/xpng,image/jpeg,image/jpg /param 實(shí)體類 實(shí)體類是對(duì)實(shí)體對(duì)象的完整描述，實(shí)體類的建立是為系統(tǒng)架構(gòu)提供最原始的對(duì)象。 圖 51系統(tǒng) 開發(fā)工具包 圖 52 為系統(tǒng)開發(fā)文件樹圖，本系統(tǒng)使用 Struts Spring、 Hibernate 三大框架進(jìn)行整合開發(fā)。 ：形成獨(dú)立于機(jī)器和各 DBMS 產(chǎn)品的概念模式，用 ER 圖來(lái)描述。 行業(yè)動(dòng)態(tài)主要包括公司新聞、圖片新聞和行業(yè)動(dòng)態(tài)這 3 個(gè)部分。添加用戶活動(dòng)圖如圖 37所示。 12 圖 31 普通用戶管理用例圖 普通用戶為本網(wǎng)站主要瀏覽者，如圖 31 所示，普通用戶可以 查看公司概況、查看業(yè)務(wù)介紹、查看財(cái)經(jīng)法規(guī)、查看行業(yè)動(dòng)態(tài)、查看留言、發(fā)布留言以及使用在線客服 。提供留言板的功能可以讓用戶發(fā)表一些而問題及看法。 系統(tǒng)必須遵循模塊化的設(shè)計(jì)原則，將系統(tǒng)按照業(yè)務(wù)邏輯分 成不同的子系統(tǒng)或者子模塊，各模塊之間的設(shè)計(jì)盡量要求“高內(nèi)聚、低耦合” [16]。所以像這樣的網(wǎng)站在市場(chǎng)上擁有 一定需求。 Amcharts 概述 20xx 年，致力于開發(fā)圖表組件的 Amcharts 公司推出了相應(yīng)的地圖和圖表組件。但隨著各大瀏覽器的出現(xiàn)，也逐漸將新的 HTML 標(biāo)簽和屬性（如字體標(biāo)簽及顏色屬性等）添加到 HTML 規(guī)范中，以至于使得創(chuàng)建一個(gè)合理的語(yǔ)義化的頁(yè)面結(jié)構(gòu)變得困難。 CSS 概述 所謂的 CSS，是由 W3C（萬(wàn)維網(wǎng)聯(lián)盟）的 CSS 工作組創(chuàng)建和維護(hù)的。 Hibernate 的持久對(duì)象是基于 POJO（ Plain Old Java Object）和 Java 集合（ collection）的 [14]。 （ 4）為顯示提供一個(gè)數(shù)據(jù)模型。 Spring 是個(gè)低侵入的框架，很多組件都是 POJO，這使得組件可以輕易地從框架中脫離，而幾乎不用任何的修改。 當(dāng)你準(zhǔn)備從網(wǎng)絡(luò)上 下載一個(gè)程序時(shí)，你最大的擔(dān)心是程序中含有惡意的代碼，比如試圖讀取或刪除本地機(jī)上的一些重要文件，甚至該程序是一個(gè)病毒程序等。因?yàn)?SUN 的伙伴們 推出的 新的標(biāo)準(zhǔn)框架 將會(huì) 致使