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