【数据库篇】——8.登录注册系统中登录界面的界面和功能的实现

最新推荐文章于 2024-05-16 08:59:34 发布

小龙

最新推荐文章于 2024-05-16 08:59:34 发布

阅读量6k

点赞数 3

分类专栏： ====JavaWeb 学习笔记==== 数据库 JavaWeb学习文章标签：登录界面数据验证 mvc

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/qq_36631076/article/details/79885110

版权

====JavaWeb 学习笔记==== 同时被 3 个专栏收录

27 篇文章 4 订阅

订阅专栏

JavaWeb学习

27 篇文章 1 订阅

订阅专栏

数据库

16 篇文章 2 订阅

订阅专栏

学习下一节：注册的界面和功能的实现

1.简要说明

我的审美能力不差，但是前端没学好，界面写的很差，所以这里我用的登录注册界面是慕课网里面开源的一段代码。

登录界面如下，先看看效果图吧。

2.welcome.jsp界面：登录注册主界面

<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
   String path = request.getContextPath();
   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
	<head>
		<!-- Page title -->
		<title>欢迎使用用户登录注册系统</title>
		<!-- End of Page title -->
		<!-- Libraries -->
		<link type="text/css" href="css/login.css" rel="stylesheet" />	
		<link type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.html" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="js/easyTooltip.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
		<!-- End of Libraries -->	
	</head>
	<body>
	<div id="container">
		<div class="logo">
			<a href="#"><img src="assets/logo.png" alt="" /></a>
		</div>
		<div id="box">
			<form action="dologin.jsp" method="post">
			<p class="main">
				<label>用户名: </label>
				<input name="username" value="" /> 
				<label>密码: </label>
				<input type="password" name="password" value="">	
			</p>
			<p class="space">
				<input type="submit" value="登录" class="login" name="sign_in" style="cursor: pointer;"/>
			</p>
			</form>
		</div>
	</div>
	<br/>
	<br>
	<hr>
	<center>如果您还没有注册，请单击<a href="sign_up.jsp">这里</a>注册！  </center>
	</body>
</html>

3.功能实现：dologin.jsp

从上面的jsp代码可以看出来，当用户点击登录按钮的时候，表单会跳转到dologin.jsp，而在这个里中我们要做的就是验证用户的登录是否能和数据库中的匹配的上，具体来看看代码吧。

<%@page import="com.model.User"%>
<%@page import="com.dao.UsersDao"%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!-- 登录界面，用于验证用户的信息和数据库是否匹配 -->
<%
	request.setCharacterEncoding("utf-8");  
    String name = request.getParameter("username");  
    String password = request.getParameter("password");
    
    //创建数据操纵对象，获取数据库中name的user
    UsersDao dao=new UsersDao();
    User u=dao.get(name);
     
    //获取到的user的密码相等，说明登录成功
    if(password.equals(u.getPassword()))
    {
     	log("恭喜你登录成功！");
     	%>
     	
    <html>

		<head>
		<script language="javascript"> //JavaScript脚本标注
		alert("恭喜你登录成功！");//在页面上弹出上联
		</script>

		</head>
	</html>
     	
     	<%
     	//pageContext.forward("welcome.jsp");
    }else{
    	log("登录失败！重新登陆！！！");
    	pageContext.forward("welcome.jsp");
    	
    }
%>

从这里我们可以看出来，验证登录界面的功能代码并不多，也用到了我们之前定义的UsersDao这个类，这个类就用于处理数据操作，看起来简单明了，思路也更为清晰。好啦，接下来就是注册界面的视图和功能的实现了。

学习下一节：注册的界面和功能的实现

小龙

关注

3
点赞
踩
34

收藏

觉得还不错? 一键收藏
0
评论
【数据库篇】——8.登录注册系统中登录界面的界面和功能的实现

学习下一节：注册的界面和功能的实现1.简要说明我的审美能力不差，但是前端没学好，界面写的很差，所以这里我用的登录注册界面是慕课网里面开源的一段代码。登录界面如下，先看看效果图吧。2.welcome.jsp界面：登录注册主界面&lt;%@ page langu...
复制链接

扫一扫