動態網站入門（部署tomcat，了解jsp基礎）

2024-04-27 15:09:54

字體：大中小

來源：轉載

供稿：網友

動態網頁定義：網頁文件里包含了程序代碼，通過后臺數據庫與WEB服務器的信息交互，由后臺數據庫提供實時數據更新和數據查詢服務。通俗的講：動態就是里面的內容可以在不影響頁面的情況下更改，以不變應萬變。靜態就是整個版面像一幅畫一樣如果要修改就要全部修改好再重新上傳。動態網站加載 2.1 C/S client/server,客戶端/服務器，需要在電腦端安裝軟件，才能訪問服務器。如QQ，LOL，釘釘 2.1.1 優勢 1、如果數據量非常大，需要很長下載時間，如果用C/S，只需要下載一次就可以了 2、 C/S安全性更好，不容易被攻擊 3、客戶端內容更豐富，動態效果更好。 2.1.2 缺點 1、如果服務器端更新了，需要更新客戶端這里寫圖片描述

2.2 B/S brower/server，瀏覽器/服務器，只要電腦上有瀏覽器就可以訪問服務器。如淘寶，百度，4399小游戲 2.2.1 優勢 1、不需要安裝客戶端，有瀏覽器直接使用就可以了 2、如果服務器端更新了，瀏覽器端訪問時會自動更新 2.2.2 缺點：在網絡不好的情況下，加載內容的速度很慢這里寫圖片描述

目前，越來越多的程序都在使用B/S架構，現在網絡越來越好。而且，網頁的技術發展很快，可以實現豐富的網頁動態效果。移動端越來多，電腦和移動都可以使用 2.2.3 工作原理這里寫圖片描述

1、用戶在瀏覽器中請求 2、瀏覽器向應用服務器發出請求 3、應用服務器接受請求，去數據庫服務器得到或插入相關數據，然后將結果返回給應用服務器 4、最后應用服務器將結果返回給瀏覽器，展示給用戶看以上數據之間的傳輸就是通過URL實現 2.2.4 URL 統一資源定位器，俗稱的網址這里寫圖片描述主機ip地址：是唯一，也可以用域名來替換 2.3 部署web服務器：Tomcat服務器 B/S如何做到如此強大的功能呢？這最大的付出者便是WEB服務器 1. Apache Jakarta的開源項目 2. jsp/Servlet容器 2.3.1 版本 2.3.1.1 安裝版

2.3.1.2 解壓版直接把壓縮包解壓就可以了這里寫圖片描述

2.3.2 修改端口號這里寫圖片描述

2.3.3 停止，啟動tomcat（這是安裝版的截圖）這里寫圖片描述 2.3.4 存放要發布的項目的目錄（安裝版） 2.3.5 歷史記錄（安裝版） 2.3.6 Tomcat的目錄結構說明目錄 /bin 存放各種平臺下用于啟動和停止Tomcat的腳本文件 /conf 存放Tomcat服務器的各種配置文件 /lib 存放Tomcat服務器所需的各種JAR文件 /logs 存放Tomcat的日志文件 /temp Tomcat運行時用于存放臨時文件 /webapps 當發布Web應用時，默認情況下會將Web應用的文件存放于此目錄中 /work Tomcat把由JSP生成的Servlet放于此目錄下 3. Eclipse集成Tomcat服務器這里寫圖片描述 4. 創建動態網頁項目

這里寫圖片描述

4.1 項目目錄結構目錄說明 / Web應用的根目錄，該目錄下所有文件在客戶端都可以訪問(JSP、HTML等) /WEB-INF 存放應用使用的各種資源，該目錄及其子目錄對客戶端都是不可以訪問 /WEB-INF/classes 存放Web項目的所有的class文件 /Web-INF/lib 存放Web應用使用的JAR文件這里寫圖片描述 4.2 新建jsp

4.3 運行項目這里寫圖片描述

4.4 設置初始頁面這里寫圖片描述 5. JSP頁面

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>輸出當前的系統時間</title> </head> <body> 你好，今天是： <% SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String curTime = sdf.format(new Date()); %> <h1><%=curTime %></h1> 計算兩個數： <% int num1 = 4, num2 = 5;int result = num1 + num2;%> <h1>兩數之和是：<%=result %></h1> <%!/** 測試文檔注釋這是多行注釋*/ String formatDate(Date d){//測試注釋，這是單行注釋 /*測試注釋,這是多行注釋*/ SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); return sdf.format(d); } %> <h1>調用方法:<%=formatDate(new Date()) %></h1>  <%-- 這是JSP注釋 (客戶端不可以看到源代碼) --%> </body></html>

5.1 組成 5.1.1 靜態內容（HTML代碼） 5.1.2 指令一般在<%@ %>之間 5.1.2.1 page指令針對當前頁面進行設置的一種指令，一般位于頁面頂端，只針對當前頁面有效 1、語法： <%@ page 屬性1=”屬性值” 屬性2=”屬性值1,屬性值2”… 屬性n=”屬性值n”%> 2、常用屬性屬性說明默認值 language 指定JSP頁面使用的腳本語言 java import 通過該屬性來引用腳本語言中使用到的類文件無 contentType 用來指定JSP頁面所采用的編碼方式 text/html, ISO-8859-1

5.1.3 小腳本（JSP頁面寫在<% %>中間的JAVA代碼） 5.1.4 表達式（由<% %>和=組成）包括表達式，小腳本，聲明 5.1.4.1 小腳本這里寫圖片描述 5.1.4.2 表達式 5.1.4.3 聲明 5.1.5 注釋 5.1.6 標準動作