【文章內(nèi)容簡介】 看到并與之交互的界面。對老式的 Web 應(yīng)用程序來說，視圖就是由 HTML 元素組成的界面， 對于 java 編寫的頁面就是 jsp頁面。 在新式的 Web 應(yīng)用程序中， HTML 依舊在視圖中扮演著重要的角色 。 如何處理應(yīng)用程序的界面變得越來越有挑戰(zhàn)性。 MVC 一個大的好處是它能為你的應(yīng)用程序處理很多不同的視圖。在視圖中其實沒有真正的處理發(fā)生，不管這些數(shù)據(jù)是聯(lián)機(jī)存儲的還是一個雇員列表，作為視圖來講，它只是作為一種輸出數(shù)據(jù)并允許用戶操縱的方式。 模型 模型表示 企業(yè)數(shù)據(jù)和業(yè)務(wù)規(guī)則。在 MVC 的三個部件中，模型擁有最多的處理任務(wù)。被模型返回的數(shù)據(jù)是中立的，就是說模型與數(shù)據(jù)格式無關(guān)，這樣一個模型能為多個視圖提供數(shù)據(jù)。由于應(yīng)用于模型的代碼只需寫一次就可以被多個視圖重用，所以減少了代碼的重復(fù)性。 控制器 控制器接受用戶的輸入并調(diào)用模型和視圖去完成用戶的需求。所以當(dāng)單擊Web 頁面中的超鏈接和發(fā)送 HTML 表單時，控制器本身不輸出任何東西和做任何處理。它只是接收請求并決定調(diào)用哪個模型構(gòu)件去處理請求，然后確定用哪個視圖來顯示模型處理返回的數(shù)據(jù)。 現(xiàn)在我們總結(jié) MVC 的處理過程 ，首先控制器接收用戶的請求，并決定應(yīng)該調(diào)用哪個模型來進(jìn)行處理，然后模型用業(yè)務(wù)邏輯來處理用戶的請求并返回數(shù)據(jù)，最后控制器用相應(yīng)的視圖格式化模型返回的數(shù)據(jù)，并通過表示層呈現(xiàn)給用戶。 優(yōu)勢 MVC 模式就是非常典型的分成模式，分成模式的在計算機(jī)領(lǐng)域應(yīng)用是非常廣泛的，它屏蔽了具體的實現(xiàn)過程，只要對調(diào)用它的層或者方法提供相應(yīng)的接口即可，如果某個層需要修改，只要對相應(yīng)的部分進(jìn)行修改即可，避免了由于某個部分出現(xiàn)問題導(dǎo)致整個項目崩潰或者停滯的問題。使用 MVC模式使開發(fā)時間得到相當(dāng)大的縮減，它使程序員（ Java 開發(fā)人員）集中 精力于業(yè)務(wù)邏輯，界面程序員（ HTML北京物資學(xué)院 2020屆畢業(yè)論文（設(shè)計） 8 和 JSP 開發(fā)人員）集中精力于表現(xiàn)形式上 缺點 有優(yōu)勢當(dāng)然就有缺點， mvc 模式的出現(xiàn)就是把簡單的過程復(fù)雜化，這也是互聯(lián)網(wǎng)應(yīng)用開發(fā)普遍出現(xiàn)的問題，但是復(fù)雜化是為了讓項目或者程序更加具有靈活性。視圖對模型數(shù)據(jù) 訪問效率有所降低。 這個過程可以通過下圖來表示 。 圖 ： MVC示意圖 具體的過程是這樣的：用戶通過客戶端（瀏覽器）發(fā)送的請求，瀏覽器端就是 view 層。該請求找到相應(yīng)的 servlet 容器，在通過 Struts2 的配置文件，這就是 controller 層的操 作，再找到相應(yīng)的處理方法并放回相應(yīng)的結(jié)果并跳轉(zhuǎn)到結(jié)果頁面。 在具體的開發(fā)過程中由于有集成的開發(fā)環(huán)境，開發(fā)的復(fù)雜程度有所降低，所以更加注重業(yè)務(wù)的邏輯層次 和 代碼的架構(gòu)。這就需要一個非常清晰的開發(fā)架構(gòu)，現(xiàn)在在具體的開發(fā)過程中對于具體的 java 代碼我們采用這樣的一種結(jié)構(gòu)。在一個項目名下，分為兩部分。一部分是原始的 java 代碼，這類 java 文件放在 src 目錄下，在開發(fā)的過程中，開發(fā)工具自動編寫成 .class 文件并放在具體的實現(xiàn)層包里。 .java 和 .class 放在不同的目錄下，結(jié)構(gòu)比 較清晰。 在開發(fā)的過程中有兩種模式，一種是按照類別分成，一種是按照功能分層。 北京物資學(xué)院 2020屆畢業(yè)論文（設(shè)計） 9 按照類別模型劃分如下： 按照功能劃分模型如下： user action action user dao news conf dao form user news news action conf dao user conf news form form 在具體的開發(fā)過程中，這兩樣使用的都有，但是以第二種方式為主的居多，本人在實際開發(fā)的過程中也是按照這樣的分層結(jié)構(gòu)，具體的每一層的內(nèi)容如下： Action 文件 這部分放的是所用的 action java 代碼。 Struts2 所要調(diào)用的方法全部存在于這里 Conf 文件 這里存放的是網(wǎng)站的配置信息，包括 struts hibernate、 spring的配置文件 Dao 文件 這里存放 dao 層 代碼 Form 文件 存放 form 層代碼，就收頁面提交的數(shù)據(jù)。 Hbm 文件 這里存放 po 層和數(shù)據(jù)庫的映射。 Service 文件 這里存放 service 層的 java 方法。 北京物資學(xué)院 2020屆畢業(yè)論文（設(shè)計） 10 具體截圖如下： 圖 ： 實際開發(fā)過程中的分層結(jié)構(gòu) 3 系統(tǒng)開發(fā)環(huán)境和需求分析 硬件環(huán)境 如今電腦的配置普遍都比較高，一般個人的筆記本上就能運行開發(fā)工具。 ? 處理器： 酷睿 i3 ? 內(nèi)存： 2G ? 硬盤： 500G 北京物資學(xué)院 2020屆畢業(yè)論文（設(shè)計） 11 軟 件環(huán)境 ? 操作系統(tǒng)： Windows XP ? 開發(fā)軟件： Eclipse Navicat mysql 現(xiàn)在能提供的數(shù)據(jù)庫軟件相對還是比較多，為了應(yīng)對不同的需求，根據(jù)自身的條件進(jìn)行合理的選擇?，F(xiàn)在主流的數(shù)據(jù)庫軟件有 mysql,sql server ,oracle，db2 等等。部分?jǐn)?shù)據(jù)庫的適用的條件如下： mysql 是免費的 速度比較快，但是穩(wěn)定性比較差，在遇到服務(wù)器非正常情況關(guān)機(jī)時數(shù)據(jù)比較容易 損壞 ， 個人網(wǎng)站或者小型論壇用比較合適 。它 是一個精巧的SQL 數(shù)據(jù)庫管理系統(tǒng)，雖然它不是開放源代碼的產(chǎn)品，但在某些情況下你可以自由使用。 Orale 優(yōu)勢 處理速度 快，非?？? 安全級別高。支持快閃以及完美的恢復(fù)，即使硬件壞了 也可以恢復(fù)到故障發(fā)前的 1s。但是作為一款收費大型的軟件在本系統(tǒng)中并不合適。 本系統(tǒng)使用的數(shù)據(jù)庫是 mysql,其特點就是開源、免費，適合小型網(wǎng)站程序的開發(fā)，在處理小任務(wù)，數(shù)量少的表的情況下效率比較高。而且作為一款免費、開源的程序，受到廣大中小型企業(yè)的青睞與喜愛。而工具 Navicat 能更好的設(shè)計表格，不用通過 sql 代碼一行一行的寫，幾乎能實現(xiàn)所有 mysql 等功能，通過對數(shù)據(jù)庫的直接操作，可以及時發(fā)現(xiàn)很多錯誤，是為一款不錯的表設(shè)計工具。這次之所以選 擇 mysql 作為數(shù)據(jù)庫，而沒有選擇 sql server 或則 Oracal 等其他工具，是因為能同樣的完成功能后面的兩個工具非常大，按照的過程出現(xiàn)莫名其妙的錯誤，多少有些不方便，而且這些主要面向的是大型的程序，對于現(xiàn)在的開發(fā)使用masql 足以。 本次程序的數(shù)據(jù)庫操作軟件是 Eclipse ,可以直接的把開發(fā)的 java 代碼直接編譯，是整個開發(fā)工具的核心。 Eclipse 作為一種集成開發(fā)工具，首先解決了開發(fā)頁面不在在一起出現(xiàn)的同步問題，而且它的擴(kuò)展性也不錯，相應(yīng)的插件也很多，開發(fā)起來的 效率大大的提高。 北京物資學(xué)院 2020屆畢業(yè)論文（設(shè)計） 12 頁面的制作以 jsp設(shè)計為主 JSP 的優(yōu)勢 (1)一次編寫，到處運行。在這一點上 Java 比 PHP 更出色，除了系統(tǒng)之外，代碼不用做任何更改。 (2)系統(tǒng)的多平臺支持?；旧峡梢栽谒衅脚_上的任意環(huán)境中開發(fā)，在任意環(huán)境中進(jìn)行系統(tǒng)部署，在任意環(huán)境中擴(kuò)展。 (3)強(qiáng)大的可伸縮性。從只有一個小的 Jar 文件就可以運行 Servlet/JSP，到由多臺服務(wù)器進(jìn)行集群和負(fù)載均衡，到多臺 Application 進(jìn)行事務(wù)處理，消息處理，一臺服務(wù)器到無數(shù)臺服務(wù)器， Java 顯示了一個巨大的 生命力。 (4)多樣化和功能強(qiáng)大的開發(fā)工具支持。這一點與 ASP 很像， Java 已經(jīng)有了許多非常優(yōu)秀的開發(fā)工具，而且許多可以免費得到，并且其中許多已經(jīng)可以順利的運行于多種平臺之下。 JSP 的劣勢 (1) 與 ASP 一樣， Java 的一些優(yōu)勢正是它致命的問題所在。正是由于為了跨平臺的功能，為了極度的伸縮能力，所以極大的增加了產(chǎn)品的復(fù)雜性。 (2) Java 的運行速度是用 class 常駐內(nèi)存來完成的，所以它在一些情況下所使用的內(nèi)存比起用戶數(shù)量來說確實是 “ 最低性能價格比 ” 了。從另一方面，它還需要硬盤空間來儲 存一系列的 .java 文件和 .class 文件，以及對應(yīng)的版本文件。 編寫業(yè)務(wù)邏輯代碼 則是以 java 為主 。在 Eclipse 下進(jìn)行系統(tǒng)的開發(fā)，以本地電腦作為客戶端的同時也兼為服務(wù)器端。在后期制作完成之時 ，將會把本系統(tǒng)放入遠(yuǎn)程服務(wù)器，可以連入外網(wǎng)，進(jìn)行遠(yuǎn)程登錄操作。 樣式控制 頁面的樣式控制有兩種。傳統(tǒng)的方式是使用 table 標(biāo)簽，正個頁面就是一個大的 table 標(biāo)簽，里面在嵌套各種小 table 標(biāo)簽。而現(xiàn)在常用的就是 css( Cascading Style sheets 級聯(lián)樣式表） 。在實際的應(yīng)用之中，很多 人的使用方法是這樣的：大的結(jié)構(gòu)使用 css 樣式表，在 css 樣式表中嵌套這種 table 標(biāo)簽。 css 樣式表做出的頁面更容易讓搜索引擎收錄，而 table 標(biāo)簽更容易控制， form 標(biāo)簽往往放在table 標(biāo)簽中，在進(jìn)行提交。 CSS 作為 Web 標(biāo)準(zhǔn)推薦的外觀控制技術(shù)，是有很多優(yōu)點，簡單列舉如下。 樣式代碼獨立于 HTML 頁面，有利于進(jìn)行站點的統(tǒng)一控制。這樣做能 提高開發(fā)效率，而且對 分工合作 有利 ，頁面設(shè)計人員只需要使用最 基本的標(biāo)記來呈現(xiàn)數(shù)據(jù)，而頁面的外觀控制可以完全交給樣式設(shè)計人員。 控制外觀更加容易， CSS 代碼按其位置可以分為 三 種：嵌入樣式、內(nèi)聯(lián)樣式和外聯(lián)樣式。 內(nèi)聯(lián)樣式是將樣式代碼直接內(nèi)聯(lián)到標(biāo)記內(nèi)，看上去很直觀，但它僅針對個別元素進(jìn)行控制。不可避免的，這種方式將外觀控制代碼散布于整個 HTML 文檔，和北京物資學(xué)院 2020屆畢業(yè)論文（設(shè)計） 13 傳統(tǒng)的外觀控制方式?jīng)]有本質(zhì)的不同。 如 style=” fontsize:800?！?/字體。 嵌入樣式是使用 style標(biāo)記將一段 CSS 語句插入到 HTML 文檔層次結(jié)構(gòu)中。一般將這段 CSS 語句作為一個獨立部分插入在 head和 /head標(biāo)記之間。雖然嵌入樣式也是將 CSS 語句直接寫在 HTML 文檔中，但它作為一個獨立的標(biāo)記塊存在，無 論是維護(hù)還是修改都要方便得多。嵌入樣式一般用于控制一些針對性強(qiáng)的獨立樣式，例如在整體控制的基礎(chǔ)上對某個文檔的局部顯示細(xì)節(jié)進(jìn)行重新定義。 外聯(lián)樣式是通過外部樣式文件對頁面外觀進(jìn)行控制 。如 style type=” text/css” href=”” / 由于本網(wǎng)站的主體功能是方便大家找到各自所需的東西，故而以顯示列表的形式，對所發(fā)布的信息進(jìn)行逐一排列。同時又由于每個人需求的不一，添加不同的選擇條件，以方便用戶更快更準(zhǔn)的找到自己需要的東西。對各種信息進(jìn)行分類。 用戶在進(jìn)入網(wǎng)站的首頁就能最直觀的看到 顯示的所有信息，減少不必要的路徑，在首頁就能進(jìn)行所需要信息的查詢。需要發(fā)布信息的用戶則首先需要注冊或者登錄。這時就需要加入注冊和登錄的功能。用戶只有在登錄網(wǎng)站之后才能進(jìn)行相應(yīng)的操作 ,如發(fā)布新的消息、修改已經(jīng)存在的消息、刪除過時的或者是已經(jīng)交易成的消息等。一般交易的雙方是通過電話聯(lián)系或者是即時通許軟件，所以用戶的個人資料中要輸入自己相關(guān)的聯(lián)系信息。如果在個人信息之中不存這樣的聯(lián)系方式，那也可以再發(fā)布消息時，添加相應(yīng)的聯(lián)系人、電話或者 等。 第一基本功能，普通用戶可以瀏覽信息 圖 ：普通用戶 普通用戶 （無需登錄）瀏覽查詢信息 北京物資學(xué)院 2020屆畢業(yè)論文（設(shè)計） 14 登錄的用戶可以具有的基本操作： 圖 ：注冊用戶功能圖 后臺管理員具有的操作： 圖 ：管理員操作功能圖 網(wǎng)站都是分有前臺和后臺的。前臺的部分是呈現(xiàn)信息的主體部分，這部分主要面向的廣大的用戶；而另一個后臺，則是管理員對網(wǎng)站進(jìn)行管理和維護(hù)的地方。 整體的的流程用普通用戶、注冊用戶和管理員組成。普通 用戶可以再網(wǎng)站上進(jìn)行信息的瀏覽，它沒有任何的權(quán)限，不能進(jìn)行任何操作。注冊用戶除了可以瀏覽信息外，還可以發(fā)布信息，進(jìn)入用戶的個人信息頁面，可以對自己的信息進(jìn)行修改。管理員 進(jìn)入后首先要登錄，在輸入用戶名和密碼后可以直接登 錄 。 管理員可以對網(wǎng)站的用戶，發(fā)布的信息進(jìn)行修改，刪除，添加等操作。 管理員 登錄 修改密碼 信 息管理 添加信息 修改信息 查詢信息列表 刪除信息 用戶管理 用戶查詢 用戶信息修改 用戶刪除 登錄用戶 用戶登錄 修改密碼 顯示個人信息列表 發(fā)布信息并 瀏覽 已發(fā)布信息