本書以案例為驅動,側重實踐教學,主要講解了Web程序開發中的關鍵技術以及常見問題的解決方法。全書分為10章,第1章為Web程序開發概述;第2~6章主要講解HTML5、CSS3、JavaScript等前端技術常用相關知識,要求學生能運用相關知識動手實踐完成網頁布局并實現與用戶的基本交互功能;第7~9章主要講解JSP語法及內置對象、文件操作、數據庫操作等相關知識,要求學生能動手設計動態網頁和實現網站常用模塊;第10章是綜合案例,要求學生能設計實現信息發布系統。每章都會根據學生在實際開發中遇到的疑難問題給予相應的指導。通過本書的學習訓練,能夠夯實學生的理論基礎,提高學生的動手編程能力和網站設計水平。
本書適合作為應用型本科院校和高等職業技術院校計算機、電子商務等相關專業學生學習Web程序開發課程的教材,也可作為Web程序開發人員的參考用書。
本書側重實踐教學,結合實際案例,主要介紹了HTML5、CSS3、JavaScript等前端技術和JSP服務器端知識。
全書貫穿“案例驅動”的思想,圍繞Web程序開發時常用的技術進行組織安排,將講解的理論應用到案例實現中。
通過本書的學習,學生可以學會如何利用前端知識進行網頁布局,學會如何利用Java技術實現用戶和服務器之間信息的基本交互。
云計算、大數據、物聯網等技術是目前IT行業發展的熱點,這些技術大多將網站作為其應用接入方式。利用最新前端開發技術設計的響應式網站,可以根據設備的尺寸大小自動改變頁面的布局,是集計算機、手機、平板電腦于一身的移動化網站。它不僅用于企業級站點,也用來做微站點、微商城等,還可以接入到微信、微博等應用程序。Java主要作為服務器端開發的語言,具有完美的開發平臺,且有易適應和動態更新的能力。
本書側重實踐教學,結合實際案例,主要介紹了HTML5、CSS3、JavaScript等前端技術和JSP服務器端知識。全書貫穿“案例驅動”的思想,圍繞Web程序開發時常用的技術進行組織安排,將講解的理論應用到案例實現中。通過本書的學習,學生可以學會如何利用前端知識進行網頁布局,學會如何利用Java技術實現用戶和服務器之間信息的基本交互。
本書第1章為Web程序開發概述,分析Web程序開發常用技術;第2章介紹HTML5常用標簽和相關案例;第3章介紹網頁布局基礎;第4章介紹CSS3屬性和相關案例;第5章介紹JavaScript語法和相關案例;第6章介紹DOM模型和相關案例;第7章介紹JSP語法及內置對象和相關案例;第8章介紹JSP文件操作和相關案例;第9章介紹JSP數據庫操作和相關案例;第10章綜合前面章節內容設計了一個完整的信息發布系統。
本書可以作為應用型本科院校和高等職業技術院校計算機、電子商務等相關專業學生學習Web程序開發課程的教材,也可作為Web應用開發人員的參考用書。
感謝讀者選擇使用本書,由于作者水平有限,時間倉促,書中難免有疏漏和不當之處,敬請廣大讀者提出意見和建議,作者將不勝感激。
前言
第1章概述
1.1Web程序開發技術
1.2Web App的定義
1.3JSP技術
1.3.1JSP運行環境搭建
1.3.2網頁運行原理
1.4網頁運行測試案例
1.4.1案例——識別客戶端和服務器端
1.4.2案例——設置Web服務目錄
1.5網頁運行測試案例分析
第2章HTML5基礎
2.1HTML5圖形繪制
2.2HTML5音頻
2.3HTML5視頻
2.4HTML5新的表單輸入類型
2.5HTML5的新增表單標簽和表單屬性
2.6HTML5的新增結構標簽
2.7HTML5的拖放功能
2.8HTML5的地理定位
2.9HTML5本地存儲
2.10HTML5應用案例
2.10.1案例——實現圖片的拖放
2.10.2案例——地圖顯示定位信息
2.10.3案例——本地存儲的應用
2.11HTML5應用案例分析
2.11.1拖放時的處理方法
2.11.2百度地圖API的使用
2.11.3利用JSON保存數據
第3章網頁布局基礎
3.1CSS基礎
3.2盒子模型
3.3浮動布局
3.4定位布局
3.5彈性盒布局
3.5.1彈性容器的屬性
3.5.2項目的屬性
3.6網頁布局案例
3.6.1案例——浮動布局排版網頁
3.6.2案例——浮動和定位布局網頁
3.6.3案例——骰子六面的彈性布局
3.7網頁布局案例分析
3.7.1塊狀元素水平居中問題
3.7.2標簽重置問題
3.7.3超鏈接寬度和高度設置問題
3.7.4overflow:hidden的使用問題
3.7.5段落首行文字縮進問題
3.7.6彈性盒子布局骰子平面
第4章CSS3基礎
4.1邊框
4.2背景
4.3漸變
4.42D轉換
4.53D轉換
4.6過渡
4.7動畫
4.8CSS3應用案例
4.8.1案例——為段落添加圓角邊框
4.8.2案例——創建紙質樣式卡片
4.8.3案例——3D立方體翻轉產品
信息
4.8.4案例——動畫實現繁星漂移
4.9CSS3應用案例分析
4.9.1設置單個圓角邊框
4.9.2實現3D旋轉立方體
4.9.3改變背景圖片位置
第5章JavaScript基礎
5.1基本語法
5.1.1數據類型
5.1.2數值
5.1.3字符串
5.1.4數組
5.1.5數據類型轉換
5.2函數
5.2.1函數的聲明和調用
5.2.2函數作用域
5.2.3函數的參數
5.2.4閉包
5.3面向對象編程
5.3.1對象
5.3.2創建對象
5.3.3class繼承
5.4this關鍵字
5.4.1this的含義
5.4.2this的使用
5.4.3綁定this的方法
5.5JavaScript應用案例
5.5.1案例——計算數值
5.5.2案例——比較數據類型
5.5.3案例——實現溫度提示
5.5.4案例——模擬骰子投擲
5.5.5案例——顯示當前日期
5.5.6案例——檢測會員注冊
5.6JavaScript應用案例分析
5.6.1比較運算符的使用
5.6.2onblur與onfocus的區別
5.6.3數據類型的檢測
5.6.4隨機數問題
5.6.5定時器問題
5.6.6表單元素檢測
5.6.7識別局部變量和全局變量
第6章DOM基礎
6.1基本概念
6.1.1節點
6.1.2節點對象的屬性
6.1.3節點對象的方法
6.1.4NodeList對象和HTMLCollection
對象
6.1.5ParentNode接口和ChildNode
接口
6.2document節點
6.2.1document節點的屬性
6.2.2document節點的方法
6.3元素節點
6.3.1元素節點的屬性
6.3.2盒狀模型相關屬性
6.3.3元素節點的方法
6.3.4元素節點操作屬性
6.4文本節點
6.5事件模型
6.5.1EventTarget接口
6.5.2監聽函數
6.5.3事件的傳播
6.6事件對象
6.6.1事件對象的屬性
6.6.2事件對象的方法
6.7事件種類
6.7.1鼠標事件
6.7.2拖拉事件
6.7.3觸摸事件
6.8操作CSS
6.8.1style對象
6.8.2讀寫CSS偽元素
6.8.3CSS事件
6.9DOM應用案例
6.9.1案例——文字顏色交替變化
6.9.2案例——實現選項卡效果
6.9.3案例——實現圖片幻燈片效果
6.10DOM應用案例分析
6.10.1修改元素節點CSS類別
6.10.2隱藏與顯現元素節點
6.10.3修改元素節點屬性
第7章JSP語法與內置對象
7.1JSP語法
7.1.1JSP聲明
7.1.2JSP標記
7.2JSP內置對象
7.2.1out對象
7.2.2request對象
7.2.3response對象
7.2.4session對象
7.2.5application對象
7.2.6cookie對象
7.3JSP語法與內置對象案例
7.3.1案例——網頁計數器
7.3.2案例——會員注冊
7.3.3案例——超鏈接傳遞參數
7.3.4案例——后臺登錄
7.4JSP語法與內置對象案例分析
7.4.1數值以圖片格式顯示
7.4.2網頁編碼問題
7.4.3獲取表單信息
7.4.4漢字亂碼處理
7.4.5application對象和session對象的
區別
第8章JSP文件操作
8.1文件讀寫
8.1.1File類
8.1.2字節流讀寫文件
8.1.3過濾流的使用
8.1.4字符流讀寫文件
8.2文件上傳
8.2.1RandomAccessFile類
8.2.2上傳文件
8.3JSP文件操作案例
8.3.1案例——獲取服務器信息
8.3.2案例——比較文件讀寫效率
8.3.3案例——復制圖片
8.3.4案例——倒置讀出文本內容
8.3.5案例——檢測上傳的圖片
8.4JSP文件操作案例分析
8.4.1判別目錄與文件
8.4.2提高文件讀寫效率
8.4.3實現圖片復制
8.4.4任意位置讀寫文本8.4.5檢測文件大小和類型
第9章JSP數據庫操作
9.1JDBC
9.1.1JDBC介紹
9.1.2JDBC使用
9.2操作數據庫
9.2.1查詢操作
9.2.2更新操作
9.3JSP數據庫操作案例
9.3.1案例——學生基本信息管理
9.3.2案例——分頁顯示數據表信息
9.4JSP數據庫操作案例分析
9.4.1連接數據庫注意事項
9.4.2ResultSet接口的使用
9.4.3字符串查詢
9.4.4分頁顯示功能分析
第10章綜合案例——信息發布
系統