MVC架構(gòu)下網(wǎng)站的設(shè)計與實現(xiàn)思考

張術(shù)梅

（大連交通大學(xué)信息學(xué)院 遼寧 大連 116045）

0 引言

MVC架構(gòu)，就是對Web服務(wù)模式的進(jìn)一步升級，然后對網(wǎng)站進(jìn)行優(yōu)化設(shè)計。通過MVC架構(gòu)，能夠有效降低網(wǎng)站開發(fā)難度，對網(wǎng)絡(luò)背景下數(shù)據(jù)信息的安全性、網(wǎng)站使用安全而言具有積極的意義。同時，在對網(wǎng)站使用功能的擴(kuò)展升級上，還有對網(wǎng)站后期使用維護(hù)方面，會比以往傳統(tǒng)模式下的網(wǎng)站而言更為簡單化，因此能滿足用戶對網(wǎng)站使用提出的更多需求，是當(dāng)前更為可靠、先進(jìn)的網(wǎng)站開發(fā)技術(shù)。

1 MVC架構(gòu)概述

整體來看，MVC就是將模型-視圖-控制器統(tǒng)合起來的一種比較經(jīng)典的網(wǎng)站開發(fā)模型，以此進(jìn)行網(wǎng)站設(shè)計，能夠切實將網(wǎng)站的界面、相關(guān)數(shù)據(jù)信息、業(yè)務(wù)邏輯等多方面內(nèi)容進(jìn)行分離，將業(yè)務(wù)邏輯整合成一個部件中。通過這種方式進(jìn)行網(wǎng)站設(shè)計，業(yè)務(wù)邏輯可不用重寫即可對網(wǎng)站界面進(jìn)行個性化的設(shè)計和改進(jìn)，同時還能達(dá)到用戶之間的交互功能[1]。除此，通過 MVC架構(gòu)進(jìn)行網(wǎng)站設(shè)計，其中所用的造價、維護(hù)成本、耦合性等特性都比較低，能夠更好促使軟件以工程化的形式進(jìn)行管理。將MVC架構(gòu)應(yīng)用于網(wǎng)站開發(fā)中，最大目的在于分離視圖與模型，所有工作人員做好自身工作內(nèi)容，進(jìn)一步提升網(wǎng)站開發(fā)和設(shè)計的工作效率。

傳統(tǒng)ASP及JSP技術(shù)開發(fā)的網(wǎng)站，在動態(tài)網(wǎng)頁中會嵌有大量的業(yè)務(wù)邏輯程序代碼，該類程序的重復(fù)利用率比較低，在功能拓展方面也不強(qiáng)，并且后續(xù)的維護(hù)工作比較繁瑣，JSP液面是由HTML代碼和JAVA代碼組成的，客戶端請求指示輸入服務(wù)器中以后，JAVA代碼會自行處理相關(guān)信息，然后再將生成的HTML及頁面等信息反饋給客戶端的瀏覽器，不會使頁面的表現(xiàn)和邏輯偏離。如本網(wǎng)站類型的傳統(tǒng)網(wǎng)站設(shè)計，會存在著用戶互動性差、參與性差的缺點，比如用戶可以在網(wǎng)站中瀏覽信息，但是卻不能發(fā)布信息，如今的用戶都追求個性化的功能，希望能夠在登錄網(wǎng)站以后有自己的頁面，比如顏色和內(nèi)容等方面，可以在系統(tǒng)登陸之后DIY布局。在MVC架構(gòu)的支持下，網(wǎng)站的個性化特色更加明顯，以設(shè)計模型的方式提供了全新的開發(fā)框架。

2 MVC設(shè)計模型的原理與網(wǎng)站子系統(tǒng)

2.1 設(shè)計原理

MVC模式的概念就是“模式+視圖+控制器”，應(yīng)用程序是由這3個部分組成，事件與控制器可以改變模式或者視圖，或者同時改變這2個元素，但是控制器改變了模式的數(shù)據(jù)或者屬性，那么視圖也會自動更新，同理控制器如果改變了視圖，視圖也會從模式中獲取新的數(shù)據(jù)更新內(nèi)容。MVC模式其實是將一個應(yīng)用的輸入、處理和輸出流程按照模式、視圖與控制器的方式進(jìn)行分離，則網(wǎng)站的架構(gòu)就被分為三個層次，分別對應(yīng)著模型層、視圖層與控制層。其中視圖指代著用戶交互界面，對于網(wǎng)站的功能應(yīng)用而言，可以用HTML界面來顯示，有可能會為模型接受視圖請求的數(shù)據(jù)，并給出最后的處理結(jié)果?？刂破骺梢越邮苡脩舻恼埱螅瑢⒛Ｐ秃鸵晥D匹配到一起，完成用戶的請求以后，分離模型、視圖和控制器，那么一個模型就可以得到多個顯示視圖，如果用戶用其中某一個視圖的控制器改變了數(shù)據(jù)，則其他依賴于這些視圖的控制器都會發(fā)生相應(yīng)的變化，使得數(shù)據(jù)出現(xiàn)相應(yīng)的更新，實際上可以成為模型變化的機(jī)制。

2.2 技術(shù)特點

該項技術(shù)具有較低的耦合性，視圖層和業(yè)務(wù)層的分離，則視圖層代碼可以被更改，并不需要重新編譯模型與控制器代碼，只需要根據(jù)業(yè)務(wù)規(guī)則改動MVC技術(shù)的模型層就可以達(dá)到理想的效果。該項技術(shù)具有較高的重用性和可適用性，在科學(xué)技術(shù)的影響下，訪問應(yīng)用程序的方式更多，MVC模式允許用戶使用不同模式的視圖來訪問同一個服務(wù)器端口的代碼，也包括對WEB瀏覽器和無限瀏覽器的訪問。該項技術(shù)具有較低的生命周期成本，有效降低了用戶接入端口的開發(fā)費用與維護(hù)費用，并且后續(xù)的維修與修改非常便利，能夠快速地部署業(yè)務(wù)及功能，大大縮短了應(yīng)用軟件的開發(fā)時間，使得程序員可以集中精力開發(fā)業(yè)務(wù)邏輯與表現(xiàn)形式的創(chuàng)新。該項技術(shù)的應(yīng)用有助于實現(xiàn)軟件的工程化管理，不同層次的人員各司其職，每一層的管理人員都具有不同的職責(zé)，且工作的特征也有不同，工程化的管理可以使工具化的管理代碼應(yīng)用于程序管理中，為具體的管理工作提供基礎(chǔ)條件。

3 MVC架構(gòu)下網(wǎng)站的設(shè)計和實現(xiàn)——以XX網(wǎng)站為例

3.1 整體架構(gòu)設(shè)計

XX網(wǎng)站基于MVC 3層架構(gòu)模式開展網(wǎng)站設(shè)計，具體來講：（1）表示層，就是瀏覽器中用戶端所使用的前端，該層架構(gòu)作用就是將用戶所需數(shù)據(jù)以相對簡單的方式展示給用戶；（2）業(yè)務(wù)邏輯層，該層架構(gòu)設(shè)計作用就是相應(yīng)用戶發(fā)出的請求，并根據(jù)其請求對數(shù)據(jù)庫進(jìn)行增、刪、改、查等操作需求；（3）數(shù)據(jù)持久層，也就是數(shù)據(jù)層，該層目的在于科學(xué)存儲數(shù)據(jù)信息，為用戶在使用中提供更為高效率的數(shù)據(jù)增、刪、改、查的操作功能。

3.2 網(wǎng)站模塊設(shè)計

XX網(wǎng)站在進(jìn)行模塊設(shè)計時可從以下幾個角度進(jìn)行：（1）圖片管理，該模塊應(yīng)用作用就是網(wǎng)站中管理者對用戶在首頁輪播圖片以及對成果展示版面中的圖片進(jìn)行更換[2]；（2）通知公告管理，該模塊應(yīng)用作用發(fā)布和展示相關(guān)公告信息；（3）文件管理，該層模塊的應(yīng)用功能對網(wǎng)站中的文件進(jìn)行下載、傳輸?shù)裙δ懿僮鳎唬?）搜索管理，主要是對整個網(wǎng)站系統(tǒng)提供搜索的使用功能；（5）用戶管理，是對使用該網(wǎng)站相關(guān)用戶的登錄、注冊以及網(wǎng)站中超級管理員賬戶進(jìn)行增刪改查的管理；（6）研究平臺模塊，該模塊是基于網(wǎng)站本身的性質(zhì)進(jìn)行設(shè)計，為管理員提供可在網(wǎng)站中進(jìn)行增刪改查的管理權(quán)限；（7）文章信息管理，該模塊是基于編輯器來進(jìn)行操作，為網(wǎng)站提供文章發(fā)布的途徑和方式。

3.3 網(wǎng)站業(yè)務(wù)流程

XX網(wǎng)站在使用過程中，因面對用戶不同，其業(yè)務(wù)流程也因此存在一定的不同之處。如果只是普通網(wǎng)站用戶，其業(yè)務(wù)流程相對比較簡單，主要是瀏覽XX網(wǎng)站中發(fā)布的相關(guān)通知、公告、辦事所需文檔等內(nèi)容。一般網(wǎng)站中的下載任務(wù)可分為兩種：一種為年報下載，用戶可根據(jù)自身需要選擇特定年份的年報；另一種為專區(qū)文件下載，用戶可通過網(wǎng)站的首頁來查看當(dāng)前可下載的文件信息，然后根據(jù)需要通過下載專區(qū)進(jìn)行文件下載和查看。除此，網(wǎng)站還會設(shè)置搜索這一功能，用戶可通過輸入關(guān)鍵詞進(jìn)行全站搜索，如果出現(xiàn)自己需要的內(nèi)容時，網(wǎng)站會以分頁的方式將搜索內(nèi)容呈現(xiàn)給用戶。

管理員在進(jìn)行網(wǎng)站管理時可通過以下流程進(jìn)行：（1）在網(wǎng)站首頁入口登錄，然后進(jìn)入后臺管理系統(tǒng)，對網(wǎng)站文章增刪改發(fā)等相關(guān)操作[3]；（2）管理人員可對網(wǎng)頁中的輪播圖片的使用進(jìn)行相應(yīng)管理，對其進(jìn)行修改和指向相應(yīng)的連接，對網(wǎng)站中的展示效果圖進(jìn)行更改和添加，對文件進(jìn)行上傳、刪除等。從整體上來看網(wǎng)站業(yè)務(wù)流程非常多，網(wǎng)站可根據(jù)自身使用性質(zhì)進(jìn)行相應(yīng)設(shè)計。

3.4 網(wǎng)站數(shù)據(jù)庫設(shè)計

本次網(wǎng)站系統(tǒng)主要采用MySQL來進(jìn)行數(shù)據(jù)庫管理，該系統(tǒng)是基于數(shù)據(jù)與數(shù)據(jù)間存在的關(guān)聯(lián)，通過對數(shù)據(jù)進(jìn)行分類放在相應(yīng)表格進(jìn)行管理，對于表格設(shè)計，可根據(jù)該網(wǎng)站的性質(zhì)進(jìn)行創(chuàng)建，主要有年度報表、通知表、文章表、政策法規(guī)等。

3.5 網(wǎng)站安全性設(shè)計

對于一個網(wǎng)站而言，其使用安全性非常重要，這對于網(wǎng)站未來的正常運轉(zhuǎn)、數(shù)據(jù)安全性、網(wǎng)站是否會被黑客入侵等具有直接性影響，因此在進(jìn)行網(wǎng)站設(shè)計時，應(yīng)將安全性作為重點內(nèi)容進(jìn)行設(shè)計。就本次XX網(wǎng)站設(shè)計而言，該網(wǎng)站的安全性問題主要在于防止XSS、SQL注入網(wǎng)站中。

（1）對于XSS，也就是跨腳本攻擊。具體來講，若當(dāng)前網(wǎng)站存在XSS漏洞問題情況下，攻擊者就會向其中注入具有惡意性質(zhì)的HTML代碼，客戶在使用網(wǎng)站時，網(wǎng)站就會自動執(zhí)行攻擊者注入的代碼，從而引發(fā)各種各樣的問題。例如，用戶在瀏覽網(wǎng)站過程中，可能會強(qiáng)行進(jìn)入到指定網(wǎng)站，網(wǎng)頁因此被破壞，用戶信息也可能會被盜取等，以上都是當(dāng)前比較常見的安全性問題[4]。整體上，跨腳本攻擊，主要是對客戶端進(jìn)行攻擊，具有被動式特征，而這也是網(wǎng)站開發(fā)者容易忽視的設(shè)計內(nèi)容。對此開發(fā)者在進(jìn)行網(wǎng)站設(shè)計時，應(yīng)做好對所有輸入代碼的篩選和過濾工作，對存在攻擊性語句進(jìn)行轉(zhuǎn)義處理，能夠在最短時間內(nèi)將用戶輸入的代碼轉(zhuǎn)為能夠執(zhí)行的代碼進(jìn)行存儲處理。在展示時能夠?qū)?zhí)行代碼轉(zhuǎn)為文本信息，這樣做的目的在于對用戶信息起到保護(hù)作用，有效防止可執(zhí)行代碼直接在網(wǎng)站前臺頁面暴露，這對于進(jìn)一步強(qiáng)化網(wǎng)站在使用中的安全性具有積極性意義。

（2）對于SQL數(shù)據(jù)庫，其在應(yīng)用中比較常見問題主要是注入性問題。對于注入性問題，簡單來講就是攻擊者在網(wǎng)站數(shù)據(jù)庫引擎中注入惡意數(shù)據(jù)庫命令，然后對服務(wù)器進(jìn)行相應(yīng)的操作，通過這種方式來獲得數(shù)據(jù)庫中各項數(shù)據(jù)的查閱權(quán)限。這種安全性帶來的后果就是網(wǎng)站中的重要數(shù)據(jù)發(fā)生泄露，特別是用戶名及其密碼名單是當(dāng)前最容易被攻擊的部分。為有效解決這類安全問題，可采取以下兩種方法進(jìn)行處理：①對SQL命令進(jìn)行參數(shù)化處理，也可以通過存儲過程對數(shù)據(jù)進(jìn)行相應(yīng)的查詢和獲取，將動態(tài)拼裝命令去除；②用戶在輸入所查詢內(nèi)容時，系統(tǒng)對此進(jìn)行相應(yīng)的轉(zhuǎn)換和校驗。通過以上，能夠最大化地改善網(wǎng)站數(shù)據(jù)庫在使用過程中遇到的注入性安全問題。

3.6 關(guān)鍵技術(shù)的設(shè)計和實現(xiàn)

（1）對于XX網(wǎng)站中的圖片進(jìn)行傳輸和文件下載時，本次網(wǎng)站設(shè)計采用百度ueditor編輯器為核心插件，該插件具有非常強(qiáng)的使用功能，能夠基本滿足當(dāng)前系統(tǒng)所需要的各項使用需求。但在實際使用中還是存在一些不足之處，若用戶上傳的圖片比較大，系統(tǒng)就會默認(rèn)將原圖大小顯示出來，這種情況下也就使得最終呈現(xiàn)出來的圖片鋪面整個顯示屏。對于該問題的解決方式主要在于源碼查詢，通過對圖片的高、寬等參數(shù)進(jìn)行自適應(yīng)設(shè)置，但這種設(shè)置方式又會引發(fā)另一問題：無論圖片大小，最終寬度統(tǒng)一[5]。而ueditor編輯器能夠為網(wǎng)站提供兩個上傳按鈕，一個按鈕采取單圖的方式進(jìn)行上傳；另一個按鈕采取多圖的方式進(jìn)行上傳。對此可通過折中的方式進(jìn)行上傳，如果圖片大，可通過單圖按鈕完成上傳操作，最后圖片呈現(xiàn)效果就是原本設(shè)定好的寬度參數(shù)；如果圖片小，可采取多圖按鈕完成上傳操作。除此，ueditor編輯器添加附件后，若文件格式為.txt或.pdf等，對該格式下的附件進(jìn)行下載操作時，網(wǎng)站就會直接解析。通過查看源碼，資源鏈接只是使用一個簡單標(biāo)簽，對此可通過對源碼進(jìn)行修改，用戶點擊附件就會避免被網(wǎng)站直接解析，并通知網(wǎng)站開始下載操作[6]。

（2）在進(jìn)行該網(wǎng)站設(shè)計時，大部分內(nèi)容采用分頁加載技術(shù)進(jìn)行設(shè)計。相比較于其他系統(tǒng)存在的不同之處，以往都是直接將頁碼拿到前端，通過limit即可直接查詢，但本系統(tǒng)中數(shù)據(jù)庫設(shè)計采用type字段進(jìn)行設(shè)計，將數(shù)據(jù)資源根據(jù)類型進(jìn)行劃分，且這些數(shù)據(jù)的順序錯綜復(fù)雜，如果需要對其中某項type類數(shù)據(jù)采取分頁加載，每一次加載后的數(shù)據(jù)會對最后一條數(shù)據(jù)ID進(jìn)行記錄，以此作為下次分頁起點，這種設(shè)計方式的優(yōu)勢在于ID建立索引，能夠起到對系統(tǒng)性能的優(yōu)化作用。

（3）完成該網(wǎng)站的基本功能開發(fā)后，對于客戶提出的其他需求，應(yīng)做好對內(nèi)外網(wǎng)的管制工作[7]。例如，若XX網(wǎng)站為校園網(wǎng)，部分內(nèi)容只能通過校園網(wǎng)進(jìn)行查看和下載操作，為解決這種使用需求，可通過以下兩種方式：①對數(shù)據(jù)庫表進(jìn)行修改，通過添加字段的方式進(jìn)行區(qū)分，決定外網(wǎng)的使用權(quán)限，但這種方式不夠現(xiàn)實，因修改規(guī)模比較大，對開發(fā)者而言具有非常大的難度；②新增表格，該表格主要用于具有校園網(wǎng)使用權(quán)限的用戶進(jìn)行資源查看和下載。除此，為更好地強(qiáng)化網(wǎng)站系統(tǒng)在使用中的響應(yīng)能力，可通過數(shù)據(jù)緩存、監(jiān)聽等技術(shù)，降低網(wǎng)站在操作中的性能損耗，進(jìn)一步強(qiáng)化其響應(yīng)能力。

3.7 前端頁面的簡要展示

該網(wǎng)站的主界面9個主要的選項卡功能，以此構(gòu)成的展示區(qū)域，包括部門首頁、組織機(jī)構(gòu)及政策法規(guī)等信息，還有科研平臺、科技成果及知識產(chǎn)權(quán)等功能，主要是用于對外展示該單位的科研成果及最新動態(tài)，包括該單位的一些科研資料等，有時會在主頁上發(fā)布通知及文件。該網(wǎng)頁的科技處后臺需要管理人員用特定的賬號登錄，才能擁有操作權(quán)限，后臺的管理人員可以發(fā)布關(guān)于科學(xué)類的資料，或者調(diào)整網(wǎng)站的管理功能，平臺上的系統(tǒng)會根據(jù)不同類型的文章，按照類別發(fā)布到對應(yīng)的模塊上。管理員可以分布的信息并不固定，可以發(fā)布學(xué)術(shù)年報、其他網(wǎng)站的連接或者該單位最新的科技動態(tài)等。

3.8 系統(tǒng)使用的效果

該網(wǎng)站在設(shè)計時經(jīng)過了系統(tǒng)測試的環(huán)節(jié)，該環(huán)節(jié)也是一款應(yīng)用軟件在上架前的最后環(huán)節(jié)，本網(wǎng)站通過白盒測試與黑盒測試以后，經(jīng)歷半年的試用期，確認(rèn)穩(wěn)定才能正式登錄上線使用。該網(wǎng)站上線使用距今已有兩年的時間，期間因為需求的問題已經(jīng)對系統(tǒng)的功能實現(xiàn)相應(yīng)的拓展，期間并沒有出現(xiàn)任何的安全事故與相關(guān)問題，該系統(tǒng)的運行非常流暢，而且使用效果是比較好的，滿足了本單位的基本要求，在性能方面也能夠滿足實用的要求。

4 結(jié)語

綜上所述，基于MVC架構(gòu)來進(jìn)行網(wǎng)站研發(fā)和設(shè)計，進(jìn)一步提升網(wǎng)站在未來使用中的維護(hù)效率和質(zhì)量，有效保證數(shù)據(jù)在其中的安全性?；诖?，相關(guān)開發(fā)人員應(yīng)重視對該方面的研發(fā)，使其更好地應(yīng)用于網(wǎng)站設(shè)計中。同時，設(shè)計人員要針對網(wǎng)站中的數(shù)據(jù)安全進(jìn)行完善，針對XSS與SQL等問題做出有效的防范，以保證數(shù)據(jù)的安全性，經(jīng)過改造后的系統(tǒng)可以上傳編輯器改造以后的圖片，應(yīng)用數(shù)據(jù)表格的分頁加載技術(shù)以后，本網(wǎng)站對外網(wǎng)的訪問權(quán)限也做出了相應(yīng)的限制，已經(jīng)大幅度地提升了網(wǎng)站系統(tǒng)對信息的響應(yīng)速度和數(shù)據(jù)的安全性。尤其是經(jīng)過了兩年的使用以后，驗證了該網(wǎng)站系統(tǒng)的運行是比較穩(wěn)定的，無論是數(shù)據(jù)的安全方面，還是功能的擴(kuò)展方面，都具有一定的優(yōu)勢。