eclipse mysql 注册登录界面_在eclipse中基于JSP的用户注册登录界面

这篇博客介绍了如何在MyEclipse环境下,利用JSP和JDBC技术创建一个用户注册登录系统。系统包括用户登录、注册和退出登录功能,详细阐述了每个JSP文件的作用和代码实现,以及数据库连接配置。同时提供了项目的源码和数据库建表SQL文件的下载链接。
摘要由CSDN通过智能技术生成

1、开发工具和开发环境

开发工具: MyEclipse10,JDK1.6.0_13(32位),Tomcat7.0(32位),mysql5.7.13

开发环境:WIN10

2、Demo_JSP实现功能

用户登录、用户注册、退出登录。

3、Demo_JSP使用技术

本实例使用了JSP、JDBC来实现用户登录、用户注册和退出登录功能。系统架构图如图一所示:

edba7c007aab268bad25bca8708b7327.png

图一:Demo_JSP系统架构图

下面请看图二(Demo_JSP中JSP文件间逻辑关系图):

218e96ede29d509ab4d56cb96efd9353.png

图二:Demo_JSP中JSP文件间逻辑关系图

4、具体实现

(1)在MyEclipse中新建一个Web project项目,并命名为Demo_JSP;

(2)向Demo_JSP项目中导入mysql-connector-java-5.1.6-bin.jar,这个包是实现Java连接数据库功能的包(不会导入包的同学,可以百度哟);

附:mysql-connector-java-5.1.6-bin.jar百度云下载链接:http://pan.baidu.com/s/1i5psdDF 密码:meyg

(3)在Demo_JSP项目中新建以下JSP文件:

1)login.jsp,用户登录的首页界面,代码如下:

48304ba5e6f9fe08f3fa1abda7d326ab.png

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

登录界面
登录窗口
用户名
密码

href="register.jsp">注册新用户

48304ba5e6f9fe08f3fa1abda7d326ab.png

2)login_action.jsp,接收login.jsp页面中用户输入的用户名和密码,通过JDBC实现登录认证,具体代码如下:

48304ba5e6f9fe08f3fa1abda7d326ab.png

//get parameters

String username = request.getParameter("username");

String password = request.getParameter("password");

//check null

if (username == null || password == null) {

response.sendRedirect("login.jsp");

}

//validate

boolean isValid = false;

String sql = "select * from userInfo where username='"+username+"' and password='"+password+"'";

try {

Class.forName(drv).newInstance();

Connection conn = DriverManager.getConnection(url, usr, pwd);

Statement stm = conn.createStatement();

ResultSet rs = stm.executeQuery(sql);

if(rs.next())isValid = true;

rs.close();

stm.close();

conn.close();

} catch (Exception e) {

e.printStackTrace();

out.println(e);

} finally {

}

if (isValid) {

session.setAttribute("username", username);

response.sendRedirect("welcome.jsp");

} else {

response.sendRedirect("login.jsp");

}

%>

My JSP 'login_action.jsp' starting page

48304ba5e6f9fe08f3fa1abda7d326ab.png

3)inc.jsp,存放数据库连接的地址,具体代码如下:

48304ba5e6f9fe08f3fa1abda7d326ab.png

String drv = "com.mysql.jdbc.Driver";

String url = "jdbc:mysql://localhost:3306/library_system";

String usr = "root";

String pwd = "root";

%>

My JSP 'inc.jsp' starting page

This is my JSP page.

48304ba5e6f9fe08f3fa1abda7d326ab.png

4)welcome.jsp,用户登录成功后的主界面,具体代码如下:

48304ba5e6f9fe08f3fa1abda7d326ab.png

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'welcome.jsp' starting page
picture_01.pngpicture_03.jpg

Main
Menu1
Menu2
Menu3
Menu4
Menu5
Menu6
Menu7
Menu8
登录成功
欢迎你,

48304ba5e6f9fe08f3fa1abda7d326ab.png

5)loginout.jsp,用户退出登录,返回登录主界面,具体代码如下:

48304ba5e6f9fe08f3fa1abda7d326ab.png

session.removeAttribute("username");

response.sendRedirect("login.jsp");

%>

My JSP 'logout.jsp' starting page

48304ba5e6f9fe08f3fa1abda7d326ab.png

6)register.jsp,实现用户注册界面,具体代码如下:

48304ba5e6f9fe08f3fa1abda7d326ab.png

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

My JSP 'register.jsp' starting page
注册窗口
用户名
密码
确认密码
Email

href="login.jsp">返回

48304ba5e6f9fe08f3fa1abda7d326ab.png

7)register_action.jsp,通过JDBC实现注册,并把数据写入数据库,具体代码如下:

48304ba5e6f9fe08f3fa1abda7d326ab.png

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

//get parameters

String username = request.getParameter("username");

String password1 = request.getParameter("password1");

String password2 = request.getParameter("password2");

String email = request.getParameter("email");

//check null

if (username == null || password1 == null || password2 == null || !password1.equals(password2)) {

response.sendRedirect("register.jsp");

}

//validate

boolean isValid = false;

String sql = "select * from userInfo where username='"+username+"'";

try {

Class.forName(drv).newInstance();

Connection conn = DriverManager.getConnection(url, usr, pwd);

Statement stm = conn.createStatement();

ResultSet rs = stm.executeQuery(sql);

if(!rs.next()) {

sql = "insert into userInfo(username,password,mail) values('"+username+"','"+password1+"','"+email+"')";

stm.execute(sql);

isValid = true;

}

rs.close();

stm.close();

conn.close();

} catch (Exception e) {

e.printStackTrace();

out.println(e);

}

if (isValid) {

response.sendRedirect("login.jsp");

} else {

response.sendRedirect("register.jsp");

}

%>

My JSP 'register_action.jsp' starting page

48304ba5e6f9fe08f3fa1abda7d326ab.png

5、运行结果展示

(1)在浏览器中输入http://localhost:8080/Demo_JSP/login.jsp,将出现如下图三所示:

6cb35e6c0c08c91ce2193e3ba5f6603c.png

图三:登录界面

(2)点击注册新用户,将会出现如下图四所示:

8cc87f9d5ebca3c239c2953e998896a3.png

图四:注册界面

(3)注册成功后,会自动返回到登录界面,然后输入用户名和密码,点击登录将出现如下图五所示:

379c5455061a3c9b1d2281ff072ec2ef.png

图五:登录后的welcome.jsp界面

附:Demo_JSP项目实例源码百度云下载链接:http://pan.baidu.com/s/1mifI8nI 密码:j3wp;   本实例所使用数据库建表sql语句文件下载链接:http://pan.baidu.com/s/1eS0n9aM 密码:7ttd

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值