java web 实验1 环境配置及第一个页面——登录

最新推荐文章于 2023-06-09 13:00:06 发布

尘埃于光年

最新推荐文章于 2023-06-09 13:00:06 发布

阅读量1.4k

点赞数

本文链接：https://blog.csdn.net/weixin_43674808/article/details/109047829

版权

Java web 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

java web 实验1 环境配置及第一个页面——登录

一、实验目的

了解 JSP 的特点。 2. 配置 JSP 开发环境。 3. 熟悉 JSP 的开发环境。 4. 掌握网页设计技巧，学会根据需求设计网页。

二、实验要求

理解 JSP 编程特点及编程结构，编制基本登录页面程序。 2. 编写登录页面的界面程序并做验证。

三、实验内容
1.使用基本语法建立登录页面，包括：文本框、标签、按钮
2.建立登录页面，包括：用户名及其必填验证，口令及其必填验证。注：暂时先不实现数据库相关操作，用 Eclipse 开发 jsp。
login.html 显示登录表单界面；
login.jsp 判断用户名和密码,如果正确,则跳转到登录成功页面success.jsp,否则跳转到出错页面 failure.jsp。

四、实验步骤
1.配置及安装 JSP 开发环境。 Jdk +Tomcat +Eclipse
2.创建一个 JSP 的网站项目。
3.进入网站编辑环境，建立网站中的具体网页。
1).在 Eclipse 中选择文件->新建->Dynamic WebProject,新建一个项目 book；
2).在项目 WebContent（WebRoot）目录下创建 login.html、login.jsp、success.jsp、 failure.jsp 文件。
3).部署运行。在 Eclipse 点中你的项目->run->run as。

源代码：

1 login.html

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	 <style type="text/Css">...
		<!--
		.style1 {...}{              <!--指定MIME类型-->
		    font-size: 18px;         <!--行间距-->
		    font-weight: bold;      <!--设置文本的粗细，定义粗体字符-->
		}
		.style2 {...}{font-size: 24px}
		.style5 {...}{font-size: 16px}
		-->
    </style>  
</head>

	<body  bgcolor="papayawhip"  width="300" height="300">   
	<!--bgcolor 规定文档的背景颜色-->
    <center>
    <table border="2" bordercolor="black" bgcolor="lightgreen">   
    <!--border规定围绕表格的边框的宽度-->
    <tbody>
    <tr>
    <td><div align="center" class="style1 style2">系 统 登 录                        		 <!--框架内所有内容都居中-->
      </div></td>
    </tr>
    <form action="login.jsp" method="post">        
    <!-- form表单，提交后会跳转到login.jsp，采用的方式是post -->
        <tr>
        <td height="28"><span class="style5">用户名</span>    
<!-- <td>标签的height属性用于指定单元格的高度，span标签用来组合文档中的行内元素-->
<!-- type 属性规定 input 元素的类型-->
<!-- text定义单行的输入字段，用户可在其中输入文本。默认宽度为20 个字符-->               
        <input type="text" name="uid" maxlength="20" style="width:150"></td></tr><br>
        <tr>
<!--password定义密码字段。该字段中的字符被掩码-->
        <td><span class="style5">密&nbsp;&nbsp;码</span>        
        <input type="passWord" name="upwd" maxlength="20" style="width:150"></td></tr><br>
        <center>
        <tr><td><div align="center">
<!-- submit定义提交按钮。提交按钮会把表单数据发送到服务器-->
<!-- reset定义重置按钮。重置按钮会清除表单中的所有数据-->        
              <input type="submit" value="登录" >&nbsp;&nbsp;
<input type="reset" value="取消">
          </div></td></tr>
        </center>
    </form>
</body>
</html>

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<% if(request.getParameter("uid").equals("sky2098")&&request.getParameter("upwd").equals("sky2098")){
        session.setAttribute("login","ok");
        session.setMaxInactiveInterval(-1);
	%>
<jsp:forward page="success.jsp"/>
	<%
   		 }else{
            out.println("用户名或密码错误!");
		 }
	%>
</body>
</html>

success.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<center>
    ~WELCOME TO MY HOMEPAGE~
    </center>
</body>
</html>

failure.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%
if(session.getAttribute("login")==null!=session.getAttribute("login").equals("ok")){
        response.sendRedirect("login.html");
}
%>
</body>
</html>

在这里插入图片描述

尘埃于光年

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
java web 实验1 环境配置及第一个页面——登录

java web 实验1 环境配置及第一个页面——登录一、实验目的了解 JSP 的特点。 2. 配置 JSP 开发环境。 3. 熟悉 JSP 的开发环境。 4. 掌握网页设计技巧，学会根据需求设计网页。二、实验要求理解 JSP 编程特点及编程结构，编制基本登录页面程序。 2. 编写登录页面的界面程序并做验证。三、实验内容1.使用基本语法建立登录页面，包括：文本框、标签、按钮2.建立登录页面，包括：用户名及其必填验证，口令及其必填验证。注：暂时先不实现数据库相关操作，用 Eclipse 开发
复制链接

扫一扫