做業-JSP簡單入門

#說明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中並運行

參考資料:

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.3 拓展

漂亮的圖表:Echarts,須要HTML+CSS+JavaScript基礎

一個簡單的基於JSP、Servlet的Echarts3小例子 一個簡單的基於JSP、Servlet的Echarts項目地址 JQuery Ajax, Axios, Fetch區別之我見,該文主要講解發起Ajax的請求的幾種經常使用方法,如今經常使用Axios,2018-12更新。

相關文章
相關標籤/搜索