很全面的登陆注册界面实现，包括页面显示和后台数据库交互（写了我一下午）（转载）

最新推荐文章于 2024-02-13 13:05:47 发布
最新推荐文章于 2024-02-13 13:05:47 发布
阅读量1.4k 收藏 6
点赞数 2
分类专栏： 转载

1.login.jsp


[html]  view plain  copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
  3. <%  
  4. String path = request.getContextPath();  
  5. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  6. %>  
  7.   
  8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  9. <html>  
  10.   <head>  
  11.     <base href="<%=basePath%>">  
  12.       
  13.   </head>  
  14.   <body>  
  15. <%   
  16. String msg="";  
  17. msg=(String)request.getAttribute("msg");  
  18. %>  
  19.   <center>  
  20.     <form action="dologin" method="post" onsubmit="return check();">  
  21.                             用户名：<input type="text" id="username" name="username"/><span id="userPmg" style="color:red;"></span></br></br>  
  22.                            密 码 ：<input type="password" id="password" name="password"/><span id="pwd" style="color:red;"></span></br>  
  23.                   <input type="button" value="注册" onclick="window.location='regis.jsp;'"/>      
  24.                   <input type="submit" value="登陆"/></br>  
  25.            <c:if test="${msg!=''}">  
  26.            <span style="color:red;">${msg}</span>  
  27.            </c:if>  
  28.     </form>  
  29.     </center>  
  30.   </body>  
  31.     <script type="text/javascript">  
  32.       function check(){  
  33.          document.getElementById("userPmg").innerHTML="";  
  34.          document.getElementById("pwd").innerHTML="";  
  35.          var flag=true;  
  36.          var username=document.getElementById("username").value;  
  37.          if(username.length==0){  
  38.              document.getElementById("userPmg").innerHTML="用户名不能为空";  
  39.              flag=false;  
  40.          }  
  41.          var password=document.getElementById("password").value;  
  42.          if(password.length==0){  
  43.             document.getElementById("pwd").innerHTML="密码不能为空";  
  44.             flag=false;  
  45.          }  
  46.          return flag;  
  47.       }  
  48.     
  49.   </script>  
  50.     
  51. </html>  

2.dologin


[java]  view plain  copy
  1. package com.cdsxt.action;  
  2.   
  3. import java.io.IOException;  
  4. import java.util.List;  
  5.   
  6. import javax.servlet.ServletException;  
  7. import javax.servlet.annotation.WebServlet;  
  8. import javax.servlet.http.HttpServlet;  
  9. import javax.servlet.http.HttpServletRequest;  
  10. import javax.servlet.http.HttpServletResponse;  
  11. import javax.servlet.http.HttpSession;  
  12.   
  13. import com.cdsxt.dao.UserDao;  
  14. import com.cdsxt.dao.impl.UserDaoImpl;  
  15. import com.cdsxt.po.User;  
  16.   
  17. /** 
  18.  * Servlet implementation class dologin 
  19.  */  
  20. @WebServlet("/dologin")  
  21. public class dologin extends HttpServlet {  
  22.     private static final long serialVersionUID = 1L;  
  23.          
  24.     /** 
  25.      * @see HttpServlet#HttpServlet() 
  26.      */  
  27.     public dologin() {  
  28.         super();  
  29.         // TODO Auto-generated constructor stub  
  30.     }  
  31.   
  32.     /** 
  33.      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 
  34.      */  
  35.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  36.   
  37.         this.doPost(request, response);  
  38.     }  
  39.   
  40.     /** 
  41.      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 
  42.      */  
  43.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  44.         response.setContentType("text/html");  
  45.         response.setCharacterEncoding("UTF-8");  
  46.         request.setCharacterEncoding("UTF-8");  
  47.           
  48.         HttpSession session=request.getSession();  
  49.           
  50.         String username=request.getParameter("username");  
  51.         String password=request.getParameter("password");  
  52.         UserDao us=new UserDaoImpl();  
  53.         List<User> list=us.getUserList();  
  54.         int a=0;  
  55.         for(User user:list){  
  56.             if(user.getName().equals(username)&&(user.getPassword().equals(password))){  
  57.                 a=1;  
  58.                 session.setAttribute("username", username);  
  59.                 session.setAttribute("password",password);  
  60.                 response.sendRedirect("success.jsp");  
  61.                 return;  
  62.             }  
  63.         }  
  64.         if(a==0){  
  65.             String msg="用户名或密码错误，请重新输入";  
  66.             request.setAttribute("msg", msg);  
  67.             request.getRequestDispatcher("login.jsp").forward(request,response);  
  68.             return;  
  69.         }  
  70.     }  
  71.   
  72. }  

3.UserDao


[java]  view plain  copy
  1. package com.cdsxt.dao;  
  2.   
  3. import java.util.List;  
  4.   
  5. import com.cdsxt.po.User;  
  6.   
  7. public interface UserDao {  
  8.     List<User> getUserList();  
  9.     boolean addUser(User user);  
  10. }  

4.UserDaoImpl


[java]  view plain  copy
  1. package com.cdsxt.dao.impl;  
  2.   
  3. import java.sql.Connection;  
  4. import java.sql.DriverManager;  
  5. import java.sql.ResultSet;  
  6. import java.sql.SQLException;  
  7. import java.sql.Statement;  
  8. import java.util.ArrayList;  
  9. import java.util.List;  
  10.   
  11. import com.cdsxt.dao.UserDao;  
  12. import com.cdsxt.po.User;  
  13.   
  14.   
  15. public class UserDaoImpl implements UserDao{  
  16.   
  17.     @Override  
  18.     public List<User> getUserList() {  
  19.         List<User> list=new ArrayList<User>();  
  20.         Connection conn=null;  
  21.         Statement ps=null;  
  22.         ResultSet rs=null;  
  23.         try{  
  24.             Class.forName("com.mysql.jdbc.Driver");  
  25.             conn=(Connection) DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","123456");  
  26.             String sql="select * from User";  
  27.             ps=conn.createStatement();  
  28.             rs=ps.executeQuery(sql);  
  29.             while(rs.next()){  
  30.                 int id=rs.getInt("id");  
  31.                 String username=rs.getString("name");  
  32.                 String password=rs.getString("password");  
  33.                 int age=rs.getInt("age");  
  34.                   
  35.                 User user=new User();  
  36.                 user.setId(id);  
  37.                 user.setName(username);  
  38.                 user.setPassword(password);  
  39.                 user.setAge(age);  
  40.                   
  41.                 list.add(user);  
  42.                   
  43.             }  
  44.         }catch(Exception e){  
  45.             e.printStackTrace();  
  46.         }finally{  
  47.             if(rs!=null){  
  48.                 try {  
  49.                     rs.close();  
  50.                 } catch (SQLException e) {  
  51.                     // TODO Auto-generated catch block  
  52.                     e.printStackTrace();  
  53.                 }  
  54.             }  
  55.             if(ps!=null){  
  56.                 try {  
  57.                     ps.close();  
  58.                 } catch (SQLException e) {  
  59.                     // TODO Auto-generated catch block  
  60.                     e.printStackTrace();  
  61.                 }  
  62.             }  
  63.             if(conn!=null){  
  64.                 try {  
  65.                     conn.close();  
  66.                 } catch (SQLException e) {  
  67.                     // TODO Auto-generated catch block  
  68.                     e.printStackTrace();  
  69.                 }  
  70.             }  
  71.         }  
  72.         return list;  
  73.     }  
  74.   
  75.     @Override  
  76.     public boolean addUser(User user) {  
  77.         boolean flag=false;  
  78.         Connection conn=null;  
  79.         Statement st=null;  
  80.         try{  
  81.             Class.forName("com.mysql.jdbc.Driver");  
  82.             conn=DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","123456");  
  83.             st=conn.createStatement();  
  84.             String sql="insert into user(name,password) values('"+user.getName()+"','"+user.getPassword()+"');";  
  85.             int i=st.executeUpdate(sql);  
  86.             if(i>0){  
  87.                 flag=true;  
  88.                 System.out.println("添加成功");  
  89.             }  
  90.         }catch(Exception e){  
  91.             e.printStackTrace();  
  92.             System.out.println("添加失败");  
  93.         }finally{  
  94.             if(st!=null){  
  95.                 try {  
  96.                     st.close();  
  97.                 } catch (SQLException e) {  
  98.                     // TODO Auto-generated catch block  
  99.                     e.printStackTrace();  
  100.                 }  
  101.             }  
  102.             if(conn!=null){  
  103.                 try {  
  104.                     conn.close();  
  105.                 } catch (SQLException e) {  
  106.                     // TODO Auto-generated catch block  
  107.                     e.printStackTrace();  
  108.                 }  
  109.             }  
  110.         }  
  111.         return false;  
  112.     }  
  113.   
  114. }  


5.regis.jsp


[html]  view plain  copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%  
  3. String path = request.getContextPath();  
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  5. %>  
  6.   
  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  8. <html>  
  9.   <head>  
  10.     <base href="<%=basePath%>">  
  11.       
  12.     <title>My JSP 'regis.jsp' starting page</title>  
  13.       
  14.       
  15.   
  16.   </head>  
  17.   <script text="text/javascript">  
  18.       function check(){  
  19.          document.getElementById("umeg").innerHTML="";  
  20.          document.getElementById("pwd").innerHTML="";  
  21.          document.getElementById("pwdmeg").innerHTML="";  
  22.          var username=document.getElementById("username").value;  
  23.          var flag=true;  
  24.          if(username==""){  
  25.             document.getElementById("umeg").innerHTML="用户名不能为空";  
  26.             flag=false;  
  27.          }  
  28.          var password=document.getElementById("password").value;  
  29.          if(password==""){  
  30.             document.getElementById("pwd").innerHTML="密码不能为空";  
  31.             flag=false;  
  32.          }  
  33.          var repwd=document.getElementById("repwd").value;  
  34.          if(repwd!=password){  
  35.             document.getElementById("pwdmeg").innerHTML="两次输入的密码不一致";  
  36.             flag=false;  
  37.          }  
  38.          return flag;  
  39.         
  40.       }  
  41.     
  42.     
  43.     
  44.     
  45.     
  46.   </script>  
  47. <%   
  48. String msg="";  
  49. msg=(String)request.getAttribute("msg");  
  50. %>  
  51.     
  52.     
  53.   <body>  
  54.       <center> <h2 style="color:blue;">注册界面</h2></center>  
  55.       <center>  
  56.       <form action="doregis" method="post" onsubmit="return check();">  
  57.                             用户名:<input type="text" id="username" name="username"/><span id="umeg" style="color:red;"></span>  
  58.              <c:if test="${msg!=''}">  
  59.            <span style="color:red;">${msg}</span>  
  60.            </c:if></br></br>  
  61.                               密码:<input type="password" id="password" name="password"/><span id="pwd" style="color:red;"></span></br></br>  
  62.                             确认密码:<input type="password" id="repwd" name="repwd"/><span id="pwdmeg" style="color:red;"></span></br></br>  
  63.                <input type="submit" value="提交"/>  
  64.         
  65.         
  66.         
  67.       </form>  
  68.         
  69.         
  70.         
  71.         
  72.       </center>  
  73.          
  74.   </body>  
  75. </html>  

6.doregis


[java]  view plain  copy
  1. package com.cdsxt.action;  
  2.   
  3. import java.io.IOException;  
  4. import java.util.ArrayList;  
  5. import java.util.List;  
  6.   
  7. import javax.servlet.ServletException;  
  8. import javax.servlet.annotation.WebServlet;  
  9. import javax.servlet.http.HttpServlet;  
  10. import javax.servlet.http.HttpServletRequest;  
  11. import javax.servlet.http.HttpServletResponse;  
  12. import javax.servlet.http.HttpSession;  
  13.   
  14. import com.cdsxt.dao.UserDao;  
  15. import com.cdsxt.dao.impl.UserDaoImpl;  
  16. import com.cdsxt.po.User;  
  17.   
  18. /** 
  19.  * Servlet implementation class doregis 
  20.  */  
  21. @WebServlet("/doregis")  
  22. public class doregis extends HttpServlet {  
  23.     private static final long serialVersionUID = 1L;  
  24.          
  25.     /** 
  26.      * @see HttpServlet#HttpServlet() 
  27.      */  
  28.     public doregis() {  
  29.         super();  
  30.         // TODO Auto-generated constructor stub  
  31.     }  
  32.   
  33.     /** 
  34.      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 
  35.      */  
  36.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  37.         // TODO Auto-generated method stub  
  38.         this.doPost(request, response);  
  39.     }  
  40.   
  41.     /** 
  42.      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 
  43.      */  
  44.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
  45.         response.setContentType("text/html");  
  46.         response.setCharacterEncoding("UTF-8");  
  47.         request.setCharacterEncoding("UTF-8");  
  48.           
  49.         HttpSession session=request.getSession();  
  50.         String username=request.getParameter("username");  
  51.         String password=request.getParameter("password");  
  52.         User user1=new User();  
  53.         user1.setName(username);  
  54.         user1.setPassword(password);  
  55.           
  56.         UserDao us=new UserDaoImpl();  
  57.         List<User> list=us.getUserList();  
  58.         int a=0;  
  59.         for(User user:list){  
  60.             if(user.getName().equals(username)){  
  61.                 a=1;  
  62.                 String msg="该用户名已经存在，请重新注册";  
  63.                 request.setAttribute("msg", msg);  
  64.                 request.getRequestDispatcher("regis.jsp").forward(request,response);  
  65.                   
  66.             }  
  67.         }  
  68.         if(a==0){  
  69.             boolean b=us.addUser(user1);  
  70.             session.setAttribute("username",username);  
  71.             session.setAttribute("password",password);  
  72.             response.sendRedirect("login.jsp");  
  73.         }  
  74.     }  
  75.   
  76. }  


7.seccess.jsp

[html]  view plain  copy
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>  
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
  3. <%  
  4. String path = request.getContextPath();  
  5. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";  
  6. %>  
  7.   
  8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  9. <html>  
  10.   <head>  
  11.     <base href="<%=basePath%>">  
  12.    
  13.   
  14.   </head>  
  15. <%   
  16. String username="";  
  17. username=(String)request.getAttribute("username");  
  18. %>  
  19.   <body>  
  20.                                             欢迎 <c:if test="${username!=''}">  
  21.            <span id="username" style="color:red;">${username}</span>  
  22.            </c:if>使用本系统  
  23.   </body>  
  24. </html>  
RoseMayZLY
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
利用html、css、javascript、php同时交互数据库制作的注册登录界面
08-10
简单的注册登录界面，在代码中有详细的解释，具体可参考我的博客
jsp项目实战--数据库实现和登陆页面实现
qq_45609656的博客
04-25 329
1打开navicat for mysql 添加测试数据并进行测试成功如下图： 功能设计： 用户登陆： 创建登陆页面
用jsp实现网站登录界面的制作，并连接数据库
weixin_30571465的博客
02-24 590
课堂测试 任务需求： 撰写一篇博客 需要网站系统开发需要掌握的技术； 本次课堂测试的源程序代码； 运行结果截图； 说明课堂测试未按时完成的原因。 列出你对这门课的希望和自己的目标，并具体列出你计划每周花多少时间在这门课上。 这里介绍一下怎样连接数据库，并用jsp制作一个简单的登录界面 1.首先需要搭建好环境，有Tomcat，eslipse,jd...
02信息管理系统--数据库实现&登陆页面实现
you些话的博客
01-04 493
数据库建表 create table t_user ( uid int (10) not null auto_increment, uname varchar (100)not null, pwd varchar ( 100y not null, sex char (2)not null, age int (3) , birth date, primary key (uid) insert into t_user values(default,'张三", ‘123’,1,18,‘2000-10-10’ )
MUI+hbuider为基础 的基础登陆功能
coreyC的博客
10-27 1488
最近做了一个 MUI+hbuider为基础 的 APP ，发现功能确实强大，开发时间超乎我的想想，你只需要会一门后台语言就可以开发了。  现在开始，我去掉了MUI 自带的登陆功能，因为里面很多东西我们并不需要。贴一下HTML： 接下来就只需要用 触发JS 获取相关的账号密码，再用AJAX验证就行。 当然这里 需要你们更换相关的地址就行。这里注意相关访问
Java Web实现登陆注册页面前端与后台数据连接（代码+sql文件）
12-31
Java Web实现登陆注册页面前端与后台数据连接（代码+sql文件）。Java Web实现登陆注册页面前端与后台数据连接（代码+sql文件）。Java Web实现登陆注册页面前端与后台数据连接（代码+sql文件）。
ajax方式实现注册功能(提交数据到后台数据库完成交互)
12-12
一、当我们在验证表单的时候，为了阻止把错误的也发送到服务器，我们通常这样设置： $(function(){ var isusername;(定一个变量) var ispwd; $('form').submit(function(e){ if(!isusername || !ispwd){ e....
一款仿商城的javaweb项目，可以与后台数据库交互，后台数据库为mysql.rar
06-20
该项目是一款基于JavaWeb技术开发的电子商务平台模拟应用，旨在提供一个与实际商城类似的用户体验，并能够与MySQL数据库进行数据交互。这个项目对于学习JavaWeb开发、数据库管理以及理解前后端交互流程的学生或...
摇一摇抽奖页面后台数据库设计
11-28
摇一摇抽奖页面后台数据库设计是一项常见的互动活动技术，它涉及到前端用户界面、后端逻辑处理以及数据库存储。在这个项目中，我们主要关注的是数据库设计部分，因为它是支撑整个抽奖功能稳定运行的基础。 首先，从...
一个简单的后台与数据库交互的登录与注册[sql注入处理、以及MD5加密]
09-10
总的来说，一个简单的后台与数据库交互的登录与注册系统，需要考虑的关键点包括： 1. SQL注入防护：确保所有用户输入都经过验证和清理，避免直接拼接SQL语句。 2. 密码安全：使用MD5或其他更安全的哈希算法对密码...
数据库用户注册模板（注册窗口）
07-19
数据库用户注册界面，用于分配用户使用 系统的权限
JAVA课设登录和注册页面功能的实现
最新发布
m0_71205966的博客
02-13 1020
Java课设中登录注册功能最核心一点是需要掌握文件的读写，学习了数据库的话可以不用这么麻烦，可以直接用数据库来解决这一问题，希望以上的内容能对大家有所帮助！
html+css+php+mysql 简单的页面登录与注册(数据库的交互)
热门推荐
qidiandexiaowu
09-03 3万+
这是一个简单的小项目，但对于我这小白来说，也是写了好几天才完成，中间心态炸裂n次，但最后还是 搞定了！！！ 说了那麽多，还是分享一下吧！ 目录主页面(登录页面)登录页面的后台操作注册页面注册页面的后台操作 实验环境是phpstudy2018。 在phpstudy的www目录里，创建一个新文件夹test。 文件里有： index.php 主页面(登陆页面) login.php 登录页面的后台操作 register.html 注册页面 register.php 注册页面的后台操作 主页面(登录页面) 先上图
HTML5本地数据库来做注册登录功能
刘康康的博客
09-28 2006
注册 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; 用户名：&am
Swing中用户的登陆界面与注册（连MySQL数据库）
蔡政洁的博客
03-08 2348
近期写了一个小项目，需要用到用户的登陆界面与注册 我将登陆界面和注册界面分开来写 先看登陆界面，代码如下： // 注册buttonOK（登陆的按钮）的ActionEvent事件监听 buttonOK.addActionListener(e -> { // 从账号框中取出账号 String accountidtxt ...
Ext.js 中与后台数据库交互详解
"这篇资料主要介绍了ExtJS框架中与后台数据库交互的相关知识，包括Ext.data包中的类、数据存储（Store）、数据视图类以及Viewport和Panel组件的应用。" 在ExtJS开发中，与后台数据库的交互是核心部分，本资料详细...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值