Java作業-JSP簡單入門
說明
本次作業不打分，僅作為大家自學的指導。
本次實驗內容以"JSP實驗參考檔案"為主。
參考資料
Java教學投票，有什麼想說的，請盡情投票吧！
1. 本週學習總結
以你喜歡的方式（思維導圖或其他）歸納總結與反射和JSP相關內容。
選做：2. 學習指導
0. 製作第一個HTML頁面Hello.html
頁面內容如下。
<html> <body> <p>我的第一個HTML程式</p> </body> </html>
然後在Tomcat\webapps下新建test目錄，把Hello.html拷貝到該目錄。
啟動Tomcat，然後訪問 http://localhost:8080/test/Hello.html
注意：檔案應使用使用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.2. 拓展
漂亮的圖表：Echarts