#####一、在虚拟机上安装Tomcat服务器
- Tomcat下载地址:Tomcat
- 将
.zip
文件解压到制定文件夹内
- 双击进入解压后的文件夹,在
bin
文件夹内“以管理员身份运行”startuo.bat
注:安装Tomcat前需要提前在虚拟机上安装好JDK。
- Tomcat安装完成后,通过虚拟机上的浏览器查看Tomcat是否安装成功,在浏览器地址栏上输入
localhost:8080
,跳转至以下界面则证明Tomcat安装成功
#####二、创建JSP文件 - 创建Web项目
1.1 添加Tomcat服务器:点击“窗口”
⟶点击“首选项”
⟶展开“Serve” 菜单,选中“Runtime Environments”,点击“Add”添加服务器
。
1.2 创建项目:点击“文件”
⟶选中“新建”
⟶点击“其他”
⟶展开“Web” 菜单,选中“Dynamic Web Project”
填写向导窗口中的内容,其中“Target runtime”选择第一步中所添加的Tomcat服务器,在向导的最后一步中勾选“Generate web.xml deployment descriptor”,完成创建。
- 创建JSP文件:
选中JSP项目,右键
⟶选中“新建”
⟶点击“JSP File”
填写向导窗口中的内容,完成创建。
#####三、JSP网页编写
编写JSP网页:博主编写的是一个“JSP登陆页面”,分为登陆页面login.jsp
和主页面welcome.jsp
。
login.jsp:
<%@ 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=ISO-8859-1">
<title>JSP登录</title>
</head>
<body bgcolor="#f0ffff">
<form method="POST">
<h1 align="center" id="biaotoucolor">请登录</h1><!--添加页面标题-->
<table align="center">
<tr>
<td>账户:</td>
<td><input type="text" name="Name"></td><!-- 添加“账户”输入框 -->
</tr>
<tr>
<td>密码:</td>
<td><input type="text" name="Password" ></td><!--添加“密码”输入框-->
</tr>
</table>
<table align="center">
<tr> </tr>
<tr> </tr>
<tr> </tr>
<tr> </tr>
<td><input type="submit" value="登录"></td> <!--添加“登录”按钮-->
</table>
</form>
<%
if (request.getParameter("Name") != null
&& request.getParameter("Password") != null) {
String Name = request.getParameter("Name");//获取JSP登录界面数据
String Password = request.getParameter("Password");
if (Name.equals("Administrator") && Password.equals("yga")) {//设置账户和密码
session.setAttribute("Login", "OK");
session.setAttribute("myCount", new Integer(1));
response.sendRedirect("welcome.jsp");<!--跳转至“主页面”-->
}
else {
%>
登录失败:用户名或密码不正确
<%
}
}
%>
</body>
</html>
welcome.jsp:
<%@ 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=ISO-8859-1">
<title>Tomcat</title>
</head>
<body bgcolor="#f0ffff">
<h1 align="center" id="biaotoucolor">欢迎使用Tomcat</h1>
</body>
</html>
#####三、JSP项目发布
- 打开
Servers
视图:点击“窗口”
⟶选中“显示视图”
⟶点击“其他”
⟶展开“Server” 菜单,选中“Serves”,点击“打开”
便可以在Eclipse下方看到Servers视图。
- 发布JSP项目:
点击Servers视图中的“No servers are available. Click this link to create a new server”
在向导中选择之前步骤中所添加的Tomcat服务器,然后添加所要发布的Web项目 ⟶选中Servers视图中的Tomcat服务器,右键,点击“Start”
完成JSP项目发布。
注:在发布JSP项目过程中报错“8080端口被占用”,可以通过运行cmd利用taskkill指令来解决,具体操作指令如下图:
#####四、JSP网页访问
通过虚拟机上的宿主浏览器进行访问,在浏览器地址栏输入localhost:8080/Web项目名称/JSP文件名称
,如:localhost:8080/firstjsp/login.jsp。
JSP页面访问演示: