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