Java Web知識點概括及入門

1、基礎概念

1.1需要了解的知識點

1.2理解C/S和B/S架構的概念
1.3web服務器、使用Tomcat
1.4創建web項目、打war包

1.2、理解C/S和B/S架構的概念

1.2.1、常見的程序架構

1.2.2、B/S架構的模式

### 1.2.3、URL的組成

域名相當於一件外套，包裹住URL，如www.baidu.com

1.3、（應用服務器）Web服務器

作用：
1、是可以向發出請求的瀏覽器提供文檔的程序
2、提供網上信息瀏覽服務
常用的Web服務器

1.3.1、Tomcat服務器

1、安裝配置Tomcat服務器
官網：http://tomcat.apache.org/
下載哪個版本都可以，儘量不要安裝在C盤，解壓文件夾不要改名
2、配置環境變量
新建
變量名：CATALINA_HOME
變量值：D:\apache-tomcat-9.0.12（在變量值中填解壓tomcat文件的路徑）
編輯path
（要先配置JAVA環境）在後面添加%CATALINA_HOME%\bin;
3、啓動
啓動後沒有閃退或者其他，表示成功
如果可以http://localhost:8080/表示環境變量配置成功
如果配置環境變量沒有問題，但是服務器還是閃退，可以卸載重裝（直接刪除源文件，再重新解壓）
4、修改端口號
在tomcat文件夾裏—conf—server. xml
編輯<Connector port=“8080”…>改爲80
登錄http://localhost:80/
5、啓動Tomcat服務器亂碼
conf的logging.properties文件裏

<img src="https://img-blog.csdnimg.cn/20200418013906538.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjEwMTgzOQ==,size_16,color_FFFFFF,t_70"width=“50%”>

<img src="https://img-blog.csdnimg.cn/20200418013906538.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjEwMTgzOQ==,size_16,color_FFFFFF,t_70"width=“50%”>

6、其他
<img src="https://img-blog.csdnimg.cn/20200411231027711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjEwMTgzOQ==,size_16,color_FFFFFF,t_70"width=“50%”>

1.3.2、部署一個靜態頁面

1、創建一個網站
2、把資源（項目）copy到tomcat裏面的webapps文件夾裏
3、啓動項目（要先關閉再啓動）
4、訪問：
localhost:8080(端口號，改了要換)/文件夾名稱. 文件名稱. html
localhost:8080/abc.regist.html

1.3.3、通過配置文件web.xml修改訪問起始頁

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4" 
	xmlns="http://java.sun.com/xml/ns/j2ee" 
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee 
	http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
	<welcome-file-list>
		<welcome-file>index.html</welcome-file>
	</welcome-file-list>
</web-app>

在web應用(news)下存在一個index.html頁面，
輸入http://localhost:8080/news地址時，web容器
會默認調用index.html頁面

1.4、如何操作IDEA

1.4.1、創建一個web項目

<img src="https://img-blog.csdnimg.cn/20200413233157448.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjEwMTgzOQ==,size_16,color_FFFFFF,t_70"width=“50%”>









會彈出一個網頁
修改網頁

需要更新

1.4.2、將web項目打war包

項目最終上線，要打一個war包
<img src="https://img-blog.csdnimg.cn/20200414005918691.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjEwMTgzOQ==,size_16,color_FFFFFF,t_70"width=“50%”>

找到保存的war包，複製到Tomcat的webapps文件夾下
開啓Tomcat服務器，可以使用命令，也可以去Tomcat的bin文件夾下開啓startup.bat程序

在瀏覽器打開地址如localhost:8080/demo/（注：demo是war包名）

1.5、JSP

1.5.1、JSP概述

Java server page：是一種運行在服務器端的Java頁面，開發時是採用HTML語言嵌套Java代碼的方式實現的
JSP工作原理：JSP運行在服務器端，當用戶通過瀏覽器請求訪問某個JSP資源時，web服務器會使用JSP引擎對請求的JSP進行編譯和執行，然後將生成的頁面返回給客戶端瀏覽器進行顯示

1.5.2、JSP的指令和註釋

1、page指令

page指令是通過內設的多個屬性來定義JSP文件中的全局特性（每個JSP都有各自的page指令），沒有設置，JSP容器將會使用默認

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

若要將HTML文件轉化爲jsp，在HTML文件最上方放上page指令即可

2、web應用目錄結構

3、jar文件

有時候代碼會報紅，這表示開發的時候有意向，爲了不受影響，把jar文件放到lib文件夾裏，把jsp.api.jar / serviet-api.jar，這兩個文件copy到lib文件夾

4、JSP的註釋

<!--html-->瀏覽器檢查元素可以看到
<%--jsp註釋--%>通過瀏覽器檢查元素看不到
<%//jsp單行註釋%>
<%/*JSP多行註釋*/%>

5、使用JSP構建頁面內容

3.1、使用out對象輸出顯示

<%
out.print("xxxx");
%>

3.2、表達式與變量

<%
String title="<p>北京市</p>";
%>

3.3、jsp運行過程

3.4、JSP常見的錯誤調試方法
404：找不到訪問的頁面或者資源
運行時，URL輸入錯誤
將頁面放在WEB-INF下
外部啓動Tomcat，未部署項目
500：JSP代碼錯誤
顯示端口被佔用：Error running xxx:Address localhost:8080 is already in use
頁面無法顯示：未啓動Tomcat