移動Web的快速開發分析

王亞林

【摘 要】隨著國家經濟的迅猛發展，人們對于科技的需求越來越高，因此，我們要不斷的研發新的科技產品，目前主要的研發對象是手機網站。如何研發一種外觀時尚，功能完備的手機網站，是我們面臨的挑戰。我們可以分析目前的開發主流技術移動Web的基礎上，采用MVC4、Entity Framework以及jQuery Mobile等技術實現手機課程網站。這種手機網站的界面非常的簡約美觀，使用起來也非常的方便，其兼容性也高，這種技術已經落實到了南京理工大學泰州科技學院，激發了學生的學習熱情，提高了教學質量。

【關鍵詞】移動Web；快速開發

一、引言

隨著國家網絡技術的不斷發展，移動網絡和智能終端也得到了快速的發展。在訪問方式以及用戶體驗上移動Web都有了質的飛躍，而那些傳統的網站已經不能滿足移動終端的訪問需求，如果用手機去訪問傳統網站，就會出現亂碼、不能兼容等問題。技術家在解決這個問題時提出了多個方面的意見：從系統架構方面來說，MVC（模型-視圖-控制）的模式可以快速構建有效的移動Web架構當用戶使用時，提高了網站的復用，縮減了代碼量；從前端開發語言方面來說，HTML5及CSS3不僅保存了原有的優勢還增加了一些新的元素用來適應新的移動Web的開發；從開發工具方面來說，新型的技術工具從不同的方面推動了移動Web的開發，比如Phone Gap、Mobl-lang 等技術，它們擁有跨平臺、快速保存、隨時測試的特性。本文通過分析目前的開發主流技術移動Web的基礎上，采用MVC4、Entity Framework以及jQuery Mobile等技術實現手機課程網站，這種手機網站的界面不但美觀而且還十分容易操作。

二、快速開發方案分析與設計

之前的手機網站一般以WAP協議為基礎，之前通過采用WML無線標記語言來編寫，到WAP2.0采用XHTML-MP可擴展標記語言概要來編寫，文字語言和簡單的圖片信息是主要的表現形式，這種網站在開發效率和用戶體驗上都比不上以HTTP協議為依據、采用HTML超文本標記語言來編寫的網站。目前的智能終端已經被逐步普及，單純的WAP站點將會逐漸被社會淘汰，以HTML5開發的移動網站將會成為主流趨勢，由于智能終端可以輕易的訪問傳統網站，所以在開發傳統網站使用的方法也可以用在開發移動網站上。

（一）主體框架方案分析

NET和J2EE這兩個大的開發平臺是開發移動Web的主要技術，不同的開發平臺有不同的網站開發方案。依據J2EE平臺構建的SSH框架，用戶可以將搭建PC網站的方法用在搭建移動網站上，技術開發者只需要關注如何可以讓網站界面簡約美觀以及用戶在使用的時候如何可以簡化操作，如何使功能更加齊全。但是技術者在使用J2EE開發平臺的時候，需要有足夠的專業知識，因為其技術要求比較高，開發環境的搭建和開發工具的操作都比較復雜。此外，與J2EE這種重量級的開發平臺相比，微軟提供了一種比較簡單的，比較適合初學者學習的開發工具和開發框架。Visual Studio就是微軟提供的一套開發工具集其內容十分豐富而且功能十分強大，可以用來全面的開發移動Web和HTML5，而且還提供了很多的高級開發工以及開發的框架，比如：Entity Framework和MVC4等，技術開發者可以利用這些豐富的框架進行快Web應用程序的構建以及測試和發布。

（二）前端方案分析

在進行框架的搭建時，設計網頁是移動網站開發的主要工作。在開發移動Web前端方案中，主要的方案有：借用第三方UI框架模式、單頁面應用設計模式和響應式設計模式。

（三）方案設計

從上面分析和講解來看，本篇文章提出了一種技術方案在快速開發移動Web的過程中：網站的架構可以使用NET MVC4 框架，數據訪問可以使用ADO.NET Entity Framework，UI框架可以使用jQuery Mobile。

三、系統分析與設計

本篇文章設計并且實現移動課程網站，可以和傳統的網絡課程進行互補，改善傳統的課程網站，這樣的話，學生只要有一部智能手機，即使是一部非常普通的手機都可以隨時隨地的進行課程網站的訪問，可以查看教學內容，可以提問，可以討論，這樣不但利用了閑暇的時間還提高了學生的學習熱情，提高了學習質量。

（一）系統需求

在傳統的課程網站里我們的移動課程網站也可以繼承它的一些功能，而對于移動課程網站需要不斷擴展可以適應移動終端的訪問，需要讓移動界面可以兼容不同的移動瀏覽器并且還要讓操作簡單方便。發布課程內容，整理課程資料，解答課程提問等內容是移動課程網站的核心功能。

（二）系統設計

第一、主體框架設計。可以采用經典的MVC架構進行主體框架的設計，可以利用Entity Framework 進行對象關系的映射，建立完善的數據庫。可以將邏輯代碼以及數據庫的操作放到控制器內，在SQL數據庫中存放網站的主要數據，可以將課件資料等文件存放到Web服務器上。第二、前端框架設計。可以在視圖中引進jQuery和jQuery Mobile庫，可以開發出簡約美觀的界面，可以采用它所提供的AJAX異步JavaScript和XML工作機制，在頁面進行交互的時候可以實現部分刷新，減少庫文件的重復加載以及重復的代碼從而節約流量。第三、開發環境及部署。Visual Studio2013和SQL Server2012是開發環境需要安裝的，NET Framework4.0，IIS6.0和SQL Server2012是部署環境需要安裝的。

四、系統實現

（一）實體模型的實現

Entity Framework采用了一種抽象化的數據結構方式，把每一個數據庫對象都轉化成應用程序對象，把數據字段都轉化成屬性，關系都轉化成結合屬性，把數據庫的E/R模型轉化成對象模型。

（二）視圖的實現

視圖主要通過顯示界面，可以利用Razor視圖引擎來減低界面和顯示邏輯的耦合度。如果想要快速的開發出兼容性高且美觀的頁面就需要技術者引進jQuery Mobile庫。

（三）控制器的實現

響應用戶的請求是控制器的主要工作，控制器在MVC4的框架中被定義為繼承自Controller基類的類，一個控制器類可以有很多個Action，不同的Action有自己對應的一個方法。

（四）實現效果

在網站的首頁顯示的是院系列表，顯示院系所開的課程，對于訪問量可以按降序進行排列。用戶點了某個院系，就可以直接訪問該院系的課程列表。在個人信息的頁面，用戶可以設置密碼來保護自己的信息。老師進入頁面之后可以查看自己的課程狀況，可以新建、修改或者刪除課程的內容。網站的頁面整體布局十分干凈簡潔，功能齊全，操作簡單方便，可以滿足學生的學習需求，可以提高學生的學習質量，激發學生的學習熱情。

五、結語

綜上所述，本篇文章通過分析快速開發移動Web的主要技術，提出了一系列的建議，從頁面設計到系統的實現都做出了介紹。開發移動Web是主流趨勢，是當代學生學習的重要工具。們可以分析目前的開發主流技術移動Web的基礎上，采用MVC4、Entity Framework以及jQuery Mobile等技術實現手機課程網站，這種手機網站的界面非常的簡約美觀，使用起來也非常的方便，其兼容性也高，這種技術已經落實到了南京理工大學泰州科技學院，激發了學生的學習熱情，提高了教學質量。

【參考文獻】

[1]徐尤華，熊傳玉.Query Mobile 1.2移動Web開發方法研究[J].信息技術，2013

[2]朱贇，王玉善.跨平臺移動開發技術jQuery Mobile的應用分析[J].福建電腦，2013

[3]錢海軍.基于HTML5移動Web頁面開發技術研究[J].電腦與信息技術，2013