当前位置：
  1. 首页
  2. java
  3. 正文
本文介绍: 服务器：安装了服务器软件的计算机本质上还是一台电脑,那么安装了服务器软件，也就是说，这个电脑是个硬件，我们得安个服务器软件，那么这个电脑才能被称为一台真正的服务器，安装了Web服务器软件，那我的电脑就是一个Web服务器，可以让别人也访问到我.服务器软件：接收用户的请求，处理请求，做出响应web服务器软件：接收用户的请求，处理请求，做出响应。在web服务器软件中，可以部署web项目，让用户通过浏览器来访问这些项目web容器常见的java相关的web服务器软件。

JavaWeb环境搭建

一、web相关概念

1. Web和JavaWeb的概念

在我们日常的生活中，经常会使用浏览器去访问百度、京东、csdn官网等这些网站，这些网站统称为Web网站。如下就是通过浏览器访问卓京官网的界面:在这里插入图片描述

2. JavaWeb技术栈

了解JavaWeb技术栈执之前，有一个很重要的概念介绍

在这里插入图片描述

2.1 软件架构

B/S架构

B/S 架构：Browser/Server，浏览器/服务器 架构模式，它的特点是，客户端只需要浏览器，应用程序的逻辑和数据都存储在服务器端。浏览器只需要请求服务器，获取Web资源，服务器把Web资源发送给浏览器即可。大家可以通过下面这张图来回想下我们平常的上网过程:

在这里插入图片描述

2.2 资源分类

2.2.1静态资源
2.2.2动态资源

3. 数据库

数据库主要负责存储数据
在这里插入图片描述

  1. 浏览器发送一个请求到服务端，去请求所需要的相关资源;
  2. (源分为动态资源和静态资源,动态资源可以是使用Java代码按照Servlet和JSP的规范编写的内容;
  3. 在Java代码可以进行业务处理也可以从数据库中读取数据;
  4. 拿到数据后，把数据交给HTML页面进行展示,再结合CSS和JavaScript使展示效果更好;
  5. 服务端将静态资源响应给浏览器;
  6. 浏览器将这些资源进行解析;
  7. 解析后将效果展示在浏览器，用户就可以看到最终的结果。

4. HTTP协议

在Web应用中，浏览器请求一个URL，服务器就把生成的HTML网页发送给浏览器，而浏览器和服务器之间的传输协议是HTTP[TCP|IP协议中的一种]，所以：

HTTP协议是一个基于TCP协议之上的请求–响应协议，它非常简单，我们先使用Chrome浏览器查看新浪首页，然后右击检查选择网络重新加载页面，可以看到浏览器发出的每一个请求和响应：
在这里插入图片描述
对于Browser来说，请求页面的流程如下：

  1. 与服务器建立TCP连接；
  2. 发送HTTP请求；
  3. 收取HTTP响应，然后把网页在浏览器中显示出来。

5. web服务器软件概述

本质上还是一台电脑,那么安装了服务器软件，也就是说，这个电脑是个硬件，我们得安个服务器软件，那么这个电脑才能被称为一台真正的服务器，安装了Web服务器软件，那我的电脑就是一个Web服务器，可以让别人也访问到我.

JavaEE : Java语言在企业级开发中使用的技术规范的总和，一共规定了13项大的规范

二、web环境搭建

实现web程序开发必须在电脑上安装及配置相关软件才能达到目的

1.1 JDK介绍

1.1.1 概述

1.1.2 JDK下载与安装

下载
oracle官网
安装

傻瓜式安装，解压即安；
2.1.3 JDK环境配置
  1. 打开设置进入高级系统设置
    在这里插入图片描述
  2. 点击环境变量新建一个系统变量如下示例，变量值为jdk安装的路径
    在这里插入图片描述
  3. 从系统变量找到path点击新建输入——%JAVA_HOME%bin（win10系统一下在bin后面加 ：即可）
    在这里插入图片描述
2.1.4 测试JDK

2.Tomcat介绍

2.1 Tomcat是什么?

2.2 为什么需要使用它?

2.3 如何下载?

官网下载，推荐下载解压版 点击进入tomcat.apache

安装版：一台电脑上只能安装一个Tomcat；
解压版：无需安装，解压即可用，解压多少份都可以，所以我们选择解压版。

了解Tomcat目录结构

在这里插入图片描述

2.4 如何启动Tomcat

在这里插入图片描述

当启动tomcat服务后，打开浏览器，在地址栏上输入tomcat主页地址，（不开服务进不去）如下图：

http://localhost:8080
在这里插入图片描述

2.5 如何修改Tomcat端口号

注意事项

如果电脑安装了sqlserver，在修改Tomcat端口为80时必须禁用sqlserver服务以及ISS服务
在这里插入图片描述
在这里插入图片描述

注意事项：端口号：0-65535
http默认端口号为80，也就是说在URL中不给出端口号时就表示使用80端口。当然你也可以修改为其它端口号。
当把端口号修改为80后，在浏览器中只需要输入：http://localhost就可以访问Tomcat主页了。

在tomcat的解压目录下，在config文件夹内：apache–tomcat-8.5.40conf，编辑server.xml文件。

在这里插入图片描述

把8080修改成80
在这里插入图片描述

3. Eclipse配置Tomcat服务器

如何测试eclipse配置tomcat服务器是否成功呢?

【问题描述】

  1. tomcat在eclipse里面能正常启动，而在浏览器中访问http://localhost:8080/不能访问，且报404错误。同时其他项目页面也不能访问。
  2. 关闭eclipse里面的tomcat，在tomcat安装目录下双击startup.bat手动启动tomcat服务器。访问htt://localhost:8080/能正常访问tomcat管理页面。

【问题原因】

  1. 在eclipse中启动tomacat后，它去启动的web项目并不是tomcat文件夹下的webapp下web工程，而是eclipse中自己的一个文件夹下的web工程。所以你会发现在tomcat安装目录下的webapp目录里面找不到你的项目文件。
  2. 双击tomcat服务器，打开tomcat的配置页面，如图所示
  3. 在这里插入图片描述
  4. 图中时选择server path 和 location path。 可以看到默认的情况是“使用workspace的metadata”，也就是server path时workSpace下的，具体的path为：{workspace}.metadata.pluginsorg.eclipse.wst.server.coretmp0 , （new一个服务器，就会有个temp，第一个服务器就是temp0） Deploy path为wtpwebapps。 查看此文件夹，里面没有tomcat的webapp下的ROOT工程，所以当然访问不到tomcat的主页啦

【解决方案】

重新配置下tomcat服务器

  1. 把tomcat下的webapp下的ROOT复制到E:workspace.metadata.pluginsorg.eclipse.wst.server.coretmp0 下的wtpwebapps中，再重启tomcat，此时就能访问到主页了
  2. 在配置server locations时，选择第二项，“user tomcat installation” 修改配置如下图：
  3. 在这里插入图片描述

注 ： 配置了这一步那么在Eclipse的workspace里面开发的项目当启动Tomcat服务器时同时也会拷贝到所选择的Deploy Path中。

三、web快速入门

3.1创建web项目

在这里插入图片描述
在这里插入图片描述
1.点击两下NEXT就是看到一下窗口，不要执行上一步就点击Finish

在这里插入图片描述
2.勾选后即可Finish,不选择无法操作web.xml配置文件。

3.2 将web项目发布到Tomcat上？

在这里插入图片描述
在这里插入图片描述

3.3 web项目目录结构

在这里插入图片描述

四、Jsp基础入门

4. Jsp基本介绍

4.1 概述

JSP（全称：Java Server Pages）：Java 服务端页面。是一种动态的网页技术，其中既可以定义 HTML、JS、CSS等静态内容，还可以定义 Java代码的动态内容，也就是 JSP = HTML + Java。

4.2 为什么需要jsp页面

4.3 jsp页面工作原理

在这里插入图片描述

4.4 jsp页面组成

注释（html注释，jsp注释，js注释 java）、声明、小脚本、表达式、指令、静态内容

指令
注释
脚本
声明
表达式
静态内容
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%&gt;
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript">
	window.onload=function(){
		//js jQuery 
	}
</script>
</head>
<body>
	Hello,world!
	jsp:java+html(js+jQuery+Bootstrap)
	<hr/>
	<%
		//java代码=jsp小脚本
		//System.out.print("heihei");//打印控制台
		for(int i=0;i<10;i++){
			out.print("<font color='red'>l略略略</font><br/>");//打印页面 
		}
		int a=10;
		int b=20;
		out.print(a+b);
	%>
	<!-- jsp表达式:相当于out.print(); -->
	<%=a%>	
</body>
</html>

注意： 需要每次创建网页时默认使用编码格式UTF-8如下
在这里插入图片描述
在这里插入图片描述
感谢您的观看，如有帮到您的可以关注哦！我会持续更新，请敬请期待！

原文地址:https://blog.csdn.net/Justw320/article/details/129944253

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_26318.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

上一篇 web前端——给某网站移动版主页的体育板块进行布局设计
下一篇 【mp-html】小程序富文本组件（页面内嵌html）

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

插入图片
浏览器会保存昵称、邮箱和网站cookies信息，下次评论时使用。