1. 程式人生 > >暑假學習計劃:Day_1.JSP&Servlet&Tomcat 環境搭建到基礎的認識。

暑假學習計劃:Day_1.JSP&Servlet&Tomcat 環境搭建到基礎的認識。

結構 靜態 work 初步 none fff 雙擊 world html4

1.了解JSP和Servlet(百度了解即可)。

2.了解B/S和C/S。分別是 瀏覽器/服務器 和 客戶端/服務器。 其中 B/S 被稱為瘦模式(主流模式)。

3.了解並下載Tomcat服務器:web應用服務器,輕量級。鏈接:http://pan.baidu.com/s/1nvcCNVF 密碼:4fzz

4.了解Tomcat的文件目錄結構:

技術分享

其中,需要註意:

  /bin    存放啟動/關閉Tomcat的腳本文件,.bat後綴的是Windows下的,sh是Linux下的。

  /conf    存放Tomcat的各種全局設置文件,其中有 server.xml 和 web.xml

  /webapps Tomcat的web發布目錄,默認情況下的web應用的存放地址。

  /work    存放jsp編譯後的class文檔。

5.使用Tomcat編寫一個HelloWorld頁面。

  a.在 /webapps 文檔下新建文件夾(與工程名相同)新建為:Hello。

  b.從examples中復制 WEB-INF 文件夾到Hello中,刪除除了web.xml 的其他文件。

  c.復制index.html 到Hello中,並且修改代碼如下:

1 <!DOCTYPE HTML><html lang="en"><head>
2 <meta charset="UTF-8">
3 <title>Hello</
title> 4 </head> 5 <body> 6 <p> 7 <h1>Hello world</H1> 8 <p></p> 9 </body></html>

  d.運行Tomcat,在 /bin 目錄中找到 startup.bat 雙擊就可以運行Tomcat(shutdown.bat 為關閉,Linux下為 sh 後綴文件)。

  e.打開瀏覽器,輸入地址:http://localhost:8080/Hello,其中Hello為新建的文件夾名。

6.使用Eclipse寫一個Hello World:

  a.新建Dynamic Web project 項目,命名為Hello。

  b.找到servers,右鍵 new-server 新建Tomcat 服務器,找到Apache,新建Tomcat v7.0 server 。然後關聯本地Tomcat文件夾。

  c.在新建的服務器上右鍵找到 Add add Remove,將工程添加到服務器中。

  f.在新建的工程中找到WebContent 中新建 jsp file命名為index.jsp,修改源代碼如下:

 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 2     pageEncoding="ISO-8859-1"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 7 <title>Hello</title>
 8 </head>
 9 <body>
10 Hello World
11 </body>
12 </html>

  g.在servers中運行Tomcat服務器。打開瀏覽器輸入地址:http://localhost:8080/Hello 。

7.可以將工程進行導出打包,右鍵工程名-Export-WAR file。導出後可以解壓,也可以放在Tomcat的目錄下的 /webapps 目錄下,運行Tomcat 後會自己進行解壓。

8.Jsp基本語法。

  a.新建的Jsp文件如下:

技術分享
 1 <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
 2     pageEncoding="ISO-8859-1"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 7 <title>Insert title here</title>
 8 </head>
 9 <body>
10 
11 </body>
12 </html>
View Code

  b.page 指令:1).language:選擇使用的腳本語言。使用java即可。

         2).contentType:定義Jsp字符的編碼的頁面,響應的MIME類型。

         3).pageEncoding:Jps頁面的字符編碼,使用utf-8即可。否則可能無法使用中文。

  c.Scriptlet標簽:

    通過Scriptlet標簽可以嵌入java代碼。

        1). <%! %> 定義全局變量,方法,類。

        2).<% %> 定義局部變量,方法。

        3). <%= %> 輸入某個變量的值或者具體的方法。

9.Jsp包含指令:

        1).靜態包含:<%include file = " 文件名 " %> 拿過來再編譯,可能出現變量名重復等多種問題。
        2).動態包含:<jsp:include page = " 文件名 " /> 編譯後再拿過來。主要使用該種方法。

10.Jsp跳轉指令(初步了解):

    <jsp:forward>

        <jsp:param value = " " name = "">

    </jsp:forward>

  特點:頁面內跳轉,並不會改變網址的路經,同時可以進行傳值。

                                                完成時間:2017-22-07.

暑假學習計劃:Day_1.JSP&Servlet&Tomcat 環境搭建到基礎的認識。