#說明html
本次做業不打分,僅做爲你們自學的指導。java
本次實驗內容以"JSP實驗參考文件"爲主。ios
#參考資料git
Java教學問卷調查,有什麼想說的,請盡情投票吧!web
反射實驗參考文件數據庫
JSP實驗參考文件segmentfault
#1. 本週學習總結tomcat
以你喜歡的方式(思惟導圖或其餘)概括總結與反射和JSP相關內容。服務器
#選作:2. 學習指導app
##0. 製做第一個HTML頁面Hello.html
頁面內容以下。
<html> <head> <meta charset="UTF-8"> </head> <body> <p>個人第一個HTML程序</p> </body> </html>
而後在Tomcat\webapps下新建test目錄,把Hello.html拷貝到該目錄。
啓動Tomcat,而後訪問 http://localhost:8080/test/Hello.html
**注意:**若是不加<meta charset="UTF-8">
,則文件應使用GBK編碼。若是使用UTF-8編碼,直接打開可能會亂碼。
參考資料:
QQ羣內JSP視頻 01.Tomcat的安裝與啓動.mp4
##1. 網頁製做
**目標:**掌握HTML基礎知識、學會在Tomcat中部署web應用、啓動Tomcat。
1.1 製做一個網頁index.html,內有字體<FONT>
、連接<A>
(連接到步驟b製做的網頁)、圖像標籤<img>
、表格<table>
。內容:以介紹本身的舍友爲例。
1.2 製做一個登陸頁面,包含表單<form>
標籤。
1.3 將本身製做的網頁部署Tomcat中並運行
參考資料:
##2. 第一個JSP頁面
**目標:**學會編寫JSP,並在JSP頁面中混合編寫Java代碼與頁面代碼。
2.1 ppt中Hello.jsp若是直接用IE打開,可否正常執行,爲何?
2.2 JSP任務:新建一個testjava.jsp
- 第1行:一個隨機數 - 第2行:顯示當前日期(提示:使用徹底限定類名 java.util.Date) - 接下來輸出從1~20的偶數,一個數字一行,如」2是偶數」(使用Java代碼生成) - (使用自定義類)新建User.java, 放入package entity,編譯獲得User.class - 在`tomcat\webapps\myweb\`下,建立WEB-INF目錄,而後在WEB-INF目錄新建classes,在classes下新建entity目錄,將User.class移入entity目錄 - 在testjava.jsp中新建User對象,設置該User對象的屬性,而後輸出。(使用徹底限定類名entity.User) - 輸出1~20的全部數,但偶數用紅色顯示。**提示:**紅色字需用HTML頁面代碼`<div style="color:#FF0000">紅色</div>` - 動態生成表格。生成若干User對象,賦予不一樣屬性值,放入`List<User> usreList`中使用for循環將userList中的全部對象打印出來,注意:放入表格中打印。表格參考資料:[table標籤](http://www.w3school.com.cn/tags/tag_table.asp)
2.3 **思考:**爲何testjava.jsp第一次被訪問速度比較慢。而第一次訪問之後在訪問,速度就比較快?
參考資料:
中文亂碼解決方案:<%@ page contentType="text/html; charset=UTF-8" language="java"%>
##3. EclipseJEE的使用與request、表單等
**目標1:**學會在EclipseJEE中新建項目,編寫Dynami Web Project。
**目標2:**學會使用request、表單向服務器發送數據。
3.1 "JSP-實驗2"目錄中的"JSP-實驗2(EclipseJEE、request、表單)內容及步驟.txt"文件。
參考資料:
"JSP-實驗2"目錄中的「JSP參考代碼」與「JSP-實驗步驟」
Eclipse Java EE IDE 添加tomcat服務器以及解決404的問題.docx
視頻 04.EclipseJEE的配置.exe
##4. Servlet、Session與EL表達式
**目標1:**掌握並編寫Servlet
**目標2:**學會使用Session
**目標3:**學會使用EL表達式簡化頁面代碼
4.1 "JSP-實驗3內容-Servlet、Session與EL表達式"目錄中的「JSP-實驗3內容及步驟-Servlet、Session與EL表達式.txt」文件。
參考資料:
"JSP-實驗3內容-Servlet、Session與EL表達式"目錄中的"參考答案"與"實驗步驟"目錄
##5. Servlet與MVC
前面的做業中,JSP頁面中HTML頁面代碼與Java代碼相混雜。如今須要使用Servlet與MVC模式改造你的系統。
##6. 嘗試部署《案例-JSP項目學習(case2)-基於MySql.zip》
嘗試在EclipseJEE中部署案例-JSP項目學習(case2)-基於MySql.zip,該案例使用MySQL數據庫,部署前請先設置好數據庫。
#3.課外閱讀
##3.1 網頁教程
##3.2 視頻教程
##3.3 拓展
漂亮的圖表:Echarts,須要HTML+CSS+JavaScript基礎
一個簡單的基於JSP、Servlet的Echarts3小例子 一個簡單的基於JSP、Servlet的Echarts項目地址 JQuery Ajax, Axios, Fetch區別之我見,該文主要講解發起Ajax的請求的幾種經常使用方法,如今經常使用Axios,2018-12更新。