jsp基础项目实战--实现登陆并验证功能

最新推荐文章于 2022-04-15 20:25:18 发布

VIP文章 Mr_cqh

最新推荐文章于 2022-04-15 20:25:18 发布

阅读量1.9k

点赞数 1

本文链接：https://blog.csdn.net/Mr_cqh/article/details/82049952

版权

最近刚学习了解jsp的语法及用法，就写了这么一个登陆界面，巩固一下。

开发工具：eclipse及chorm浏览器

一、数据库及jar包准备

eclipse新建项目Login。

新建数据库login_users，在数据库中新建表users，操作语句如下：

先进入mysql用户root，这个因为每个人密码不同，所以自己操作。

建库语句：

create database login_users;

建表语句：

use login_users;

create table users(

id varchar(20) not null,

pw varchar(20) not null,

power varchar(20) not null

）ENGINE=InnoDB DEFAULT charset=utf-8;

在该表中，有三个字段id,pw power,分别表示账号，密码以及权限。

所以先插入一个具有管理权限的超级管理员，id为amin,密码为123456.

语句如下：

insert into users values ('admin','123456','超级管理员');

数据库的准备就到这里。

接下来是jar包的准备：

需要用到额外下载的三个包：

standard.jar、jstl.jar和mysql-connector-java-5.1.44-bin.jar。

前两个包是用到jsp标准标签库，后面一个为jdbc所必需的包。

JSTL 库安装

Apache Tomcat安装JSTL 库步骤如下：

从Apache的标准标签库中下载的二进包(jakarta-taglibs-standard-current.zip)。下载地址：http://archive.apache.org/dist/jakarta/taglibs/standard/binaries/
下载jakarta-taglibs-standard-1.1.1.zip 包并解压，将jakarta-taglibs-standard-1.1.1/lib/下的两个jar文件：standard.jar和jstl.jar文件拷贝到/WEB-INF/lib/下。

接下来我们在 web.xml 文件中添加以下配置：

……
	<jsp-config>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/fmt</taglib-uri>
	<taglib-location>/WEB-INF/fmt.tld</taglib-location>
	</taglib>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/fmt-rt</taglib-uri>
	<taglib-location>/WEB-INF/fmt-rt.tld</taglib-location>
	</taglib>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/core</taglib-uri>
	<taglib-location>/WEB-INF/c.tld</taglib-location>
	</taglib>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/core-rt</taglib-uri>
	<taglib-location>/WEB-INF/c-rt.tld</taglib-location>
	</taglib>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/sql</taglib-uri>
	<taglib-location>/WEB-INF/sql.tld</taglib-location>
	</taglib>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/sql-rt</taglib-uri>
	<taglib-location>/WEB-INF/sql-rt.tld</taglib-location>
	</taglib>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/x</taglib-uri>
	<taglib-location>/WEB-INF/x.tld</taglib-location>
	</taglib>
	<taglib>
	<taglib-uri>http://java.sun.com/jstl/x-rt</taglib-uri>
	<taglib-location>/WEB-INF/x-rt.tld</taglib-location>
	</taglib>
	</jsp-config>
……

使用任何库，你必须在每个JSP文件中的头部包含<taglib>标签。

下载连接mysql的jar包，http://dev.mysql.com/downloads/connector/，详细操作可网上查询，下载完成后将jar包添加到新建的项目Login中来。前期准备到这里结束。

二、编写html登陆界面

首先是登陆界面的编写，采用css+html，代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>login</title>
<style type="text/css">
a:link{color:#33CC00;}
a:visited{color:#33CC00;}
a:hover{color:#33CC00;}
a:active{color:#66FFFF;}
.cnt{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
background-color:#0033CC;
height:40%;
width:40%;
text-align:center;
}
.cnt>.rgst{
text-align:left;
height:10px;
}
#txt{
height:30px;
width:200px;
margin:2px;
}
#btn{
height:40px;
width:250px;
background-color:#2894FF;
margin:10px;
}
</style>
</head>
<body>
<div class="cnt">
<h2>欢迎登陆</h2>
<form action="login_check.jsp" Method="POST">
账号：<input type="text" id="txt" name="user_id"><br/>
密码：<input type="text" id="txt" name="password"><br/>
<input type="submit" id="btn" name="login" value="登陆">
</form>
<div class="rgst">
<a href="register.html" target="_blank"><font size="1">没有账号？立即注册></font><br/></a>
<a href="rfpw.html" target="_blank"><font size="1">忘记密码？点击修改></font></a>
</div>
</div>
</body>
</html>

运行效果如图：

最低0.47元/天解锁文章

Mr_cqh

关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
jsp基础项目实战--实现登陆并验证功能

最近刚学习了解jsp的语法及用法，就写了这么一个登陆界面，巩固一下。开发工具：eclipse及chorm浏览器一、数据库及jar包准备eclipse新建项目Login。新建数据库login_users，在数据库中新建表users，操作语句如下：先进入mysql用户root，这个因为每个人密码不同，所以自己操作。建库语句：create database login_use...
复制链接

扫一扫