基于jQuery Mobile技術(shù)開發(fā)的移動應(yīng)用

朱海鑫

摘要 iQuery Mobile是用于創(chuàng)建移動Web應(yīng)用的前端開發(fā)框架，具有簡單、高效的特點。它能讓沒有美工基礎(chǔ)的開發(fā)者在極短的時間內(nèi)做出非常完美的界面設(shè)計，并且支持市面上常見的所有移動平臺。

【關(guān)鍵詞】iQuery Mobile 移動Web應(yīng)用HTML5

1 引言

通過使用iQuery Mobile方便的完成移動網(wǎng)頁的布局。不同設(shè)備使用不同開發(fā)語言，iQuery Mooile可以很好的兼容不同的設(shè)備或操作系統(tǒng)：

Android和Blackberry（黑莓）使用JAVA語言。

iOS使用ObjectiveC語言

Windows Phone使用C#和net等。

iQuery Mobile技術(shù)只使用HTML，CSS和JavaScript，因此很好的解決了不同設(shè)備之間的兼容問題。在中職學(xué)校計算機專業(yè)里，開展網(wǎng)頁制作課程是常見，如HTML5和CSS3通常在一二年級就已開展，為制作網(wǎng)站打下基礎(chǔ)。如今，為了適應(yīng)新時代，開發(fā)移動過互聯(lián)應(yīng)用，及時開展本課程對于中職學(xué)校中的計算機專業(yè)學(xué)生來說非常實用。該課程目前在我校三年級計算機專業(yè)學(xué)生中教學(xué)，反應(yīng)熱烈。學(xué)生通過學(xué)習(xí)，基本掌握了制作應(yīng)用于手機上的網(wǎng)站，效果良好。

2 jQuery Mobile安裝

你可以通過以下幾種方式將iQueryMobile添加到你的網(wǎng)頁中：

（1）從CDN中加載iQuery Mobile。

（2）從網(wǎng)上下載iQuery Mobile庫。

其中，在平時教學(xué)過程中，我們選擇應(yīng)用第二種，下載庫離線包來教學(xué)應(yīng)用。將下載的文件放置于與網(wǎng)頁同一目錄下。然后在網(wǎng)頁的頁頭里添加代碼把離線文件插入，完成安裝。

其中jquery.mobile.css是樣式文件，j querY.ls是Javascript庫文件，jquery.mobile.js是基于移動Web應(yīng)用的Javascript庫文件。

3 開發(fā)環(huán)境的選擇

因此自然不能為它配上太復(fù)雜的開發(fā)環(huán)境。對于新手來說，還是使用一些比較簡單的網(wǎng)頁開發(fā)工具輕松一些，如學(xué)生們一直在學(xué)習(xí)使用的Dreamweaver。

4 班級論壇項目開發(fā)案例

班級學(xué)生經(jīng)過大半個學(xué)期的技術(shù)的學(xué)習(xí)，基本掌握了移動頁面的設(shè)計技術(shù)，結(jié)合所學(xué)的PHP動態(tài)網(wǎng)頁技術(shù)，后邊就可以開展移動網(wǎng)頁的項目設(shè)計。本項目是一個班級論壇手機網(wǎng)站。首先在PHP技術(shù)上結(jié)合iQuery Mobile頁面技術(shù)，完成網(wǎng)站的建設(shè)，后臺使用MySQL數(shù)據(jù)庫。本項目功能相對簡單，對中職學(xué)生來說，教學(xué)上足夠使用。

在本文中，主要介紹項目中所使用的iQuery Mobile頁面技術(shù)，該項目首頁為用戶登錄界面，如圖1所示。頁面的設(shè)計簡潔而大方，包含了頁面的頭部工具欄，頁面中部的內(nèi)容框，頁面底部的工具欄三部分，代碼如圖2所示。

其中，在iQuerymobile里，通過設(shè)置定義HTML5 data的屬性來完成交互式外觀界面，具體可參考相關(guān)書籍或互聯(lián)網(wǎng)教程。

5 后臺數(shù)據(jù)

設(shè)計對于項目的功能，本系統(tǒng)使用的是MySQL數(shù)據(jù)庫。MySQL使用的是標準化語言。結(jié)合PHP和Apache組成了良好的開發(fā)環(huán)境，也是目前常見的中小型網(wǎng)站的首選。本系統(tǒng)主要設(shè)計有的數(shù)據(jù)表：comment、user admin和user_ordinary表。如圖8所示。其中comment表主要記錄了發(fā)表的內(nèi)容。user admin表記錄了管理員的信息資料。userordinary表主要記錄了普通用戶的資料，如圖9所示。

6 結(jié)語

隨著智能手機的普及，使用手機瀏覽頁面的時間也越來越長，更多的人會使用手機瀏覽替代電腦PC瀏覽網(wǎng)頁。這就造成現(xiàn)在市場上對移動端網(wǎng)頁開發(fā)人員有更多的需求，中職學(xué)生也恰恰非常適合成為這股力量?；谀壳皩W(xué)校的計算機專業(yè)的教學(xué)安排，學(xué)生能較好的適應(yīng)和掌握所學(xué)知識，為以后就業(yè)道路打下良好的知識基礎(chǔ)。本文主要介紹基于iQuery Mobile技術(shù)開發(fā)的移動應(yīng)用研究，希望能給入門級的開發(fā)者對移動web網(wǎng)站的開發(fā)有一個簡單的了解和認識。

參考文獻

[1]李柯泉，構(gòu)建跨平臺APP iQuery Mobile移動應(yīng)用實戰(zhàn)[M].北京：清華大學(xué)出版社.2015.

[2]趙增敏，移動網(wǎng)頁設(shè)計（基于iQueryMobile） [M].北京：電子工業(yè)出版社.2017.

[3]覃鳳萍.基于HTML5+iQuery Mobile的移動Web應(yīng)用開發(fā)研究[J].大眾科技，2015.