JavaWeb(一)

JavaWeb

一.JavaWeb理论与配置

1.基本概念

前言

web开发:

  • web:网页的意思
  • 静态web:html css,提供给所有人看的数据始终不会发生变化
  • 动态web:提供给所有人看的,数据始终会发生变化,每个人在不同的时间,看到的信息各不相同,技术栈:Servlet/jsp,ASP,PHP

在Java中,动态web资源开发的技术统称为JavaWeb

web应用程序

web应用程序:可以提供浏览器访问的程序
多个web资源,这写web资源可以被外界访问,对外界提供服务;
通过URL来定位一个资源
这个统一的web资源会被放在同一个文件夹下,web应用程序->tomcat:服务器
一个web应用由多部分组成(静态web,动态web)

web应用程序编写完毕后,若想提供给外界访问,需要一个服务器来统一管理

静态web

*.html 这些是网站的后缀,如果服务器上一直存在这些东西,我们就可以直接进行读取
在这里插入图片描述
缺点:

  • web页面无法动态更新,所有用户看到的都是同一个页面
    • 为了页面效果加入了:轮播图,点击特效来达到伪动态的效果
    • JavaScript(开发中用的较多)
    • VBScript
  • 它无法和数据库交互(数据无法持久化,用户无法交互)
动态web

页面会动态展示(web的页面展示的效果因人而异)
在这里插入图片描述

缺点:

  • 假如服务器的动态web资源出现错误,我们需要重新编写我们的后台程序,重新发布
    • 停机维护

优点:

  • web页面可以动态更新
  • 可以和数据库交互

2.Web服务器

技术讲解

ASP:

  • 微软:国内最早流行的,在HTML中嵌入了VB的脚本
  • ASP+COM,页面集齐混乱,维护成本高

PHP:

  • PHP开发速度很快,功能很强大,跨平台,代码简单
  • 无法承载大访问量的情况(局限性)

JSP/Servlet:
B/S架构
基于Java语言
可以承载三高(高并发,高可用,高性能)问题带来的影响
语法像ASP

web服务器

服务器是一种被动操作,用来处理用户的一些请求和给用户一些响应

TomCat:
Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现,因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为比较流行的Web 应用服务器。

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。对于一个初学者来说,它是最佳的选择

而Tomcat 实际上运行JSP 页面和Servlet。Tomcat最新版本为10.0.14。

Tomcat

将自己写的网站,放到服务器(tomcat)中指定的Web应用的问题件夹下,就可以访问了

网站应该有的结构:
webapps:Tomcat服务器的web目录

  • Root:网站的目录名
    • WEB-INF
      • classes:Java程序
      • lib:web应用锁依赖的jar包
    • index.html:默认的首页
    • static
      • css
        • style.css
      • js
      • img

3.HTTP

什么是HTTP

HTTP:超文本传输协议(Hyper Text Transfer Protocol,HTTP)是一个简单的请求-响应协议,它通常运行在TCP之上。

  • 文本:html,字符串…
  • 超文本:图片,音乐,视频,定位,地图…
  • 80端口

HTTPS:带有安全协议的超文本传输协议

  • 443端口
HTTP的两个时代

HTTP1.0:客户端可以与web服务器连接后,只能获得一个web资源,断开连接

HTTP1.1:客户端可以与web服务器连接后,可以获得多个web资源

HTTP请求

客户端–发送请求(Request)–服务器

以百度为例:

请求 URL: https://www.baidu.com/
请求方法: GET
状态代码: 200 OK
远程地址: 110.242.68.3:443
引用站点策略: strict-origin-when-cross-origin
Accept: text/html
Accept-Encoding: gzip, deflate, br  类型编码
Accept-Language: zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6  语言
Connection: keep-alive
请求行

请求行中的请求方式:GET
请求方式:GET/POST,HEAD,DELETE,PUT,TRACT…

  • get:请求能够携带的参数比较少,大小有限制,会在浏览器的URL地址栏显示数据内容,不安全,但是高效
  • post:请求能够携带的参数无限制,大小无限制,不会在浏览器的URL地址栏显示数据内容,安全,但是不高效
消息头

accept:告诉浏览器,它所支持的数据类型
accept-encoding:类型编码 GBK UTF8 GB2312 ISO 8859-1
accept-Language:告诉浏览器,它的语言环境
cache-Control:缓存控制
connection:告诉浏览器请求完成是断开还是保持连接
HOST:主机

HTTP响应

服务器–响应–客户端

HTTP/1.1 200 OK
Cache-Control: no-cache  缓存控制
Connection: keep-alive  连接
Content-Encoding: gzip  编码
Content-Type: text/html;charset=utf-8  类型
相应体

accept:告诉浏览器,它所支持的数据类型
accept-encoding:类型编码 GBK UTF8 GB2312 ISO 8859-1
accept-Language:告诉浏览器,它的语言环境
cache-Control:缓存控制
connection:告诉浏览器请求完成是断开还是保持连接
HOST:主机
Refrush:告诉客户端,多久刷新一次
Location:让网页重新定位

相应状态码

200 请求相应成功

3**: 如304:请求重定向

4**:如404,找不到资源 403禁止访问

5**:如500,服务器代码错误 502 网关错误

4.MAVEN

在Javaweb开发中,需要使用大量的jar包,我们手动去导入非常费事

由此,MAVEN诞生了

Maven项目架构管理工具

我们目前用来就是方便导入jar包

maven的核心思想:约定大于配置

  • 有约束不要去违反

Maven会规定好你该如何去编写我们的Java代码,必须要按照这个规范来

配置

安装配置maven,测试是否安装成功

在这里插入图片描述
配置maven镜像

<-mirror>
	<id>nexus-aliyun</id>
	<mirrorOf>*,!jeecg,!jeecg-snapshots</mirrorOf>
	<name>Nexus aliyun</name>
	<url>https://maven.aliyun.com/nexus/content/groups/public </url>
	</mirror>

配置本地仓库
在这里插入图片描述

<localRepository>C:\Program Files\Javamaven\apache-maven-3.8.3\maven-repo</localRepository>

idea中新建一个项目
在这里插入图片描述
选定刚刚创建的本地仓库,和对应的maven文件夹
在这里插入图片描述
等待配置成功
在这里插入图片描述

idea中的maven设置

在这里插入图片描述
在这里插入图片描述
设置完成后,每次创建新项目就不用再重新调试了

配置Tomcat:
在这里插入图片描述
为什么会出现部署标记工件问题:我们访问一个网站,需要制定一个文件夹名字

在这里插入图片描述
配置完成后,启动Tomcat,就可以得到第一个网页了

pom文件
<?xml version="1.0" encoding="UTF-8"?>
<!--maven的版本和头文件-->
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <!--GAV,可以在创建项目的时候更改-->
  <groupId>org.example</groupId>
  <artifactId>javawebstudy</artifactId>
  <version>1.0-SNAPSHOT</version>
  <!--项目的打包方式 jar:Java应用,war:Javaweb应用-->
  <packaging>war</packaging>

  <name>javawebstudy Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <!--项目的默认构建编码-->
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <!--编译版本-->
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
  </properties>
  <!--项目依赖-->
  <dependencies>
    <!--具体依赖的jar包配置-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
  </dependencies>

  <build>
    <!--项目构建用的东西-->
    <finalName>javawebstudy</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>
</project>

之后可能会遇到的问题:我们写的配置文件,无法被导出或者生效的问题
解决方法详见解决方法

servlet实现

项目结构:
在这里插入图片描述
HelloServlet文件

import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;
import java.io.PrintWriter;

public class HelloServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html");
        PrintWriter out = resp.getWriter();
        out.println("<html>");
        out.println("<head>");
        out.println("<title>Hello World!</title>");
        out.println("</head>");
        out.println("<body>");
        out.println("<h1>Hello World!</h1>");
        out.println("</body>");
        out.println("</html>");
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }
}

web.xml文件

<!DOCTYPE web-app PUBLIC
 "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 "http://java.sun.com/dtd/web-app_2_3.dtd" >

<web-app>
  <display-name>Archetype Created Web Application</display-name>
<!--web.xml中配置我们web的核心应用-->
<!--注册servlet-->
  <servlet>
    <servlet-name>helloServlet</servlet-name>
    <servlet-class>mnm.servlet.HelloServlet</servlet-class>
  </servlet>
<!--一个servlet,对应一个mapping:映射-->
  <servlet-mapping>
    <servlet-name>helloServlet</servlet-name>
<!--请求路径-->
    <url-pattern>/servlet1</url-pattern>
  </servlet-mapping>
</web-app>

header.html文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>我是导航栏</h1>
</body>
</html>

index.jsp文件

<html>
<body>
<h2>Hello World!</h2>
</body>
</html>

pom.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<!--maven的版本和头文件-->
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <!--GAV,可以在创建项目的时候更改-->
  <groupId>org.example</groupId>
  <artifactId>javawebstudy</artifactId>
  <version>1.0-SNAPSHOT</version>
  <!--项目的打包方式 jar:Java应用,war:Javaweb应用-->
  <packaging>war</packaging>

  <name>javawebstudy Maven Webapp</name>
  <!-- FIXME change it to the project's website -->
  <url>http://www.example.com</url>

  <properties>
    <!--项目的默认构建编码-->
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <!--编译版本-->
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
  </properties>
  <!--项目依赖-->
  <dependencies>
    <!--具体依赖的jar包配置-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-web</artifactId>
      <version>5.3.17</version>
    </dependency>

    <dependency>
      <groupId>jakarta.servlet.jsp</groupId>
      <artifactId>jakarta.servlet.jsp-api</artifactId>
      <version>3.0.0</version>
    </dependency>
    <dependency>
      <groupId>jakarta.servlet</groupId>
      <artifactId>jakarta.servlet-api</artifactId>
      <version>5.0.0</version>
    </dependency>
    <dependency>
      <groupId>jakarta.servlet.jsp.jstl</groupId>
      <artifactId>jakarta.servlet.jsp.jstl-api</artifactId>
      <version>2.0.0</version>
    </dependency>
  </dependencies>

  <build>
    <!--项目构建用的东西-->
    <finalName>javawebstudy</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>

    <resources>
      <resource>
        <directory>src/main/resources</directory>
        <includes>
          <include>**/*.properties</include>
          <include>**/*.xml</include>
          <include>**/*</include>
        </includes>
      </resource>
      <resource>
        <directory>src/main/java</directory>
        <includes>
          <include>**/*.properties</include>
          <include>**/*.xml</include>
        </includes>
        <filtering>true</filtering>
      </resource>
    </resources>
  </build>
</project>

结果:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值