<JSP>JSP学习(一)——以虚拟机为平台发布、访问JSP网页

#####一、在虚拟机上安装Tomcat服务器

  1. Tomcat下载地址:Tomcat
  2. .zip文件解压到制定文件夹内
    第一
  3. 双击进入解压后的文件夹,在bin 文件夹内“以管理员身份运行”startuo.bat
    注:安装Tomcat前需要提前在虚拟机上安装好JDK。
    图二
  4. Tomcat安装完成后,通过虚拟机上的浏览器查看Tomcat是否安装成功,在浏览器地址栏上输入localhost:8080,跳转至以下界面则证明Tomcat安装成功
    图三
    #####二、创建JSP文件
  5. 创建Web项目
    1.1 添加Tomcat服务器:点击“窗口”点击“首选项”展开“Serve” 菜单,选中“Runtime Environments”,点击“Add”添加服务器
    图三
    图四
    1.2 创建项目:点击“文件”选中“新建”点击“其他”展开“Web” 菜单,选中“Dynamic Web Project” 填写向导窗口中的内容,其中“Target runtime”选择第一步中所添加的Tomcat服务器,在向导的最后一步中勾选“Generate web.xml deployment descriptor”,完成创建。
    图五
    图六
    图七
    图八
  6. 创建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>&nbsp;</tr>
<tr>&nbsp;</tr>
<tr>&nbsp;</tr>
<tr>&nbsp;</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项目发布

  1. 打开Servers视图:点击“窗口”选中“显示视图”点击“其他”展开“Server” 菜单,选中“Serves”,点击“打开” 便可以在Eclipse下方看到Servers视图。
    图一
    图二
    图三
  2. 发布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页面访问演示:
图一

猜你喜欢

转载自blog.csdn.net/yga_airspace/article/details/80779246
jsp