2019-8-1 [Java_JSP] B/S程序架构 URL的组成 Tomact服务器 [安装/目录/开启/关闭] 第一个web项目[创建/运行] 如何统一替换

15 篇文章 0 订阅
9 篇文章 0 订阅

0. 概括

课程安排
(一) JSP的数据交互
(二) 使用分层实现业务处理
(三) Servlet基础
(四) EL,JSTL标签
(五) 案例编写
(六) 课程总结

课程目标
通过学习JSP和Servlet技术,能够使用Java+HTML+数据库技术完成一张表的CURD操作

1. JSP的数据交互

1.1 B/S程序概述

1.1.1 为什么需要动态网页

静态网页的弊端 :
无法实现搜索、购买、登录等交互功能
无法对静态页面的内容进行实时更新
就好比你玩的单击游戏 下载好了之后八百年都不会变

动态网页 :
可以实时和后端服务器进行交互,保证页面内容和功能的丰富多彩
这就好比是我们玩的网络游戏,虽然游戏结构不会变,但是内容却有着千变万化的方式,比如LOL;

动态网页:网页文件里包含了程序代码,通过后台数据库与WEB服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务。

通俗的讲:动态就是里面的内容可以在不影响页面的情况下更改,以不变应万变。静态就是整个版面像一幅画一样如果要修改就要全部修改好再重新上传。

问题 : 这种动态网页技术是如何实现的呢?
回答 : 动态网页技术是靠 B/S 的程序结构实现的

1.1.3 B/S 程序架构

1.1.3.1 什么是B/S程序架构呢?

B/S结构即浏览器和服务器结构。
在这里插入图片描述

1.1.3.2 为什么使用B/S架构?

在这里插入图片描述
在这里插入图片描述
经过对比我们可知 :
在这里插入图片描述

1.1.3.3 B/S架构的执行原理:

在这里插入图片描述
根据执行原理我们不难发现,B/S类的程序是通过浏览器输入服务器的地址通过网络与远程的服务器进行沟通,在此过程中,
我们输入的服务器地址叫做URL;

URL

URL:Uniform Resource Locator的缩写,代表“统一资源定位符”,即我们常说的网址
URL是唯一能识别Internet上具体的计算机、目录或文件夹位置的命名约定

URL的组成

在这里插入图片描述
java 连接 数据库 mysql:jdbc://127.0.0.1:3306/dbname?characterEncoding=UTF-8

问题 : 客户端可以通过URL来快速定位服务器资源,客户端我们已经知道了用浏览器,那么服务端我们用什么呢?

你怎么能拥有一个自己的 web服务器?

1.1.4 Tomcat服务器简介

Tomcat是 Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由Apache、Sun 和其他一些公司及个人共同开发而成。

由于有了Sun 的参与和支持,最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现,Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。

因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。

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

对于一个初学者来说,可以这样认为,当在一台机器上配置好Apache 服务器,可利用它响应HTML(标准通用标记语言下的一个应用)页面的访问请求。

实际上Tomcat是Apache 服务器的扩展,但运行时它是独立运行的,所以当你运行tomcat 时,它实际上作为一个与Apache 独立的进程单独运行的。

诀窍是,当配置正确时,Apache 为HTML页面服务,而Tomcat 实际上运行JSP 页面和Servlet。

另外,Tomcat和IIS等Web服务器一样,具有处理HTML页面的功能,另外它还是一个Servlet和JSP容器,独立的Servlet容器是Tomcat的默认模式。

不过,Tomcat处理静态HTML的能力不如Apache服务器。目前Tomcat最新版本为9.0。
在这里插入图片描述

1.1.5 Tomcat的安装与使用

百度

1.1.5.1 Tomcat服务器的目录结构

在这里插入图片描述
这些目录对于我们来说 需要注意的是 启动和关闭tomcat的程序在bin目录下,我们以后写的web程序是放在webapps目录下的

开启和关闭tomcat

在开启和关闭tomcat的之前大家需要注意,tomcat的运行需要依赖jre,所以你的电脑必须是安装好jre环境的,可以验证一下你电脑中是否装有jre环境

可以 cmd 窗口下输入 java -version 查看java 版本
在这里插入图片描述
启动tomcat 可以进入bin目录.bin目录里有一个startup.bat,双击这个文件就可以开启你的tomcat
在这里插入图片描述
弹出这样的提示框 就说明你的tomcat开启成功
在这里插入图片描述
最后你就可以在页面输入 http://127.0.0.1:8080 打开tomcat服务器了
在这里插入图片描述
如果你想关闭自己的web服务器直接把黑窗口关闭,tomcat就关闭了;

1.1.6 编写自己的web项目

web项目不同于其他项目,web项目有严格的目录限制,那个目录下写什么东西都是规定好的,瞎写不行;那么接下来就给大家说一下web项目的目录结构
在这里插入图片描述
我们知道了目录结构之后我们怎么能够开发一个web项目呢?

在这里插入图片描述

1.2 Hello,World

####1.2.1 eclipse配置tomcat

  1. 将解压好的tomcat 放在一个非C(如果只有一个盘符就放在C盘)盘的根目录下
    在这里插入图片描述
  2. 打开自己的eclipse,选择 “Window” 选择 “Preferences”
    在这里插入图片描述
  3. 选择 “Server” 再选择 “Runtime Enviroments”
    在这里插入图片描述
  4. 点击右侧的 “Add” 按钮添加自己的tomcat
    在这里插入图片描述
  5. 选择 8.0 后点击 "next"按钮
    在这里插入图片描述
  6. 点击 “Browse” 按钮选择你的tomcat跟目录
    在这里插入图片描述
    选择自己的tomcat
    在这里插入图片描述
    选完确定,然后给自己的tomcat起个名字,此处我们使用的是 Apache Tomcat v8.0
    选完之后点击确定 退回选择页面,这时右边会出现我们配置的tomcat
    在这里插入图片描述
    点击 "ok"按钮即可

1.2.2 创建第一个web项目

  1. 在左侧的空白处点击右键,选择 “new” 选择 “Other”;
    在这里插入图片描述
  2. 弹出的对话框中输入 web 然后选择Dynamic Web Project,这个是动态的javaweb项目,我们以后经常要用到
    在这里插入图片描述
  3. 点击 “next” 弹出如下对话框
    在这里插入图片描述
    这个对话框中需要注意三个细节
    1. Project Name 这个是让你输入你的web项目名称
    2. 注意Target runtime 是不是我们刚才配置的tomcat Target runtime 是我们项目编译好之后输出的地方,所以此处需要和我们的tomcat对应
    3. 选择Dynamic web module version 为 2.5 这个是设定web项目的版本,每个版本的差距都很大,所以我们选择一个经常使用的版本 2.5
  4. 确定好之后点击 “Finish” 按钮,弹出以下窗户
    在这里插入图片描述
    这个是问你现在要使用哪个视图环境? 我们为了方便使用JavaSE视图 所以此处点击 No,如果你点了 Yes你就跑到JavaEE视图了;

为什么我们不用JavaEE视图呢?因为哪个视图太乱了;
如果你不知道你在哪个视图没关系,你可以点击右侧 选择相应视图
在这里插入图片描述
或者点击 在这里插入图片描述选择视图
在这里插入图片描述
5) 选择好视图之后我们可以先观察一下我们创建好的JavaWEB项目
在这里插入图片描述
最上面的是我们的项目
src 是java代码的根目录
WebContent 是 网站页面的根目录
6) 我们编写Hello,World可以在WebContent 目录上点击右键 “new” 选择 “Other”在这里插入图片描述
在弹出的对话框 输入 jsp 然后选择 “jsp file” 点击 “next”
在这里插入图片描述
在接下来弹出的页面中 需要给你的JSP起一个名字
在这里插入图片描述
点击 “Finish” 按钮,得到我们的第一个JSP页面

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

仔细观察可知,JSP与HTML十分相似就是多了很多的代码而已,所以我们要写helloword直接在body中写即可

注意 : 此时页面编码为ISO-8859-1 这种编码下是不允许写中文的,我们把页面上的ISO-8859-1统一替换成UTF-8即可

如何统一替换:

选上需要换的ISO-8859-1,按ctrl+F,在第二行输入UTF-8,点击replace All即可全部替换

替换好之后编写简单的HTML代码:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>我的第一个JSP</title>
</head>
<body>
	<h1>你好,JSP!</h1>
</body>
</html>

1.2.3 运行第一个web项目

  1. 选择 “Window” --> “Show View” --> “Other”在这里插入图片描述
  2. 在弹出的页面 输入 server 然后选择 “server” 视图
    在这里插入图片描述
  3. 在server 视图下 点击超链接配置运行的服务器
    在这里插入图片描述
  4. 弹出的页面直接选择 tomcat8 然后点击 “finish”
    在这里插入图片描述
    这样就配置好了一个准备运行的tomcat
    在这里插入图片描述
  5. 在服务器上点击右键 选择Add and Remove 选项
    在这里插入图片描述
  6. 在弹出的页面选择自己的项目 点击 “Add” 按钮部署到tomcat,然后点击 “Finish”
    在这里插入图片描述
  7. 还是在服务器上右键 选择 “Start” 开启服务器
    在这里插入图片描述
  8. 仔细观察控制台是否正常开启服务器
    在这里插入图片描述
    出现生成时间即可

正常开启之后我们就能访问了
访问规则是 服务器地址 + 项目名 + 访问的文件资源

所以我们的访问路径应该是
http://127.0.0.1:8080/javaweb_class1_tp1/index.jsp
在这里插入图片描述
到此 完成 eclipse的JSP helloworld案例

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值