本書是一本系統(tǒng)介紹手機APP及跨平臺移動網(wǎng)站設(shè)計的入門書籍。全書共分10章,內(nèi)容包括:跨平臺移動Web基礎(chǔ)知識、移動Web設(shè)計基礎(chǔ)、jQuery設(shè)計基礎(chǔ)、jQuery Mobile基礎(chǔ)、Ajax及遠(yuǎn)程服務(wù)器數(shù)據(jù)處理技術(shù)、訪問遠(yuǎn)程數(shù)據(jù)庫、PhoneGap構(gòu)建跨平臺手機APP,以及3個應(yīng)用實例:在線試衣間、百度地圖服務(wù)、瀑布流設(shè)
本書從互聯(lián)網(wǎng) 時代創(chuàng)業(yè)者的角度進(jìn)行選材和編寫,旨在推廣和普及手機APP及移動網(wǎng)站開發(fā)的相關(guān)知識。在編寫過程中,注重基礎(chǔ)知識和實戰(zhàn)應(yīng)用相結(jié)合。
隨著智能手機、平板計算機等智能移動設(shè)備的興起與普及,運行在智能移動計算設(shè)備上的移動操作系統(tǒng)平臺也在日新月異地發(fā)展,與此同時,也激起了移動系統(tǒng)應(yīng)用程序的井噴式發(fā)展。智能移動設(shè)備領(lǐng)域中,平臺多樣性與移動應(yīng)用程序快速發(fā)展的需要構(gòu)成了一對矛盾,跨平臺的手機APP及移動Web網(wǎng)站的應(yīng)用及開發(fā)越來越受到重視。
本書從初學(xué)者的角度進(jìn)行選材和編寫,在編寫過程中,注重基礎(chǔ)知識和實戰(zhàn)應(yīng)用相結(jié)合。本書有以下幾個特點:
(1)淺顯易懂。本書從人們認(rèn)知規(guī)律出發(fā),對每一個概念,用簡單的示例或圖示來加以說明,并用短小的典型示例進(jìn)行分析解釋。
(2)內(nèi)容新穎而實用。我們學(xué)習(xí)編程的目的是為了解決人們生活和生產(chǎn)實踐中的問題,本書介紹了許多手機APP及移動Web應(yīng)用程序的實用示例,可以幫助解決讀者在學(xué)習(xí)和實際應(yīng)用過程中所遇到的一些困難和問題。
(3)在體系結(jié)構(gòu)的安排上將手機編程的基礎(chǔ)知識和一般編程思想有機結(jié)合,對典型例題進(jìn)行了詳細(xì)的分析解釋。
本書共分為10章,其內(nèi)容簡單介紹如下:
第1章介紹移動Web網(wǎng)站和手機APP應(yīng)用程序的基礎(chǔ)知識,讓初學(xué)者對創(chuàng)建移動Web網(wǎng)站和移動Web APP應(yīng)用程序有基本的認(rèn)識。
第2章主要介紹HTML 5的文檔設(shè)計、CSS技術(shù)以及JavaScript語言基礎(chǔ)知識,只有掌握好這些基礎(chǔ)內(nèi)容,才能為后面的學(xué)習(xí)奠定良好基礎(chǔ)。
第3章主要介紹jQuery程序設(shè)計的基本知識,包括jQuery的下載與配置、jQuery選擇器對頁面中的元素進(jìn)行定位、jQuery的事件處理、jQuery自定義插件、jQuery的動畫與特效等內(nèi)容。
第4章主要介紹跨平臺的手機APP及移動Web網(wǎng)站的重要設(shè)計工具 jQuery Mobile,主要內(nèi)容包括jQuery Mobile的程序基本結(jié)構(gòu)、按鈕與多頁面結(jié)構(gòu)、對話框設(shè)計、表單設(shè)計、列表和可折疊內(nèi)容塊等。
第5章主要介紹應(yīng)用jQuery封裝的Ajax技術(shù),實現(xiàn)客戶端與服務(wù)器端異步通信問題,主要內(nèi)容包括Ajax技術(shù)、JSON格式數(shù)據(jù)及向后臺服務(wù)器提交數(shù)據(jù)的處理技術(shù)等。
第6章主要介紹移動APP怎樣實現(xiàn)對遠(yuǎn)程網(wǎng)絡(luò)數(shù)據(jù)庫進(jìn)行讀/寫數(shù)據(jù)的操作方法,并詳細(xì)介紹了編寫一個網(wǎng)絡(luò)在線記事本應(yīng)用程序的設(shè)計過程。
第7章主要介紹應(yīng)用PhoneGap技術(shù),編寫跨平臺手機APP的應(yīng)用程序框架,把Web前端程序包裝成一個跨平臺的手機APP應(yīng)用程序。
第8章主要介紹移動Web的一個jQuery應(yīng)用的綜合實例。在該實例中把復(fù)雜的綜合問題拆解成多個功能單一的較小問題,循序漸進(jìn)地講解應(yīng)用前端的jQuery程序完成頁面布局,調(diào)用后臺數(shù)據(jù)庫完成所選擇衣服的價格計算等方法。
第9章主要介紹應(yīng)用百度地圖API設(shè)計地圖展現(xiàn)、搜索、定位、路線規(guī)劃等應(yīng)用程序設(shè)計的方法。
第10章詳細(xì)介紹瀑布流的設(shè)計思路和設(shè)計方法。
本書適合具有初步網(wǎng)頁設(shè)計與編程經(jīng)驗,并對開發(fā)移動網(wǎng)站和手機APP有興趣的讀者學(xué)習(xí),不要求讀者擁有在移動應(yīng)用和大型網(wǎng)站開發(fā)方面的經(jīng)驗,適用于手機APP及移動網(wǎng)站開發(fā)的初學(xué)者。
筆者的聯(lián)系方式如下:
E_mail:zsm112233@163com;作者空間:http://1140793510qzoneqqcom/2。
本書例題源程序可以在中國鐵道出版社網(wǎng)站(http://wwwtdpresscom/51eds/)或作者網(wǎng)站空間(http://1140793510qzoneqqcom/2)下載。作者的網(wǎng)站還提供了相關(guān)資料下載、習(xí)題解答及電子課件,以幫助讀者學(xué)習(xí)。
編者2017年4月
張思民:教授、廈門大學(xué)嘉庚學(xué)院系主任,長期從事計算機類應(yīng)用項目開發(fā)設(shè)計工作,并在高校擔(dān)任計算機專業(yè)程序設(shè)計課程的教學(xué)工作,有豐富的教學(xué)經(jīng)驗和程序設(shè)計實踐經(jīng)驗。
第1章跨平臺移動Web基礎(chǔ)知識
11 移動Web開發(fā)概述
111 移動APP的分類和移動Web
112 移動Web與桌面Web的設(shè)計差異及設(shè)計要點
12 手機屏幕分辨率
習(xí)題
第2章移動Web設(shè)計基礎(chǔ)
21 HTML超文本置標(biāo)語言
211 HTML概述
212 HTML的應(yīng)用示例
22 CSS技術(shù)簡介
221 CSS的基本語法和用法
222 CSS的選擇器
23 JavaScript語言基礎(chǔ)
231 JavaScript語法簡介
232 JavaScript系統(tǒng)內(nèi)置函數(shù)
233 JavaScript自定義函數(shù)
234 JavaScript事件
235 JavaScript操作HTML DOM對象
習(xí)題
第3章jQuery設(shè)計基礎(chǔ)
31 jQuery概述
311 jQuery簡介
312 jQuery代碼的編寫
32 jQuery方法
33 jQuery選擇器
331 jQuery的基本選擇器
332 jQuery的層次選擇器
333 jQuery的過濾選擇器
334 jQuery的表單選擇器
34 jQuery事件處理
341 事件與事件處理
342 jQuery的鼠標(biāo)事件
343 $each()方法的循環(huán)遍歷算法
35 jQuery自定義插件
351 jQuery自定義插件規(guī)范
352 封裝jQuery對象級的插件
353 定義類級別插件
354 使用jQuery UI插件
36 jQuery動畫與特效
361 jQuery的特效方法
362 jQuery實現(xiàn)加入購物車飛入動畫效果
習(xí)題
第4章jQuery Mobile基礎(chǔ)
41 jQuery Mobile及程序結(jié)構(gòu)
411 jQuery Mobile簡介及下載
412 jQuery Mobile程序基本結(jié)構(gòu)
42 按鈕與多頁面結(jié)構(gòu)
421 頁面中的按鈕
422 按鈕的圖標(biāo)
423 多頁面結(jié)構(gòu)
43 對話框
431 頁面對話框
432 彈窗對話框
44 jQuery Mobile的表單元素
441 用戶登錄界面設(shè)計
442 表單的輸入元素
443 表單中滑塊的控制設(shè)計
444 表單的切換開關(guān)設(shè)計
45 jQuery Mobile的列表和可折疊內(nèi)容塊
451 jQuery Mobile的列表
452 可折疊內(nèi)容塊
習(xí)題
第5章Ajax及遠(yuǎn)程服務(wù)器數(shù)據(jù)處理技術(shù)
51 Ajax技術(shù)概述
511 Ajax技術(shù)簡介
512 Ajax技術(shù)的應(yīng)用
52 JSON數(shù)據(jù)
521 JSON數(shù)據(jù)格式
522 應(yīng)用Ajax解析JSON數(shù)據(jù)
53 Ajax與PHP基礎(chǔ)
531 PHP基礎(chǔ)
532 jQuery的Ajax方法
習(xí)題
第6章訪問遠(yuǎn)程數(shù)據(jù)庫
61 對后臺MySQL數(shù)據(jù)庫進(jìn)行讀/寫數(shù)據(jù)操作
611 創(chuàng)建MySQL數(shù)據(jù)庫
612 在PHP服務(wù)器端生成JSON數(shù)據(jù)
613 讀取數(shù)據(jù)庫數(shù)據(jù)
614 把客戶端提交的數(shù)據(jù)寫入數(shù)據(jù)庫
62 網(wǎng)絡(luò)在線記事本設(shè)計
621 首頁界面設(shè)計
622 記事列表的界面設(shè)計
623 記事內(nèi)容顯示頁的界面設(shè)計
624 數(shù)據(jù)庫設(shè)計與連接
625 從數(shù)據(jù)庫中讀取記事內(nèi)容
626 從數(shù)據(jù)庫中讀取記事標(biāo)題列表
627 新建記事內(nèi)容寫入數(shù)據(jù)庫
習(xí)題
第7章PhoneGap構(gòu)建跨平臺手機APP
71 PhoneGap跨平臺應(yīng)用框架簡介
72 PhoneGap的開發(fā)和測試環(huán)境的搭建
73 生成PhoneGap應(yīng)用項目框架
731 開發(fā)PhoneGap應(yīng)用項目的一般過程
732 生成PhoneGap應(yīng)用項目框架結(jié)構(gòu)
74 編寫PhoneGap應(yīng)用程序
75 手機APP應(yīng)用實例:今早新聞
751 項目框架設(shè)計
752 主界面設(shè)計
753 今早頭條新聞欄頁面設(shè)計
754 用PhoneGap封裝成手機APP
習(xí)題
第8章移動Web網(wǎng)站應(yīng)用實例:在線試衣間
81 試衣間系統(tǒng)的核心功能
811 頁面布局
812 添加選擇試衣功能
813 數(shù)據(jù)來源于遠(yuǎn)程數(shù)據(jù)庫
82 在線試衣系統(tǒng)的模塊設(shè)計
821 在線試衣系統(tǒng)的模塊結(jié)構(gòu)
822 注冊模塊
823 登錄模塊
824 試衣間主程序模塊
825 支付模塊
習(xí)題
第9章移動Web網(wǎng)站應(yīng)用實例:百度地圖服務(wù)
91 百度地圖JavaScript
API
911 百度地圖JavaScript API概述
912 百度地圖API重要的類
92 創(chuàng)建地圖視圖
93 百度地圖應(yīng)用
931 測距
932 地圖事件
933 駕車導(dǎo)航路線規(guī)劃
934 步行路線規(guī)劃
935 用戶所在位置定位
習(xí)題
第10章移動Web網(wǎng)站應(yīng)用實例:瀑布流設(shè)計
101 瀑布流設(shè)計
1011 瀑布流設(shè)計思路
1012 根據(jù)頁面寬度計算排列圖片
1013 確定排列圖片的最短列
1014 自動追加新圖片功能
102 手機APP瀑布流程序示例