登录密码加密

最新推荐文章于 2024-04-18 14:09:56 发布
VIP文章 最新推荐文章于 2024-04-18 14:09:56 发布
阅读量2k 收藏 6
点赞数 2
分类专栏： java 文章标签： java javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43590392/article/details/109752887
版权

登录账号数据库存放的密码加密

1.登录前端

在这里插入图片描述

1.1前端页面代码

login页面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/js/layui/css/layui.css">
    <link rel="stylesheet" href="/admin/css/login.css">
    <link rel="stylesheet" href="./js/layui/css/layui.css">
    <link rel="stylesheet" href="./admin/css/login.css">
    <!--<script src="js/layui/layui.all.js"></script>-->
</head>
<body>
<div class="user-login user-display-show" id="user-login">
    <div class="loginForm layui-bg-black" style="position: relative;left: 50%;transform: translateX(-50%);">
        <div class="user-login-main">
            <div class="user-login-box user-login-header">
                <h3>直播后台管理系统</h3>
            </div>
            <div class="user-login-header">
                <p>用户登录</p>
            </div>
            <div class="user-login-box user-login-body layui-form">
                <div class="layui-form-item">
                    <label class="user-login-icon layui-icon layui-icon-username" for="LAY-user-login-username"></label>
                    <input type="text" name="username" id="LAY-user-login-username" lay-verify="required" placeholder="用户名"
                           class="layui-input">
                </div>
                <div class="layui-form-item">
                    <label class="user-login-icon layui-icon layui-icon-password" for="LAY-user-login-password"></label>
                    <input  type="password" name="password" id="LAY-user-login-password" lay-verify="required" placeholder="密码"
                            class="layui-input">
                </div>
                <div class="layui-form-item">
                    <button id="loginBtn" class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-user-login-submit">登 入</button>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-trans user-login-footer">
        <p>© 2020 <a href="#" target="_blank">直播后台管理系统</a></p>
    </div>
</div>
<script src="/js/layui/layui.all.js"></script>
<script src="/admin/js/login.js"></script>
</body>
</html>

主页面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>直播后台管理平台</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/js/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/admin/css/common.css" media="all">
    <script src="/js/layui/layui.all.js"></script>
    <script src="/admin/js/token.js"></script>
</head>
<style type="text/css">
    #textfield {
   
        border: 1px solid rgba(152, 166, 173, 0.15);
        font-size: 13px;
        height: 34px;
        padding-left: 20px;
        padding-right: 40px;
        margin: 13px 15px 0px 25px;
        background: rgba(152, 166, 173, 0.1);
        box-shadow: none;
        border-radius: 30px;
        width: 200px;
        cursor: text;
        float: left;
    }
    #shusearch {
   
        cursor: pointer;
        width: 30px;
        float: left;
        margin-top: 20px;
        margin-left: -40px;
    }
</style>
<body class="layui-layout-body">
<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新" id="sx">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item " lay-unselect><!--layui-hide-xs-->
                    <a href="javascript:;" layadmin-event="theme">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" id="adminName"></a>
                    <dl class="layui-nav-child">
                        <dd><a href="/">切换用户</a></dd>
                        <dd><a lay-href="users/Updatepassword.html">修改密码</a></dd>
                        <hr>
                        <dd style="text-align: center;"><a href="/">退出</a></dd>
                    </dl>
                </li>
                <!--最后一个菜单   树形菜单-->
                <li class="layui-nav-item " lay-unselect>
                    <a href="javascript:;" data-type="maintree2" class="shuxing"><i
                            class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>
        <!-- 侧边菜单 --
最低0.47元/天 解锁文章
番茄炒鸡蛋加糖
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
基于SSM框架的学生宿舍管理系统，Layui设计+MD5加密，优秀毕业设计源代码！
04-17
主要功能概述： 1.管理员的登录与登出 2.管理员，班级，学生，宿舍，卫生，访客各模块增删改查 3.个别模块关联查询 4.各个模块数据导出Excel
layui框架实战案例(19)：layui-table模块表格综合应用（筛选查询、导入导出、群发短信、一键审核、照片展示、隐私加密）
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
03-08 2469
table 是 layui 中使用频率非常高的一个组件，用于在表格中对数据进行一系列动态化的操作，涵盖了日常业务所涉及的大部分需求。模块加载名称：table在实际开发应用中，table的使用牵涉前后端的配合使用，如筛选查询重载功能，翻页功能等。复选框事件：点击复选框时触发，回调函数返回一个 object 参数；单元格工具事件：比如编辑、删除，这时可借助单元格工具事件（tool）来实现；头部工具栏事件：点击头部工具栏区域设定了属性为 lay-event=“” 的元素时触发；
秒杀项目之登录
weixin_60389087的博客
03-15 7366
一、项目前准备 1、新建项目 2、导入依赖 <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter</artifactId> </dependency> &lt
常见的密码加密方式有哪些？2分钟带你快速了解!
最新发布
qq_56999608的博客
04-18 1242
哈喽，大家好呀！这里是码农后端。本篇将带你了解一些常见的密码加密方式。毋庸置疑，密码的安全性对于用户来说是非常重要的，如何保证密码的安全性使其不被破解也是一直以来的一个非常重要的话题。1、密码加密方式1.1 明文密码最初，密码以明文形式存储在数据库中。但是恶意用户可能会通过SQL注入等手段获取到明文密码，或者也可能发生程序员将数据库数据泄露的情况。1.2 Hash算法Spring Security...
国密SM4，layui前端 和.net core后台 加密解密 .net加密解密
helong0420的博客
03-22 3229
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、本文做用？？二、使用步骤1.前台实现加密 前言 第一次分享，我是个菜鸡小白兼职C、V战士，有不正确的地方还望理解 参考大神链接：国密SM4，javaScript / vue加密解密 java加密解密https://blog.csdn.net/qq_36410795/article/details/107330709 参考大神链接：SM4 js,java加解密https://blog.csdn.net/m0_37718266
layui分页功能实现、管理员模块
m0_59023231的博客
03-29 2699
layui分页功能实现、管理员模块
layUI分页功能讲解及后台+前端实现
唐傘皮
11-10 8654
文章目录一：原理讲解二：表格HTML代码三：js代码四：后台代码 参考下列博文，踩坑好几天，做个记录 博文一： 博文二： 一：原理讲解 在LAYUI中，自带一个分页page控件，当我们将page设为true时就会有下面的分页控件，但是分不了页，因为没有后台控制数据和一个 laypage.render去控制分页的逻辑实现 而当我们增加laypage.render的代码后（代码见下文）点击分页的页码时，layUI会内置一个ajax去向后台请求后面的数据，大家可以按住F12进入network控制台，当点击页码时
vb登录密码加密
05-18
本程序匙通过，输入登录密码，然后把用户密码加密保存到文本里. 首先，建立一个标准EXE工程，在窗体上放置一个TextBox控件，名称为txtPassword，PasswordChar属性为"*".再放置两个CommandButton控件，第一个de名称...
登录界面保存密码功能,进行前端加密
06-21
javascript实现登录页面,保存密码功能,对密码进行前端加密
若依前后端分离登录密码 加密传输
01-24
若依前后端分离登录密码 加密传输 vue springboot
keycloak密码加密
10-20
keycloak解决密码为明文的问题，使用md5进行加密。减少密码泄露的问题。配合对应的博客进行操作。
C# 用RSA加密实现Web登录密码加密传输（网页口令传输加密）
06-11
八成网站登录口令“裸身待缚” 电商类全军覆没，在用户口令传输过程中，仍然存在很多隐患。一般而言，用户在登录网站...而《报告》中显示，大部分样本网站在传输口令时，没有做加密处理，直接将明文密码向服务端传输。
layui入门
m0_68879220的博客
04-22 1501
1.什么是layui layui（谐音：类 UI) 是一套开源的 Web UI 解决方案，采用自身经典的模块化规范，并遵循原生 HTML/CSS/JS 的开发方式，极易上手，拿来即用。其风格简约轻盈，而组件优雅丰盈，从源代码到使用方法的每一处细节都经过精心雕琢，非常适合网页界面的快速开发。layui 区别于那些基于 MVVM 底层的前端框架，却并非逆道而行，而是信奉返璞归真之道。准确地说，它更多是面向后端开发者，你无需涉足前端各种工具，只需面对浏览器本身，让一切你所需要的元素与交...
RSA前台加密后台解密
WangYuanQing113的博客
02-22 613
前台代码 这里注意引入的js为jsencrypt.min.js <!DOCTYPE html> <html> <head> <script>if (window !== top) top.location.replace(location.href);</script> <title>登录 - 行协数据转换应用</title> <meta charset="utf-8"/> &l
LayUI系列（一）之layui介绍以及登录功能的实现
lijie1025的博客
07-11 1857
layui基本介绍以及登录功能的实现（有源码）
Layui实现登录注册共用页面
萌新求带
01-14 5631
正文 创建一个Spring Boot项目，勾选Web、Thymeleaf即可 pom文件中导入图片验证码的依赖 <dependency> <groupId>com.github.whvcse</groupId> <artifactId>easy-captcha</artifactId> <version>1.6.2</version> </dependency> 配置app
Layui(十四) Layui 密码框设置明文/密文
qq_42142258的博客
03-28 9711
目的： 过程： 1、CSS代码 <style type="text/css"> #img { width: 25px; height: 15px; position: absolute; right: 5px; margin-top: 12px; top...
2020-09-28
weixin_44565686的博客
09-28 719
核心方法与基础参数选项 使用 upload 模块必须与 upload.render(options) 方法打交道，其中的 options即为基础参数，它是一个对象。 elem 指向容器选择器，如：elem: ‘#id’。也可以是DOM对象 url 服务端上传接口，返回的数据规范请详见下文 string Headers 接口的请求头。如：headers: {token: ‘sasasas’}。注：该参数为 layui 2.2.6 开始新增 accept 指定允许上传时校验的文件类型，可选值有：image
nc57登录密码加密类
10-24
nc57登录密码加密类是一种用于对用户登录密码进行加密处理的类。在传统的用户密码存储方式中，用户的密码通常以明文的方式存储在数据库中，这样存在着安全风险，一旦数据库泄漏，用户密码也会暴露，导致用户账号被...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值