精华内容
下载资源
问答
  • 用户在网页登录注册的功能简单界面以及登录注册后台处理代码,在笔记本工具手动敲代码生成.asp文件,部署IIS后可在本机通过127.0.0.1:端口号/文件名.asp直接访问。
  • web交互设计课程实验源代码,用户登录注册设计,参考黎老师课程
  • Web实现注册登录功能源代码 - Lux_Sun CSDN Blog:https://blog.csdn.net/Dream_Weave
  • web实现注册登录功能源代码,完整代码教程。适合新开发人员练习使用
  • 自己做的最简单的网页,有登录注册、信息维护、密码找回、查看个人信息等功能,含加密与解密。数据库的创建为 Create table userinfo( Username varchar primary key, Pwd varchar, Gender varchar, Email varchar...
  • 注册网页 注册信息存入localStorage (web下存储) 登录网页 注册完成跳转登录界面 验证登录完成 延时跳转至目标网页 实现效果如下:(没来得及美化页面) 登录界面 注册界面 注册完成界面 验证登录界面 **...

    Html、Js基于web储存localStorage下的注册界面、登录界面及登录验证成功弹出跳转的简单网页

    实现结果:

    1. 注册网页 注册信息存入localStorage (web下存储)
    2. 登录网页 注册完成跳转登录界面 验证登录完成 延时跳转至目标网页

    实现效果如下:(没来得及美化页面)

    登录界面

    在这里插入图片描述

    注册界面

    在这里插入图片描述

    注册完成界面

    在这里插入图片描述

    验证登录界面

    在这里插入图片描述


    代码实现
    1.Login.html

    <!-- /**
     * 基于localStorage储存信息的网站登录
     */ -->
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>登录界面</title>
    		<style type="text/css">
    			body{
    				text-align: center;
    			}
    		</style>
    	</head>
    	<body>
    		<font size="6">登&nbsp;录</font>
    		<br />
    		用户名:
    		<input type="text" name="user_name" id="user_name" placeholder="请输入用户名" />
    		<br />
    		密码:
    		<input type="password" name="user_password" id="user_password" value="" placeholder="请输入密码" />
    		<br>
    		<button type="button" id="login">登录</button>
    		<button type="button" id="register">注册</button>
    		<br />
    		<p id="login_sucss"></p>
    	</body>
    	<script type="text/javascript">
    		var login_btn = document.getElementById("login");
    		var register_btn = document.getElementById("register");
    		//登陆按钮实现
    		login_btn.addEventListener("click",function(){
    			var user_name = document.getElementById("user_name").value;
    			var user_password = document.getElementById("user_password").value;
    			var user_nameArr = new Array(localStorage.length);
    			//将储存的记录存入数组中
    			for(i=0;i<localStorage.length;i++){
    				user_nameArr[i] = localStorage.key(i);
    			}
    			if(user_nameArr.includes(user_name)){
    				var store_password = localStorage.getItem(user_name);
    				 if(user_password == store_password){
    					 confirm("登陆成功,是否前往");  //选择弹框
    					 window.location.href = "https://blog.csdn.net/weixin_44609873";
    					 
    				 } else{
    					 document.getElementById("login_sucss").innerHTML = "密码错误!";
    				 }
    			}
    			else{
    				document.getElementById("login_sucss").innerHTML = "用户名不存在!";
    			}
    		})
    		//注册按钮实现
    		register_btn.addEventListener("click",function(){
    			window.location.href = 'Register.html';
    		})
    	</script>
    </html>
    
    

    2.Register.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>注册</title>
    		<style type="text/css">
    			body{
    				text-align: center;
    				margin-left: auto;
    				margin-right: auto;
    			}
    		</style>
    	</head>
    	<body>
    		<font size="6" color="">注&nbsp;册</font>
    		<br />
    		用户名:
    		<input type="text" name="reg_name" id="reg_name" value="" />
    		<br />
    		密码:
    		<input type="password" name="reg_password" id="reg_password" value="" />
    		<br />
    		<button type="button" id="register_btn">注&nbsp;册</button>
    		<br />
    	</body>
    	<script type="text/javascript">
    		var register_btn = document.getElementById("register_btn");
    		//点击注册触发事件
    		register_btn.addEventListener("click",function(){
    			var user_name = document.getElementById("reg_name").value;
    			var user_password = document.getElementById("reg_password").value;
    			if(user_name.length == 0||user_password.length ==0){
    				alert("请输入需要注册的用户名或密码!");
    			}
    			//注册成功存入localStorage,并且弹回登录界面
    			else{
    				localStorage.setItem(user_name,user_password);
    				alert("注册成功!正在跳转。。。");
    				//注册完成实现延时跳转登录 
    				//第二种延时跳转
    				setTimeout(function(){
    					window.location.href = "Login1.html";
    				},1000);  //1秒
    			}
    		})
    	</script>
    </html>
    
    
    展开全文
  • Java Web实现登录注册(超详细附代码) 文章目录Java Web实现登录注册(超详细附代码)1.前言2.登录注册设计流程3.注册的数据流程4.登录的数据流程5.部分代码的展示5.1注册5.2登录6.总结 1.前言 相信刚学Javaweb的小...

    Java Web实现登录注册(超详细附代码)

    1.前言

    相信刚学Javaweb的小伙伴第一个接触的个人小项目都是从项目的登录注册开始的。
    下面一个小项目中的登录注册将会带大家从零开始学习怎么设计登录注册流程.

    2.登录注册设计流程

    登录注册设计流程

    3.注册的数据流程

    那么我们的前端数据是怎么传向后端的?
    1.首先这里我们是用 表单传递 通过form提交
    在这里插入图片描述

    2.在这里,我们输入自己的姓名和密码,点击注册按钮。此时输入的这三个数据,我们可以看做成是一个表单的数据,这些数据会提交到服务器上:

    3.此时,一个叫Tomcat的东西会处理这个请求,
    4.得到请求之后,Tomcat会将这个请求交由Servlet来进行处理
    5.Servlet调用Dao层写的各种实现方法,与数据库进行交互(curd调用仔)
    那么下面就是注册操作的主要调用流程图

    register.jsp
    registServlet
    UserDB

    第一步
    在这里插入图片描述

    第二步
    在这里插入图片描述

    第三步
    在这里插入图片描述

    4.登录的数据流程

    登录操作的主要调用流程图

    Login.jsp
    LoginServlet
    UserDB

    在这里插入图片描述
    第一步
    在这里插入图片描述

    第二步
    在这里插入图片描述

    第三步
    在这里插入图片描述

    第四步
    在这里插入图片描述

    5.部分代码的展示

    5.1注册

    register.jsp注册页面
    通过表单实现跳转到servlet

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width",initial->
        <link rel="stylesheet" href="style.css">
        <title>world message board of the future</title>
    </head>
    
    <body background="pictures/02.jpg">
    <div class="form-wrapper">
        <div class="header">
            Register
    	</div>
    	<form action="RegistServlet" method = "post">
    	<!-- 浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。 -->
    		<input type="hidden" name="action" value="regist">
        <div class="input-wrapper">
        	<div class="border-wrapper">
            	<input type="text" name="username" placeholder="username" class="border-item">
        	</div>
            <div class="border-wrapper">
                <input type="text" name="password" placeholder="password" class="border-item">
    		</div>
    	<div class="border-wrapper">
    		<input type="password" name="password2" placeholder="Confirm password" class="border-item">
    	</div>
    	<div class="action">
    		<input type="submit" name="regist" class="btn" value="Regist" ><br>
    	</div>
    	</div>
    	</form>
    	<center>
    		<!-- 获取注册是否成功信息 -->
    		<p class="col">${message}</p>
    	</center>
    	</div>
    </body>
    </html>
    

    RegisterServlet.java
    业务层:处理注册业务

    package Sevlet;
    
    import java.io.IOException;
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    
    import javaBean.User;
    import useBean.UserDB;
    
    @WebServlet("/RegistServlet")
    public class RegistServlet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
    	String message ="";
           
        public RegistServlet() {
            super();
        }
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		request.setCharacterEncoding("utf-8");
    		//获取隐藏域的信息
    		String action = request.getParameter("action");
    		String url ="register.jsp";
    		
    		if(action.equals("regist")) 
    			url = registerUser(request,response);
    		getServletContext().getRequestDispatcher(url).forward(request, response);
    	}
    	//注册函数
    	private String registerUser(HttpServletRequest request,HttpServletResponse response) {
    		String username = request.getParameter("username"); 
    		String password = request.getParameter("password");
    		String password2 = request.getParameter("password2");
    		String message = "";
    		//得到HttpSession类型的对象
    		HttpSession session = request.getSession();
    		//将数据存储于User对象
    		User user = new User();
    		user.setusername (username); 
    		user.setpassword(password);
    		String url = "/login.jsp";
    		if(password.equals(password2))
    		{
    			if( !UserDB.UserExists(username) ) {
    				message = "Registration successful! and login in";
    				session.setAttribute("message", message);
    				//将注册用户信息写入数据库
    				UserDB.insert(user);
    				return url;
    			}
    			else
    			{
    				message = "The user name already exists";
    				url = "/register.jsp";
    				session.setAttribute("message", message);
    				return url;
    			}
    		}
    		else 
    		{
    			message = "The password is inconsistent";
    			session.setAttribute("message", message);
    			url = "/register.jsp";
    			return url;
    		}
    	}
    }
    
    

    Dao层实现判断用户名是否存在和插入数据库的方法
    UserDB.java

        //注册时判断用户名是否存在
    	public static boolean UserExists(String username) {
    		//可以建立一个连接池保存一定数量的连接,当有对象需要数据库连接时,直接将这个连接返回给该对象,
    		ConnectionPool pool = ConnectionPool.getInstance();
    		Connection connection = pool.getConnection();
    		PreparedStatement ps = null;
    		ResultSet rs = null;
    		
    		String qr = "SELECT username FROM User "+ "WHERE username = ?";
    		try {
    			ps = connection.prepareStatement(qr);
    			ps.setString(1, username);
    			rs = ps.executeQuery();
    			return rs.next();
    		} catch (SQLException e) {
    			System.out.println(e);
    			return false;
    		} finally {
    			DBUtil.closeResultSet(rs);
    			DBUtil.closePreparedStatement(ps);
    			pool.freeConnection(connection);
    		}
    		
    	}
    	//将注册用户信息保存至数据库
    	public static int insert(User user) {
    		ConnectionPool pool = ConnectionPool.getInstance();
    		Connection connection = pool.getConnection();
    		PreparedStatement ps = null;
    		
    		String qr = "INSERT INTO User (username, password)"+"VALUES (?, ?)";
    		try { 
    			
    			ps = connection.prepareStatement(qr);
    			ps.setString(1, user.getusername());
    			ps.setString(2, user.getpassword());
    			
    			return ps.executeUpdate();
    		} catch (SQLException e) {
    			System.out.println(e);
    			return 0;
    		} finally {
    			DBUtil.closePreparedStatement(ps);
    			pool.freeConnection(connection);
    		} 
    		
    	}
    	
    

    5.2登录

    login.jsp登录界面
    通过表单实现跳转到servlet

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width",initial->
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="style.css">
        <title>world message board of the future</title>
    </head>
    
    <body background="pictures/01.jpg">
    <div class="form-wrapper">
        <div class="header">
            login
    	</div>
    	<form action="LoginServlet" method = "post"><!--form表单,你提交后,会跳转到LoginServlet  -->
    		<!-- 浏览者单击发送按钮发送表单的时候,隐藏域的信息也被一起发送到服务器。 -->
    		<input type="hidden" name="action" value="login">
        <div class="input-wrapper">
        	<div class="border-wrapper">
            	<input type="text" name="username" placeholder="input username" class="border-item">
        	</div>
            <div class="border-wrapper">
                <input type="password" name="password" placeholder="password" class="border-item">
            </div>
          
        </div>
    	<div class="action">
    		<input type="submit" name="login" class="btn" value="Sign in" ><br>
    		<button type="submit" formaction="register.jsp"  class="btn">register</button>
    	</div>
    	</form>
    	<center>
    		<!-- 获取登录是否成功信息 -->
    		<p class="col">${message}</p>
    	</center>
    </div>
    </body>
    </html>
    

    LoginServlet.java
    业务层:处理登录业务

    package Sevlet;
    
    import java.io.IOException;
    import java.util.List;
    
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.Cookie;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    import javax.servlet.http.HttpSession;
    
    import javaBean.Message;
    import javaBean.User;
    import useBean.UserDB;
    /**
     * Servlet implementation class Login
     */
    @WebServlet("/LoginServlet")//读取/LoginServlet完整路径
    public class LoginServlet extends HttpServlet {
    	private static final long serialVersionUID = 1L;
    	String message="";//定义一个变量
        public LoginServlet() {
            super();
        }
    
    	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    		String url ="/login.jsp";
    		String action = request.getParameter("action");
    		System.out.println("action: " + action);//打印测试
    		//设置编码
    		request.setCharacterEncoding("utf-8");
    		//检测页面是否完成提交
    		if(action == null)
    			url="/login.jsp";
    		else if(action.equals("login"))
    		//调用login()函数返回一个路径
    			url = login(request,response);
    		//设置登入是否成功的提示信息
    		request.setAttribute("message", message);
    		//调用forward()方法,转发请求 
    		getServletContext().getRequestDispatcher(url).forward(request, response);
    	}
    	
    	//login()函数
    	private String login(HttpServletRequest request, HttpServletResponse response) {
    		//获取登入的信息(姓名和密码)
    		String username = request.getParameter("username");
    		String password = request.getParameter("password");
    		//得到HttpSession类型的对象
    		HttpSession session = request.getSession();
    		String userid="";
    		//通过名字得出user的信息
    		User user = UserDB.selectUser(username);
    
    		String url = "/register.jsp";
    		if(user != null) {
    			//用户存在,比较密码
    			if(user.getpassword().equals(password)) {
    				//用于记录该用户状态
    				//cookie加入用户名
    				Cookie u = new Cookie("userid",username);
    				//设置有效期
    				u.setMaxAge(60*60*24*365*2);
    				//设置路径
    				u.setPath("/");
    				//将cookie加入浏览器
    				response.addCookie(u);
    				
    				userid = user.getid();
    				session.setAttribute("userid", userid);
    				//调用selectU从message表中读出所有数据
    				List<Message> mL = UserDB.selectU(); 
    				//返回ml信息
    				request.setAttribute("MessageList", mL);
    				url="/MessageList.jsp";
    				
    			}
    			else {
    				message = "Wrong password";
    				url="/login.jsp";
    			}
    		}
    		else {
    			message = "The user does not exist";
    			url = "/login.jsp";
    		}
    		return url;		
    	}	
    }
    
    

    UserDB.java
    Dao层实现查找用户的方法DB.java

    	
    	//登录时根据username读出user
    	public static User selectUser(String username) {
    		//可以建立一个连接池保存一定数量的连接,当有对象需要数据库连接时,直接将这个连接返回给该对象,
    		ConnectionPool pool = ConnectionPool.getInstance();
    		Connection connection = pool.getConnection();
    		PreparedStatement ps = null;
    		ResultSet rs = null;
    		//sql语句
    		String qr = "SELECT * FROM User "+ "WHERE username = ?";
    		try {
    			ps = connection.prepareStatement(qr);
    			//sql语句中问号的解释
    			ps.setString(1, username);
    			rs = ps.executeQuery();
    			User user = null;
    			if (rs.next()) {
    				user = new User ();
    				//设置userd的id,username,passward
    				user.setid(rs.getString("id"));
    				user.setusername(rs.getString("username"));
    				user.setpassword(rs.getString("password"));
    			}
    			return user;
    		} catch (SQLException e) {
    			System.out.println(e);
    			return null;
    			} finally {
    				//关闭PreparedStatement和ResultSet并释放连接池中此次连接
    				DBUtil.closeResultSet(rs);
    				DBUtil.closePreparedStatement(ps);
    				pool.freeConnection(connection);
    			}
    	}
    	
    

    6.总结

    以上所有登录注册源代码来自本人的一个项目,感兴趣的小伙伴可以在评论区留言。十分愿意与大家分享共同学习。欢迎批评指正!

    Java web实现video播放
    在这里插入图片描述

    展开全文
  • Java Web基础登陆注册代码

    热门讨论 2011-09-24 00:05:34
    这是个Java Web基础登陆注册代码,对于初学者来说是个好的学习资源。
  • 主要介绍了Java Web 登录页面的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • Web网页登录页面设计

    2020-03-09 23:40:56
    利用web网页设计技术(html+css)进行静态登录页面设计开发,包含源代码 ,以及网页所用的图片
  • 百度网页注册HTML代码

    千次阅读 多人点赞 2019-10-16 10:48:57
    <!DOCTYPE html> <html> <head> ...meta charset="UTF-8">...注册百度账号</title> </head> <style> *{ margin:0; padding:0; } body{ width:...
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>注册百度账号</title>
    	</head>
    	<style>
    		*{
    			margin:0;
    			padding:0;
    		}
    		body{
    			width:80%;
    			margin:auto;
    		}
    		#head{
    			display: block;
        		overflow: hidden;
    		}
    		.logo{
    			
    			width:137px;
    			height:46px;
    			margin-top:15px;
    			margin-left:47px;
    			float:left;
    		}
    		#head p{
    			height:25px;
    			width:140px;
    			font-size:18px;
    			border-left:1px solid #d9d9d9;
    			color:#666666;
    			text-align: center;
    			float:left;
    			margin-top:37px;
    			margin-left:13px;
    			font-weight:bold;
    			
    		}
    		.logo_a{
    			text-decoration: none;
    			width:330px;
    			height:76px;
    			margin-left:50px;
    		}
    		#login{
    			margin-top:27px;
    			margin-right:70px;
    			float: right;
    			font-size: 10px;
    			
    		}
    		#login>button{
    			margin-left:5px;
    			width:50px;
    			height:30px;
    			border: 1px solid #ededed;
    			border-radius: 7%;
    			background: #f7f7f7;
    		}
    		
    		.example {
       		width: 100%;
       		height: 3px;
       		background: -webkit-linear-gradient(top,#C1C1C1,#EDEDED);
       		margin-bottom: 50px;
       		margin-top: 20px;
     		}
    		#left{
    			float:left;
    			width:750px;
    			height:380px;
    		}
    		#left form{
    			margin-left:70px;
    		}
    		#left p{
    			margin-bottom:20px;
    			color:#666695;
    		}
    		#left span{
    			font-size:10px;
    			height:20px;
    		}
    		#left .text{
    			margin:0 7px;
    			width:350px;
    			height:40px;
    			padding-left:15px;
    		}
    		.check_p{
    			margin-left:5px;
    			font-size: 8px;
    			
    		}
    		.check_p a{
    			text-decoration:none;
    		}
    		.checkbox{
    			margin-left:50px;
    		}
    		.submit{
    			margin-top:20px;
    			margin-left:50px;
    			width:370px;
    			height:40px;
    			background: #3F89EC;
    			border-radius: 5px;
    			color:#fff;
    			font-size:18px;
    		}
    		#right{
    			width:258px;
    			height:205px;
    			border:1px solid #D1EEFF;
    			float: right;
    			background: #F5FBFF;
    			margin-right:50px;
    		}
    		#right_main{
    			margin:5px auto;
    			width:230px;
    			height:190px;
    		}
    		#right_top{
    			margin:0 auto;
    			border-bottom: 1px solid #E6EDF2;
    			width:230px;
    			height:50px;
    		}
    		#right_top img{
    			margin-top: 5px;
    		}
    		#right_top span{
    			float:right;
    			margin: 10px 100px 0 0px;
    		}
    		.font1{
    			margin-top:10px;
    			font-size:10px;
    		}
    		.font2{
    			font-size:14px;
    			color:#F18300;
    			font-weight: bold;
    		}
    		.div{
    			display: inline;
    		}
    		.pp{
    			float:left;
    		}
    		.span{
    			color:#666695;
    		}
    		.p1{
    			position: absolute;
    			top:380px;
    		}
    		#bottom{
    			position: absolute;
    			top:600px;
    			left:650px;
    			font-size: 12px;;
    		}
    		#bottom p{
    			color:#666695;
    		}
    		li{
    			font-size: 10px;
    			color:#666695;
    		}
    		.div1{
    			float:left;
    			margin-left:15px;
    		}
    		.div2 span{
    			color:#666695;
    		}
    	</style>
    	<body>
    		<div id="head">
    			<a class="logo_a" href="http://www.baidu.com">
    			<img class="logo" src="images/logo.gif"/>
    			<p>注册百度账号</p>
    			</a>
    			<span id="login">我已注册,现在就<button>登录</button></span>
    		</div>
    		<div id="main">
    		
    			<div class="example"> </div>
    			<div id="left">
    				<form method="post" action="#">
    					<p class="pp">用户名<input class="text" placeholder="请设置用户名" type="text"/><div class="div" ><span class="span">设置后不可更改</span><br/><span class="span">中英文均可,最长14个英文字符或7个汉字</span></div></p>
    					<p class="pp">手机号<input class="text" placeholder="可用于登录和找回密码" type="text"/><div class="div2"><span>请输入中国大陆手机号,其他用户不可见</span></div></p>
    					<p class="pp">验证码<input class="text" placeholder="请输入验证码" type="text"/></p>
    					<p class="pp">&nbsp&nbsp&nbsp密码<input class="text" placeholder="请设置登录密码" type="text"/><div class="div1"><ul><li>长度为6~14个字符</li><li>支持数字,大小写字母和标点符号</li><li>不允许有空格</li></ul></div></p>
    					<p class="p1"><input class="checkbox" type="checkbox"  checked="checked" /><span class="check_p">阅读并接受<a href="#">《百度用户协议》</a></span></p>
    					<br/>
    					<input class="submit" type="submit" value="注册" />
    				</form>
    				
    			</div>
    			<div id="right">
    				<div id="right_main">
    					<div id="right_top">
    						<img src="images/shouji.png"/>
    						<span>手机快速注册</span>
    					</div>
    					<p class="font1">请使用中国大陆手机号,编辑短信:</p>
    					<p class="font2">6-14位字符(支持数字/字母/符号)</p>
    					<p class="font1">作为登录密码,发送至:</p>
    					<p class="font2">1069 0691 036590</p>
    					<p class="font1">即可注册成功,手机号即为登录帐号。</p>
    				</div>
    			</div>
    			</div>
    			<div id="bottom">
    				<p>2017 ©Baidu</p>
    			</div>
    
    	</body>
    </html>
    

     

    展开全文
  • 在学习完SSM三大框架 mybatis Spring SpringMVC 之后做的一个小例子,实现了三个框架的整合。一个基于web网页版的 登录注册功能 ,没有使用mysql 来存储数据
  • 实例探析 任务5-1 探析手机麦包包网的用户注册网页 效果展示 手机麦包包网的用户注册网页0501.html的浏览效果如图5-1所示 ;网页探析 1网页0501.html的HTML代码探析 网页0501.html的HTML代码如表5-1所示;续表;2网页...
  • 简单WEB登录页面代码实现

    千次阅读 2020-03-03 20:57:40
    longin.html:登录页面,此处action引用**/**类型的地址,JSP可以用${ pageContext.request.contextPath }/LS <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...

    longin.html:登录页面,此处action引用**/**类型的地址,JSP可以用${ pageContext.request.contextPath }/LS
    登录页面展示,比较丑,看代码即可

    <!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">
    </head>
      <body>
        <form action="/lianxiti/LS",method="post">
        	
    	    用户名: <input name="username" type="text" /><br/>
    		密码:<input name="password" type="password" /><br/>	
    			    <input type="submit" value="提交" id="bt" />
        </form>
      </body>
    

    LoginServlet.java用户和前台WEB页面数据进行交互

    package it.tongyou.web.servlet;
    
    import java.io.IOException;
    import java.io.PrintWriter;
    
    import javax.servlet.ServletException;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;
    
    public class LoginServlet extends HttpServlet {
    	public void doGet(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    	//乱码解决
    	response.setContentType("text/html;charset-utf-8");
    	//获取页面传过来的数据
    	String username=request.getParameter("username");
    	String password=request.getParameter("password");
    	//判断账号密码
    	if(("xm").equals(username) && ("123").equals(password)){
    		response.sendRedirect("/lianxiti/success.html");
    	}else{
    		response.sendRedirect("/liantixi/longin.html");
    	}
    	}
    	public void doPost(HttpServletRequest request, HttpServletResponse response)
    			throws ServletException, IOException {
    		doGet(request, response);
    	}
    }
    

    web.xml应用路径配置/LS和longin.html引用地址一定要一样,因为此处需要把WEB页面的数据提交到对应的servlet中;

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app version="2.5" 
    	xmlns="http://java.sun.com/xml/ns/javaee" 
    	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
    	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee 
    	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
      
      <!-- 页面WEB跳转servlet层 -->
      <servlet>
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>it.tongyou.web.servlet.LoginServlet</servlet-class>
      </servlet>
      <servlet-mapping>
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/LS</url-pattern>
      </servlet-mapping>
    
     <!-- 打开项目优先展示页面 --> 
      <welcome-file-list>
        <welcome-file>longin.html</welcome-file>
      </welcome-file-list>
    </web-app>
    

    成功后跳到success.html页面
    登录成功后显示的页面

    <!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">
    </head>
      <body>
        成功登录
      </body>
    </html>
    
    展开全文
  • Web网页登录设计

    千次阅读 2017-02-24 19:01:00
    web网页登陆 登陆网页的简单功能的实现 ...首先我们要先配置好web制作所需要的软件,在mysql数据库当中...在java ee上编写连接mysql数据库的代码 <%@ page contentType = "text/html; charset=utf-8" i...
  • Java web系列三--简单的网页注册登录

    千次阅读 2017-09-07 00:34:38
    1.写网页有html,jsp,servlet....2.本项目使用jsp+servlet来实现一个简单的网页注册登录,需要一点jsp的语法基础,比如插入java代码%>、<a herf=""></a>表示转发。form跟html一样表示表单。<!---- --
  • <meta name="keywords" content="Gardening Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, Smartphone Compatible web template, fr
  • Java Web实现登陆注册页面前端与后台数据连接(代码+sql文件)。Java Web实现登陆注册页面前端与后台数据连接(代码+sql文件)。Java Web实现登陆注册页面前端与后台数据连接(代码+sql文件)。
  • C#做的Web用户登录注册系统

    热门讨论 2011-09-14 21:51:44
    C#做的Web用户登录注册系统,这是一个登录的项目,包含三层架构以及通用实体类。
  • 先创建一数据库,登录有动态ASP页面和HTML页面,注册页面类似,注册成功后把数据提交到数据库,再在登录页面可以登录成功
  • web开发中,经常会使用验证码功能,例如登录注册,或其他关键功能之前经常会使用。下面通过实例代码给大家介绍Web制作验证码功能实例代码,感兴趣的朋友一起看看吧
  • 八、Django 用户注册登录 8.1 编写注册页面 8.2 注册页面的 POST 与 GET 请求 8.3 登录页面实现 8.4 本篇博客小节 八、Django 用户注册登录 在正式开始本篇博客代码写作之前,需要提前准备一下 sqlite3 相关数据...
  • c#web窗体登录界面登录注册以及密码找回发送邮箱功能 效果图如下: 1.登录界面aspx代码 .auto-style1 { width: 300px; } .auto-style2 {
  • web前端开发技术期末大作业 网页规划与制造,做得不深 但是还是满足期末大作业的 分享一下 题目: 此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术(如结合...
  • 网页注册登录实现

    千次阅读 多人点赞 2020-01-05 20:22:51
    网页注册登录页面及功能实现 最近了解了一些网页知识,写个博客总结分享一下 一、页面实现 代码及效果图 <!doctype html> <html> <head> <meta charset="utf-8"> <title>登录</...
  • 用户注册登录界面设计+代码

    热门讨论 2011-10-12 22:00:50
    简单的用户注册登录界面设计+源代码,采用DIV+CSS结构,简洁
  • 基于servlet的web表单登录注册页面

    千次阅读 2018-10-30 19:34:39
    结合哔哩哔哩教学视频,实际写了一遍web的简单项目。 一、项目结构图 二、代码片段 1.创建实体类 代码如下: package com.liumce.bean; import java.io.Serializable; public class Student implements...
  • 最新web/java/jsp实现发送手机短信验证码和邮箱验证码的注册登录功能(详细) 最近几天有人需要帮忙做一个关于发送验证码的功能,之前没有做过,于是我鼓捣一阵子,记录一下关于web项目中注册登录常用的手机验证码和...
  • 登录注册页面及后台代码

    万次阅读 多人点赞 2015-05-12 20:29:11
    登录页面及后台代码 1.登录页面如图1所示 首先进行身份选择,由“管理员”和“用户”两种身份进行选择,选择不同的身份,程序会进入不同的数据表检索登录信息;当用户名或密码为空时会提示;当用户名或密码在数据表...
  • 一份网页案例供学习者参考,提供提供源代码,学习者可以依据自己的知识对代码进行修改/删减/增加. 网页的结构与分解 主要分以下几个版块: 一:主页版块 二:登录版块 三:注册板块 四:个人设置板块 五:分享...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 85,869
精华内容 34,347
关键字:

web登录注册网页代码