一、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%binwin10系统一下在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文件夹内:apachetomcat-8.5.40conf编辑server.xml文件

在这里插入图片描述

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

3. Eclipse配置Tomcat服务器


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

问题描述

  1. tomcateclipse里面能正常启动,而在浏览器中访问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 pathlocation path。 可以看到默认的情况是“使用workspacemetadata”,也就是server path时workSpace下的,具体的path为:{workspace}.metadata.pluginsorg.eclipse.wst.server.coretmp0 , (new一个服务器,就会有个temp第一个服务器就是temp0) Deploy pathwtpwebapps。 查看此文件夹里面没有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进行投诉反馈,一经查实,立即删除

发表回复

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