JavaWeb学习笔记5--JSP简介及入门(含Eclipse for Java EE及Tomcat的配置)

?【声明】

欢迎转载,但请保留文章原始出处→_→

生命壹号:http://www.cnblogs.com/smyhvae/

文章来源:http://www.cnblogs.com/smyhvae/p/4046862.html

【前言】

JSP本身是JavaWeb中的知识,但是在学习Android网络时,必然要涉及到与服务器之间的交互,所以学一下JSP以及其他JavaWeb的内容还是很有必要的,至少能明白程序在访问服务器时,整个过程的原理。

其实,在学习Android之前,Java和JavaWeb的知识都是要先学习的。本人是在2014年7月正式开始Android方向的研究学习,在这之前没有接触任何和计算机软件相关的知识(唯一相关的是,本科学过一门C语言课程,不过现在已经忘光了)。

我们来看下面的这张图就知道了:

两张图拼起来看就对了,借鉴的是李刚的“疯狂Java学习路线图”,手机像素渣,图片不是很清晰,将就一下吧。说白了,在学习Android之前要具备一定的Java基础(Java SE 、JavaWeb、数据库等)。而如果要学的扎实并且有个好的就业岗位,以下基础知识需要全部具备:计算机基础知识(操作系统、计算机网络、数据结构、数据库、设计模式等)、C/C++、Java、Android、Linux

所以,考虑到时间的因素,像我这种初学者,只能在边学Android的时候边学其他的知识。我学到了哪里,我的博客就会写哪里,也希望能和其他初学者一起共勉,一起见证!

【正文】

一、JSP简介

JSP:Java Server Pages。在传统的HTML文件(*htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag),就构成了JSP网页。

二、学习重点:

  • JSP语法(脚本、指令、动作)
  • JSP的内置对象
  • 创建动态的内容
  • 用户会话跟踪

三、使用tomcat软件在本地搭建服务器:

Tomcat是Apache组织的Jakarta项目中的一个重要子项目,是Sun公司推荐的运行Servlet和JSP的容器(引擎),其源代码完全公开。

有了这个服务器,就相当于在本地的计算机有了一个网站,然后我们可以通过浏览器来访问这个网站。

tomcat软甲是apache旗下的一个开源项目。软件下载链接:http://tomcat.apache.org/

下载之后,将压缩包解压:

注意目录名不能有中文和空格。目录介绍如下:

  • bin:二进制执行文件。里面最常用的文件是startup.bat
  • conf:配置目录。里面最核心的文件是server.xml。可以在里面改端口号等。默认端口号是8080,也就是说,此端口号不能被其他应用程序占用。
  • lib:库文件。tomcat运行时需要的jar包所在的目录
  • logs:日志
  • temp:临时产生的文件,即缓存
  • webapps:web的应用程序。web应用放置到此目录下浏览器可以直接访问
  • work:编译以后的class文件。

软件运行之前要保证Java环境变量已经配置:

上图中,变量名为JAVA_HOME,变量值为:JDK安装的绝对路径。

注:Catalina_Home环境变量:指定tomcat在启动时启动哪个tomcat,一般不推荐配置。

回到tomcat的bin目录中, 双击startup.bat:

之后弹出如下界面:

这个时候,本地的服务器就已经搭建起来了。如果想关闭服务器,可以直接关闭上面的窗口,或者在里面输入Ctrl+C禁止服务。

首先查看自己电脑的ip地址,我的计算机的ip地址为:192.168.1.112。

在浏览器中输入http://192.168.1.112:8080/(或者输入http://localhost:8080/也是可以的)。如果弹出如下界面,进入本地服务器的首页,表示tomcat安装成功并且启动起来了:

上方图片中,显示我的Tomcat的版本为:8.0.14。它的版本号是跟着JDK的版本走的,所以,建议JDK的版本为1.8。

我们现在在浏览器上测试一下它吧:

首先在D:\apache-tomcat-8.0.14\webapps\ROOT目录中新建一个jsp文件:

jsp文件中填入如下内容:

<%

String name = request.getParameter("name");
String pwd = request.getParameter("password"); 

out.print("name:" + name + ",password:" + pwd); //在浏览器上显示输入地址中的用户名与密码

%> 

现在我们随便起一个用户名和密码的账号,比如用户名smyhvae,密码为smyh,然后在浏览器中输入如下内容:

http://192.168.1.112:8080/test.jsp?name=smyhvae&password=smyh

输入这个链接之后,回车,出现如下界面:

上图中表示,我们向服务器发送这样一个请求,链接中,问号前面的内容代表请求的路径,问号后面是我们要传送的参数(键是固定不变的,值是用户自己填写的),然后服务器返还给我们这样的数据。

三、将Tomcat和eclipse相关联:

打开eclipse for Java EE ,选择菜单栏Windows-->preferences,弹出如下界面:

上图中,点击“add”的添加按钮,弹出如下界面:

上图中,选择对应的Tomcat版本,继续:

上图中,选择Tomcat的路径,以及JRE,点击“完成”,配置完毕。

新建java工程,建一个动态的工程:

注:对“动态”的理解:html是静态的,写成什么,就是什么。动态指的是根据服务器端返回的数据动态地生成页面。比如张三登陆可以看到张三的信息;换成李四登陆,可以看到李四的信息。

点开上图中的红框部分,弹出如下界面:

按照上图进行配置,其中,第三个红框中,是加载自己的jdk的安装路径即可:

然后,单击finish。继续:

工程文件结构:

上图中,deployment descriptor:部署的描述。Web App Libraries:自己加的包可以放在里面。build:放入编译之后的文件。WebContent:放进写入的页面。

在WebContent文件夹下新建一个jsp文件。在下图中可以看到它的默认代码:

上图中,这种编码方式不支持中文。我们来修改一下JSP文件的编码方式,按上图所示,鼠标右击,选择"Preferences",弹出如下对话框:

上图中,将编码方式改为UTF-8。

同样,我们还需要将文本内容的编码方式改为UTF-8(这个编码和程序无关),选择菜单栏Windows--preferences,打开如下界面,将编码方式改为UTF-8,并点击update:

以后每次新建一个jsp文件,默认的编码方式就是UTF-8了。默认代码如下:

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>Insert title here</title>
 8 </head>
 9 <body>
10
11 </body>
12 </html>

我们在hello.jsp中修改一下,将上方的第7行的标题改一下,并在第10行添加输出语句。最终代码如下:

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>hello JSP</title>
 8 </head>
 9 <body>
10     <%
11         out.println("hello,JSP");
12     %>
13 </body>
14 </html>

上方的第11行,out指的是输出流。通过页面获取这个输出流,并打印在页面中。以前学的System.out.println()指的是向控制台输出。

程序运行之前,我们先修改一下浏览器选项:

现在我们开始运行程序:

运行时,弹出如下错误:(如果没有此错误,请忽略)

原因是,我们之前点击了Tomcat安装包中的?startup.bat,这样一来就手动打开了Tomcat服务器,这明显是多余的,因为程序运行时,eclipse会自动开启Tomcat服务器。所以我们先手动关掉tomcat软件,再次运行程序,就行了。控制台信息如下:

浏览器会自动打开,网页信息如下:

现在来解释一下上方网址的名称为什么显示的是 http://localhost:8080/TomcatTest/

我们选中项目,右键选择“properties”,弹出如下对话框:

上图显示,我们所部署的路径是根目录,根目录的名称默认为我们新建的项目名,所以网址才会显示为:主机名+端口号+项目名。

网页显示的错误为404,即找不到网页,可见网页中并没有看到我们新建的jsp文件,我们再来找一下原因。打开工程文件中,WEB-INF目录下的web.xml文件:

上图解释:当程序运行时,Tomcat会首先读取工程的配置文件,且名字必须为web.xml。当系统默认进入的链接为:主机名+端口+工程名时,服务器就会找上图中<welcome-file-list>标签里的页面(有好几个页面的话,就依次往下找);而标签<welcome-file-list>中并没有hello.jsp文件。所以,我们需要在浏览器地址栏输入:http://localhost:8080/TomcatTest/hello.jsp,才会将hello.jsp页面显示出来。效果如下:

四、程序运行的原理:

我们现在来分析一下上面的程序运行的原理。

当在服务器上运行后,会生成与工程文件并列的一个文件夹:Servers。如下:(如果删掉了Servers文件夹,当重新运行时,文件夹又会自动生成)

这个文件夹是Tomcat服务器的一个基本的配置。

上图中表明,我们新建的项目已经部署到Tomcat服务器上去了,也就是看到了TomcatTest这个工程被发布出去了(发布的过程即:将写的工程打包以后放到Tomcat里)。

其实eclipse for EE已经包含了Tomcat服务的插件,但其也必须依赖Tomcat来启动。我们双击上图的红框部分,显示如下信息:

上图的红框部分表明,服务的部署是在eclipse里面(默认是放在工作空间里的.metadata文件夹下),而不是在Tomcat里面。我们来改一下,前提是工程并没有发布到Tomcat中去,那我们先把之前发布的版本删了吧(稍后重新发布):

然后就可以修改部署的路径了:

上图中,使用Tomcat的安装目录作为部署的位置,并修改部署的路径Deploy path(建议改成Tomcat的webapps目录下),然后保存即可。这时,重新运行程序。现在来到Tomcat的webapps目录下,发现多了一个TomcatTest文件夹(即工程文件名),并且文件夹下包含了工程文件中WebContent的内容:

上图说明,说明这才是真正将程序发布到服务器上。

我们再来到Tomcat的work目录中,看一下编译之后的文件:

?

上图表明,Tomcat会先将jsp文件转为java文件,然后再把java文件编译为class文件,最终执行的是class文件。现在来看一下JSP运行的原理。

四、JSP的运行原理:

  • 只有当客户端第一次请求JSP时,才需要将其转换、编译(所以第二次浏览同样的网页时,速度会更快)
  • Web服务器在遇到访问JSP网页的请求时,首先执行其中的程序片段,然后将执行结果以HTML格式返回给客户。
  • 程序片段可以操作数据库、重新定向网页以及发送email等等,这就是建立动态网站所需要的功能。
  • 所有程序操作都在服务器端执行,网络上传送给客户端的仅是得到的结果,对客户浏览器的要求最低。

总结:本文的整个过程,让我们学会了如何配置Tomcat和部署工程文件,明白了jsp文件是怎样发布到服务器上并最终显示出来。关于JSP的进一步学习,将在后面呈现。

五、Tomcat的其他问题:

1、端口占用问题:

在cmd中输入netstat -ano命令,查看占用端口的进程pid,再用任务管理器关闭相应进程即可。

我们在浏览器中输入"www.baidu.com",但是并没有输入端口号依然能进入网页,这是因为浏览器默认的端口号为80,如果对方服务器是监听在80端口上,则在浏览器中输入网址时,可以不用输入端口号。

Tomcat默认监听的端口号是8080(server.xml文件的第63行),可以在配置文件conf/server.xml中修改

【备注】Tomcat关联帮助文档Javadoc

我们以后如果要使用到Servlet类,但是想查看里面的源码和帮助文档,发现看不到:

按住ctrl点进去之后,是下面的界面:

我们下载的tomcat中自带了源码,但是帮助文档需要另外下载:

原文地址:https://www.cnblogs.com/huangyangquan/p/8988006.html

时间: 2024-10-29 19:06:46

JavaWeb学习笔记5--JSP简介及入门(含Eclipse for Java EE及Tomcat的配置)的相关文章

【转】JavaWeb学习----JSP简介及入门(含Eclipse for Java EE及Tomcat的配置)

?[声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://www.cnblogs.com/smyhvae/p/4046862.html [前言] JSP本身是JavaWeb中的知识,但是在学习Android网络时,必然要涉及到与服务器之间的交互,所以学一下JSP以及其他JavaWeb的内容还是很有必要的,至少能明白程序在访问服务器时,整个过程的原理. 其实,在学习Android之前,Java和JavaWeb

JavaWeb学习笔记六 JSP

JSP技术 JSP全称Java Server Pages,是一种动态网页开发技术.它使用JSP标签在HTML网页中插入Java代码.标签通常以<%开头以%>结束. JSP是一种Java servlet,主要用于实现Java web应用程序的用户界面部分.网页开发者们通过结合HTML代码以及嵌入JSP操作和命令来编写JSP. JSP通过网页表单获取用户输入数据.访问数据库及其他数据源,然后动态地创建网页. JSP标签有多种功能,比如访问数据库.记录用户选择信息.访问JavaBeans组件等,还可

python学习笔记(一):python简介和入门

最近重新开始学习python,之前也自学过一段时间python,对python还算有点了解,本次重新认识python,也算当写一个小小的教程.一.什么是python?python是一种面向对象.解释型的计算机语言,它的特点是语法简洁.优雅.简单易学.在1989诞生,Guido(龟叔)开发.这里的python并不是蟒蛇的意思,而是龟叔非常喜欢一部叫做<Monty Python飞行马戏团>的电视剧,所以以python命名(老外就是这么任性).二.解释型语言和编译型语言编译型语言就是先把写好的程序翻

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

NFC学习笔记二——Libnfc简介与安装

一直想把自己对过的英文文章做一下翻译记录下来,趁着学习NFC,现将libnfc首页的对libnfc介绍和在不同操作系统上对libnfc安装的文章做一下翻译,一方面提高一下自己的英语,另一方面学习一下libnfc. 原文地址:http://nfc-tools.org/index.php?title=Libnfc 公共平台独立的近场通讯(NFC)库 libnfc是GNU公共许可正下发布的第一个免费的底层的NFC开发包和编程API.它对任何人事完全免费和公开的.这个列表显示了libnfc支持的功能.l

JAVA EE 学习笔记[V1 jsp编程]

在三月初学校开设了javaee的课程,也就此展开了对javaee基础的学习.然后老师也对这次的课程有一定要求.前面的基础就为最终的作业做准备啦~ 在上学期我们学习了java相关知识,也对java se 的安装使用有了一定的认知,而java ee则是构建于java se 平台之上的一套多层的,可扩展的的网络应用. 学习java ee我们首先进行环境的搭建.无非就是使用 tomcat进行服务器的搭建和jdk环境变量配置.而IDE这方面我们选择myeclipse 2016 CI(这个编译器自带tomc

JSP简介与入门

一.JSP简介 JSP:Java Server Pages 在传统的HTML文件(*.html)中加入java程序片段(Scriptlet)和JSP标记(tag),就构成了JSP网页. 二.Hello JSP入门 1.在eclipse中配置Tomcat服务器 2.新建工程 3.在WebContent中新建jsp文件 三.JSP运行原理

javaweb学习笔记(一)

1.建javaweb项目 2.将tomcat环境导入到项目中3.建包,在包中建内建包的目的:是为了区别不同包中的类(就相当于现实生活中,有两个王强,分别在不同的班一样) 代码: 一.java部分: FileRead package com.servletdemo; import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.io.FileReader; import java

Javaweb学习笔记--分层设计

在早期的JavaWeb应用中,JSP文件负责处理业务逻辑,控制网页流程并创建HTML页面,JSP文件是一个独立的,能自主完成所有任务的模块, 这带来了一系列问题:HTML代码和Java程序代码强耦合在一起内嵌的流程控制逻辑调试困难可维护性差可读性差 为了解决以上问题,SUN公司先后制定了两种设计模式:jspmodel1以及jspmodel2 本质区别:在于负责流程控制的组件不同. 0x01 Model1 在JSP Model1中,JSP页面负责调用模型组件来响应客户请求,并将处理结果返回给用户.