1. 程式人生 > >Java作業-JSP簡單入門

Java作業-JSP簡單入門

說明

本次作業不打分,僅作為大家自學的指導。

本次實驗內容以"JSP實驗參考檔案"為主。

參考資料

Java教學投票,有什麼想說的,請盡情投票吧!

反射實驗參考檔案

JSP實驗參考檔案

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中並執行

參考資料:

HTML 表單

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第一次被訪問速度比較慢。而第一次訪問以後在訪問,速度就比較快?

參考資料:

HTML 教程

中文亂碼解決方案:<%@ 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 網頁教程

Html簡易教程

JSP簡易教程

3.2 視訊教程

HTML+CSS教程(相當於程式的頁面)

JSP

Servlet

3.2. 拓展

漂亮的圖表:Echarts

一個簡單的基於JSP、Servlet的Echarts專案地址

一個簡單的基於JSP、Servlet的Echarts3小例子