登陆模块

最新推荐文章于 2024-08-07 07:00:00 发布
最新推荐文章于 2024-08-07 07:00:00 发布
阅读量269 收藏
点赞数
本文深入解析了一个图书分享平台的登录系统实现细节，涵盖了从前端界面设计到后端服务处理的全过程。从CSS样式设置到数据库连接配置，再到异常处理机制，全方位展示了系统的架构与功能实现。

@CHARSET "utf-8";(common.css)
/** 图书分享平台公用css开始部分*/
body {
    background-image: url("images/find.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-size: 100% 100%;
    font-family: "Microsoft YaHei";
}

.warpper {
    width: 100%;
    border: 1px solid;
    min-height: 500px;
    margin: auto;
}
/**顶部部分*/
#headerWarpper {
    width: 100%;
    height: 50px;
    background-color: #2B6C85;
}

#headerWarpper #header {
    height: 50px;
    width: 1200px;
    margin: 0 auto;
}

#headerWarpper #header .logo {
    float: left;
    width: 240px;
    height: 50px;
    background-image: url("images/booklogo.png");
    background-position: 0px 5px; 
    background-size: 40px 40px;
    background-repeat: no-repeat;
    font-size: 20px;
    color: #FFF;
    line-height: 50px;
    text-align: left;
    padding-left: 50px;
}

#headerWarpper #header .menu {
    float: left;
    width: 500px;
    height: 50px;
}

#headerWarpper #header .menu li {
    float: left;
    width: 120px;
    height: 50px;
}

#headerWarpper #header .menu li a {
    width: 120px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    font-size: 15px;
    text-decoration: none;
    display: inline-block;
    background-color: #4F92AB;
    border-radius: 1px;
}

#headerWarpper #header .tool {
    float: right;
    width: 300px;
    height: 50px;
    position: relative;
}

#headerWarpper #header .tool input {
    position: absolute;
    top: 10px;
    left: 0px;
    width: 240px;
    height: 30px;
    border-radius: 3px;
    background-color: #E3F7FF;
    text-indent: 4px;
    border: 1px solid #E3F7FF;
}

#headerWarpper #header .tool .search_button {
    position: absolute;
    top: 11px;
    left: 211px;
    background-color: #E3F7FF;
    cursor: pointer;
}

#headerWarpper #header .tool .role_switch_button {
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
}

/**面包屑部分*/
#breadcrumb {
    height: 30px;
    margin: 0 auto;
    width: 1200px;
}

#breadcrumb ul {
    overflow: hidden;
}

#breadcrumb li {
    height: 30px;
    margin: 0 auto;
    color: #707070;
    float: left;
    width: 70px;
    line-height: 30px;
    text-align: left;
}

#breadcrumb li a {
    color: #707070;
}

.main {
    overflow: hidden;
    margin: 0 auto;
}
/**图书分享平台公用部分结束*/

 

 

@CHARSET "utf-8";(login.css)

body {
    background-image: url("images/find.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    background-attachment: fixed;
    font-family: Microsoft YaHei;
}

.login_title {
    height: 110px;
    width: 460px;
    border: 1px solid;
    position: absolute;
    background-image: url("images/write.jpg");
    background-size: 460px 110px;
    background-repeat: no-repeat;
    top: 400px;
    left: 140px;
    text-indent: -1000px;
}

.login_form {
    width: 360px;
    height: 380px;
    background-color: #E5EEFF;
    border-radius: 3px;
    position: absolute;
    top: 160px;
    left:720px;
}

.login_form .logo {
    width: 140px;
    height: 25px;
    margin-top: 30px;
    margin-left: 40px;
    background-image: url("images/logo.png");
    background-size: 140px 25px;
    background-repeat: no-repeat;
}

.login_form .title {
    width: 340px;
    height: 40px;
    margin-top: 15px;
    margin-left: 40px;
    text-align: left;
    font-size: 40px;
    color: #5165b2;
    line-height: 40px;
}

.login_form .line {
    height: 30px;
    margin-top: 40px;
    position: relative;
    line-height: 30px;
}

#loginForm label {
    position: absolute;
    top: 0px;
    left: 40px;
    font-size: 15px;
    color: #333;
}

#loginForm input {
    position: absolute;
    top: 0px;
    left: 110px;
    width: 210px;
    height: 28px;
    border: 1px solid #858585;
    border-radius: 3px;
    text-indent: 4px;
}

.login_form .button {
    margin-top: 20px;
    width: 210px;
    height: 30px;
    margin-left: 110px;
    line-height: 30px;
    font-size: 15px;
    background: #5394cb;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
}

.login_footer {
    width: 800px;
    height: 30px;
    border-top: 1px solid #E7E7E7;
    position: relative;
    top: 600px;
    margin: auto;
    color: #E7E7E7;
    font-size: 12px;
    padding-top: 10px;
}

 

 

@CHARSET "utf-8";(reset.css)

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,
center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,
section,summary,time,mark,audio,video{
    margin: 0;
    padding:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    font: 12px/1.55em arial, helvetica, sans-serif;
    text-align: center;
    background-color: #FFFFFF;
}

ol, ul {
    list-style: none;
}

a {
    text-decoration: none;
}

 

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>404</title>
</head>
<body>很抱歉，你访问的页面不存在。
</body>
</html>

 

 

jdbc.driver = com.mysql.jdbc.Driver
jdbc.url = jdbc:mysql://localhost:3306/exam
jdbc.user = root
jdbc.password = abc123456

 

 

package com.albert.exam;

public class Constants {
    public static final String TIP_MESSAGE = "TIP_MESSAGE";
    public static final String ERROR_FIELDS = "ERROR_FIELDS";
    public static final String USER = "USER";
}
 

 

 

package com.albert.exam.exception;


public class SqlNotFoundException extends Exception{

    private static final long serialVersionUID = -5203831562015184247L;
    String errorMessage = "";

    public String getErrorMessage(){
        return errorMessage;
    }


    public void addErrorMessage(String message){
        errorMessage = message;
    }

    public boolean isErrorMessage(){
        return !errorMessage.equals("");
    }
}

 

 

package com.albert.exam.exception;

import java.util.HashMap;
import java.util.Map;

public class ParameterException extends Exception{

    private static final long serialVersionUID = 6326532694067109305L;
    Map<String,String> errorFileds = new HashMap<String,String>();

    public Map<String,String> getErrorfileds(){
        return errorFileds;
    }

    public void setErrorFileds(Map<String,String> errorFileds){
        this.errorFileds = errorFileds;
    }

    public void addErrorFiled(String filedName,String message){
        errorFileds.put(filedName, message);
    }

    public boolean isErrorFiled(){
        return !errorFileds.isEmpty();
    }
}

 

package com.albert.exam.exception;

public class DBException extends RuntimeException {

    private static final long serialVersionUID = 5969405751786729079L;
}

 

package com.albert.exam.model;

public class User {
    private int id;
    private String userName;
    private String userPassword;
    public int getId() {
        return id;
    }
    public void setId(int id) {
        this.id = id;
    }
    public String getUserName() {
        return userName;
    }
    public void setUserName(String userName) {
        this.userName = userName;
    }
    public String getUserPassword() {
        return userPassword;
    }
    public void setUserPassword(String userPassword) {
        this.userPassword = userPassword;
    }
    @Override
    public String toString() {
        return "User [id=" + id + ", userName=" + userName + ", userPassword="
                + userPassword + "]";
    }

}

 

 

package com.albert.exam.service;

public class ServiceException extends Exception{
  
    private static final long serialVersionUID = 1L;
    private int code;
    private String message;

    public ServiceException(int code, String message) {
        super();
        this.code = code;
        this.message = message;
    }

    public ServiceException(String message) {
        super();
        this.message = message;
    }

    public int getCode() {
        return code;
    }
    public void setCode(int code) {
        this.code = code;
    }
    @Override
    public String getMessage() {
        return message;
    }
    public void setMessage(String message) {
        this.message = message;
    }

}

 

 

package com.albert.exam.dao;

import java.sql.ResultSet;
import java.sql.SQLException;

import com.mysql.jdbc.Connection;
import com.mysql.jdbc.PreparedStatement;
import com.albert.exam.exception.DBException;
import com.albert.exam.model.User;
import com.albert.exam.util.DBUtil;

public class UserDao {
    public User getUserByName(String userName){
        User user = null;
        if(userName == null || userName == ""){
            return null;
        }
        Connection conn = null;
        PreparedStatement stmt = null;
        ResultSet rs = null;

        try {
            conn = DBUtil.getConnection();

            //3：准备PreparedStatement
            stmt = (PreparedStatement) conn.prepareStatement("SELECT * FROM user WHERE user_name = ?");
            stmt.setString(1,userName);
            //4.得到数据处理
            rs = stmt.executeQuery();
            if (rs.next() ){
                user = new User();
                user.setId(rs.getInt("id"));
                user.setUserName(rs.getString("user_name"));
                user.setUserPassword(rs.getString("password"));
            }
        } catch (SQLException e) {
            e.printStackTrace();
            throw new DBException();
        } finally {
           //5.关闭
           DBUtil.close(conn, stmt, rs);
        }
        return user;
    }
}

 

 

package com.albert.exam.service;

import com.albert.exam.dao.UserDao;
import com.albert.exam.exception.ParameterException;
import com.albert.exam.exception.SqlNotFoundException;
import com.albert.exam.model.User;

public class UserService {
    public User login(String userName,String password) throws ParameterException, SqlNotFoundException, ServiceException{
        ParameterException parameterException = new ParameterException();
        if (userName == null || userName.equals("")) {
            parameterException.addErrorFiled("userName","User Name is required");
        }
        if(password == null || password.equals("")){
            parameterException.addErrorFiled("password","User password is required");
        }

        if(parameterException.isErrorFiled()){
            throw parameterException;
        }
        User user = null;
        UserDao userDao = new UserDao();
        user = userDao.getUserByName(userName);
        SqlNotFoundException sqlNotFoundException = new SqlNotFoundException();
        if (user == null){
            throw new ServiceException(1000,"用户不存在");
        }

        if (!password.equals(user.getUserPassword())) {
            throw new ServiceException(1001,"用户密码错误");
        }
        if(sqlNotFoundException.isErrorMessage()){
            throw sqlNotFoundException;
        }
        return user;
    }

}

 

package com.albert.exam.util;

import java.sql.DriverManager;
import java.sql.ResultSet;
import java.sql.SQLException;

import com.mysql.jdbc.Connection;
import com.mysql.jdbc.PreparedStatement;
import com.albert.exam.exception.DBException;


public class DBUtil {
       public static Connection getConnection(){
           //1:加载驱动
           try{
               Class.forName(PropertyUtil.getProperty("jdbc.driver"));
           } catch (ClassNotFoundException e){
               e.printStackTrace();
           }
           //2：得到connection对象
           //String jdcUrl="jdbc:mysql://localhost:3306/book";

           String jdcUrl = PropertyUtil.getProperty("jdbc.url");
           System.out.println(jdcUrl);
           Connection conn = null;
           try{
               conn = (Connection) DriverManager.getConnection(jdcUrl,PropertyUtil.getProperty("jdbc.user"),PropertyUtil.getProperty("jdbc.password"));
           } catch (SQLException e){
               e.printStackTrace();
               throw new DBException();
           }
           return conn;

       }

     public static void close(Connection conn,PreparedStatement stmt,ResultSet rs){

         try {
             if (rs != null){
                 rs.close();
             }

             if (stmt != null){
                 stmt.close();
             }

             if (conn != null){
                 conn.close();
             }

         } catch (SQLException e) {
             e.printStackTrace();
         }
     }
}
 

 

package com.albert.exam.util;

import java.io.IOException;
import java.io.InputStream;
import java.util.Properties;

public class PropertyUtil {
    private static Properties p = null;
    static {
        InputStream in = null;
        try {
            //in = ClassLoader.getSystemResourceAsStream("app.properties");
            in = PropertyUtil.class.getClassLoader().getResourceAsStream("app.properties");
            p = new Properties();
            p.load(in);
        } catch (IOException e){
            e.printStackTrace();
        } finally {
            //if (in != null){
                try {
                    if (in != null){
                        in.close();
                    }
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }
            //}
        }
    }

    public static String getProperty(String key){
        return p.getProperty(key);
    }
}

 

package com.zhengmenbb.book.servlet;

import java.io.IOException;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import com.albert.exam.Constants;
import com.albert.exam.exception.ParameterException;
import com.albert.exam.exception.SqlNotFoundException;
import com.albert.exam.model.User;
import com.albert.exam.service.ServiceException;
import com.albert.exam.service.UserService;

public class LoginServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    private static final String LOGIN_PAGE = "/WEB-INF/jsp/login.jsp";

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.getRequestDispatcher("/WEB-INF/jsp/login.jsp").forward(request, response);
    }

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {


        User user = null;
        UserService userService = new UserService();
        try{

            user = userService.login(request.getParameter("userName"),request.getParameter("password"));
            HttpSession session = request.getSession();
            session.setAttribute("USER", user);
            response.sendRedirect(request.getContextPath()+"/mybook");
        } catch (ParameterException paramException) {
            Map<String, String> errorFields = paramException.getErrorfileds();
            request.setAttribute(Constants.ERROR_FIELDS, errorFields);
            request.getRequestDispatcher(LOGIN_PAGE).forward(request,response);
        } catch (ServiceException serviceException) {
            request.setAttribute(Constants.TIP_MESSAGE, serviceException.getMessage() + "{" + serviceException.getCode() + "}");
            request.getRequestDispatcher(LOGIN_PAGE).forward(request,response);
            serviceException.printStackTrace();
        } catch (SqlNotFoundException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }


    }

}

qq_35885307
关注
[css]登录模块总结
haliofwu的专栏
01-11 1912
工作中开发过的项目都需要有登录模块。登录界面的形式千变万化，却万变不离其中。来来回回就是那几个需要注意的地方。所以，趁着今天重写一遍登录界面，做一个简单的总结。日后好套用模块。 最终实现的效果： 一、基本的框架 1.一张1920X1080的背景图片； 2.登录的内容居中； 实现背景的方式有好几种。可以使用background-image，也可以直接使用img标签，再利用z-in
QQ登录模块
06-05
QQ登录模块2.0.rar
登录模块
weixin_42040825的博客
05-29 655
Web实践项目：秒杀系统——02登录功能 模块划分 1.数据库设计 2.两次MD5加密 方式： 第一次：用户端：PASS=MD5(明文+固定的Salt) 第二次：服务端：PASS=MD5(用户输入+随机的Salt) 目的： 第一次MD5——防止明文密码泄露 第二次MD5——防止反差彩虹表解码 步骤： 1.添加MD相关依赖： <dependency> <groupId>commons-codec</groupId> &lt
1.登录模块
weixin_45717294的博客
03-13 5713
登录模块主要实现的功能有: ① 登录功能: 用户输入学号,密码,验证码验证登录 ② 用户登录日志: 用户登录成功后,将用户的学号,登录时间,ip地址存入数据库 一. 登录功能 验证码模块实现的思想: 后台将生成验证码传给前端,并同时保存到session中, 用户输入学号,密码,验证码发送给后端, 后端取出session中的验证码进行对比,如果验证码错误,直接返回字符串"验证码错误", 如果验证码正确,继续查找是否存在该用户,如果存在, 返回"用户存在", 不存在返回 “用户不存在” 验证码实现: 我
RuoYi-Vue源码阅读(二）:登陆模块
最新发布
08-07 1500
本文主要介绍了RuoYi-Vue项目登录模块的代码实现，分成前端代码和后端代码两个部分来进行源码解读，通过本文可以对RuoYi-Vue项目的登录模块深入了解。
php实现登陆模块功能示例
01-21
本文实例讲述了php实现登陆模块功能的方法。分享给大家供大家参考，具体如下： 最近在学习php。学了一点关于登陆的东西，写下来备忘。 新建四个页面，分别命名为： login.php check.php index.php error.php login...
PW70登陆模块演示
07-21
【PW70登陆模块演示】是一个专为用户和开发者提供的登录功能示例，它展示了如何在应用程序中实现安全、高效且用户体验良好的登录流程。在这个演示中，我们可以学习到多个关键的IT知识点，包括身份验证机制、用户界面...
PW70登陆模块20演示
07-20
【PW70登陆模块20演示】是一个专为IT专业人士设计的系统登录解决方案，它集成了先进的安全特性和用户友好的界面，旨在提供高效、安全的访问体验。在这个演示中，我们将深入探讨PW70登陆模块的核心功能和优势，以及它...
QTP自动化测试用例登陆模块测试实例
05-17
QTP自动化测试用例登陆模块测试实例 QTP自动化测试用例登陆模块测试实例是指使用QuickTest Professional（QTP）对登陆模块进行自动化测试的实例。登陆模块是网站或应用程序的入口，确保其正确运行对业务的影响至关...
javaWeb登陆模块完整设计
01-11
javaWeb项目登陆模块设计，简单实用，包含javaWeb项目登陆常见需求
QQ登录模块.rar
04-05
QQ登录模块.rar
Login登录模块组件
06-27
一个美观的登录组件。
QQ登录模块.ec
09-29
QQ登录模块
简单的登录模块
野狼的专栏
09-06 700
该模块实现的功能主要是用户登录；用户登录输入的数据如果错误三次，那么就不可以再进行登录，系统将退出程序；当然，该模块的程序不是很完善，比如：当用户在第三次输入数据时正确，那么就应该将前面的错误次数清除掉，但程序没有这样实现；当然我会进一步完善；下面是对模块的实现：      p
PW70登陆模块演示详解
从提供的文件信息来看，标题、描述和标签均相同，都为“PW70登陆模块演示”，并且文件名称列表也相同。尽管信息重复，我们可以从中推断出涉及的主题和相关知识点。以下是对“PW70登陆模块演示”相关知识点的详细说明...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值