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