zoukankan      html  css  js  c++  java
  • Web网页登录设计

    web网页登陆

     

    登陆网页的简单功能的实现

    输入用户名和密码与数据库当中的用户名和密码匹配上,则登陆成功。

    首先我们要先配置好web制作所需要的软件,在mysql数据库当中建立表,建立用户名和密码

    在java ee上编写连接mysql数据库的代码

    <%@ page contentType = "text/html; charset=utf-8" import = "java.sql.*" errorPage = "error.jsp" %>
    <html>
    <head>
    </head>
    <body>
    <div style=text-align:center>
    <%

    String num = request.getParameter("num");
    session.setAttribute("username",num);
    String userpassword = request.getParameter("userpassword");
    Class.forName("com.mysql.jdbc.Driver");
    Connection connect = DriverManager.getConnection(
    "jdbc:mysql://localhost:3306/test","root","20153126");
    Statement stmt = connect.createStatement();
    String sql = "select * from user where name='"+num+"'and userpassword='"+userpassword+"'";
    ResultSet i = stmt.executeQuery(sql);
    if(i.next())
    {
    response.setHeader("refresh","1;url = index1.html");
    }
    else
    {
    out.println("<script language = 'javaScript'> alert('密码错误,请重新输入用户名!');</script>");
    response.setHeader("refresh","1;url = login.html");
    }
    stmt.close();
    connect.close();

    %>
    </div>
    </body>
    <html>ml>

    连接上数据库之后,在dreamwearver中画出网页的登录界面,转化成代码,复制粘贴进去到java ee 中,

    代码:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>

    <body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <table width="200" border="1">
    <tr>
    <td width="55">用户名</td>
    <td width="129">&nbsp;</td>
    </tr>
    <tr>
    <td>密码</td>
    <td>&nbsp;</td>
    </tr>
    </table>
    <p>&nbsp; </p>
    </body>
    </html>
    </body>
    </html>

    在网页中输入用户名和密码

    输入正确的用户名和密码后:

    代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>

    <body>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>登录成功!</p>
    </body>
    </html>

    输入错误后:

    具体方法:从数据库中查找登录界面中输入的用户名的密码,如果有,则返回正确的密码,否则 ,返回null;然后重写doget方法,对登录进行响应,如果输入的密码与从数据库中返回的密码相同,那么转到登录成功后的界面,如果登录失败,那么则提示用户重新登录。

  • 相关阅读:
    Node.js 安装配置
    ITerm2配置-让你的mac命令行更加丰富高效
    ECharts 图表工具
    Vue 安装
    element-ui 安装
    mysql高级查询
    数据库第三章 参考
    DML和DQL 总结
    数据库第二章 参考答案
    数据库编程技术 第一章
  • 原文地址:https://www.cnblogs.com/bai123/p/6439898.html
Copyright © 2011-2022 走看看