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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章