简单的连接数据库的Web登录界面

一、需求分析

实现在登录界面输入用户名和密码，连接数据库，与数据库信息进行比对，若用户名和密码相互匹配，则显示登陆成功，若不正确，选择重新输入。

二、工具

1.MySql 2.Tomcat 3.Java EE 4.SQLyog或Navicat等，并配置好环境变量。

三、实现步骤

1.数据库建表

首先，创建数据库，并在数据库中创建数据表，表格如图所示：

2.新建项目

打开Eclipse Jee,File–new–Dynamic Web Project.

3.创建JSP、Class文件

1、新建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=utf-8">
<title>Insert title here</title>
</head>
<body><center><h1 style="color:blue">登录</h1><form id="indexform" name="indexForm" action="check.jsp" method="post"><table border="0"><tr><td>账号：</td><td><input type="text" name="username"></td></tr><tr><td>密码：</td><td><input type="password" name="password"></td></tr></table><br><input type="submit" value="登录"></form></center>
</body>
</html>

2、新建check.jsp

<%@ page import="java.sql.*" 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=utf-8">
<title>Insert title here</title>
</head>
<body>
<jsp:useBean id="db" class="Bean.DBBean" scope="page"/>
<%request.setCharacterEncoding("UTF-8");String username=(String)request.getParameter("username");//获取login页面输入的用户名和密码String password=(String)request.getParameter("password");String sql="select * from users where username="+"'"+username+"'";//定义一个查询语句ResultSet rs=db.executeQuery(sql);//执行查询语句if(rs.next()){//将输入的密码与数据库密码相比对，执行相应操作if(password.equals(rs.getObject("password"))){response.sendRedirect("success.jsp");}else{out.print("<script language='javaScript'> alert('密码错误');</script>");response.setHeader("refresh", "0;url=login.jsp");}}else {out.print("<script language='javaScript'> alert('用户名错误，请重新输入');</script>");response.setHeader("refresh", "0;url=login.jsp");}%>
</body>
</html>

3、新建success.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>Insert title here</title>
</head>
<body style="text-align:center">
<h1>登录成功</h1>
</body>
</html>

4、创建DBBean.java文件
在该项目下，先创建名为Bean的package文件，然后创建DBBean.java文件：

package Bean;
import java.sql.*;
public class DBBean {private String driverStr = "com.mysql.jdbc.Driver";private String connStr = "jdbc:mysql://localhost:3306/test";private String dbusername = "root";private String dbpassword = "root";private Connection conn = null;private Statement stmt = null;public DBBean(){try{Class.forName(driverStr);conn = DriverManager.getConnection(connStr, dbusername, dbpassword);stmt = conn.createStatement();} catch (Exception ex) {System.out.println(ex.getMessage());System.out.println("数据连接失败！");} }public int executeUpdate(String s) {int result = 0;System.out.println("--更新语句:"+s+"\n");try {result = stmt.executeUpdate(s);} catch (Exception ex) {System.out.println("执行更新错误！");}return result;}public ResultSet executeQuery(String s) {ResultSet rs = null;System.out.print("--查询语句:"+s+"\n");try {rs = stmt.executeQuery(s);} catch (Exception ex) {System.out.println("执行查询错误！");}return rs;}public void execQuery(String s){try {stmt.executeUpdate(s);} catch (SQLException e) {System.out.println("执行插入错误！");}}public void close() {try {stmt.close();conn.close();} catch (Exception e) {}}
}

5、导入Mysql包
将mysql-connector-java-5.1.7-bin.jar拷贝到tomcat下lib目录即可。

四、运行结果

简单的连接数据库的Web登录界面相关推荐

web登录界面设计_出色的Web界面设计的7条规则
web登录界面设计 When you work on a website or on the design of web pages, remember that their success is n ...
华为S5700S-52P-LI-AC千兆网管交换机web登录界面配置
研究一下午,包装附的说明书根本就是错误的,通过技术售后和官方的文档结合,总算可以登录交换机的web管理界面. 首先需要使用通讯控制线缆(包装中附)连接电脑和交换机,一头接交换机的Console口,一头 ...
USG6000V防火墙WEB登录界面超详细配置过程
防火墙在企业中的应用非常广泛,几乎现在每个公司的网络中都会用到防火墙,或多或少做一些安全策略.公司中也一定存在着负责日常维护这些网络设备的工作人员.如果稍微专业一点,可能他们会通过直接敲命令的方式来管 ...
使用eclipse创建一个web登录界面项目
本人已转入头条------>>坐公交也用券 JAVA环境配置请看这篇----------------------->>>>配置JAVA eclipse软件下载URL ...
java wed登录面代码_Java Web登录界面
非常激动的开通了我的第一个博客,在这里希望大家能多多指点,相互学习. 一个简单的登录界面首先我们先把这个登录分为三块: 一.数据库数据库我用的是MYSQL: 二.前端三.后台 1. 后台代码的 ...
java web 登录界面案例_【JavaWeb】74：写一个登录案例
今天是刘小爱自学Java的第74天. 感谢你的观看,谢谢你. 话不多说,开始今天的学习: Java又常被称之为后台开发. 什么叫后台呢?除了后台还有什么前台.前端后端-- 这些概念一大堆,还容易弄混. ...
简单学生选课系统之登录界面
图片代码: checkcode.jsp var code ; //在全局定义验证码 //产生验证码 function createCode(){code = ""; var co ...
java wed登录面代码_java web 登录界面
JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标 ...
bootstrap设计登录页面_前端小白如何在10分钟内打造一个爆款Web响应式登录界面？...
对于前端小白(例如:专注后端代码N年的攻城狮),自己编写一个漂亮的Web登录页面似乎在设计上有些捉襟见肘,不懂UI设计,颜色搭配极度的混乱(主色,辅助色,配色,色彩渐变,动画效果等等,看起来一堆乱七八 ...

简单的连接数据库的Web登录界面

简单的连接数据库的Web登录界面

一、需求分析

二、工具

三、实现步骤

1.数据库建表

2.新建项目

3.创建JSP、Class文件

四、运行结果

简单的连接数据库的Web登录界面相关推荐

最新文章

热门文章