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