layui的一个后台登陆

最新推荐文章于 2023-07-10 10:18:49 发布

水煮清蒸

最新推荐文章于 2023-07-10 10:18:49 发布

阅读量1.4w

点赞数 2

分类专栏： layui 文章标签： html

本文链接：https://blog.csdn.net/qq_33296108/article/details/82706409

版权

该博客介绍了如何使用layui框架来创建一个后台登录页面，包括登录逻辑和验证码的实现，提示用户可以自定义输入框上方的logo，并需自行下载yaui相关资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

登陆逻辑和验证码逻辑需要自己写,输入框上面的logo可以自己加，yaui的包自己下载即可~
这里写图片描述
html页面

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>后台管理-登陆</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/admin.css">
</head>
<body>
<div id="container">
    <div></div>
    <div class="admin-login-background">
        <!--<div class="admin-header">-->
        <!--<img src="image/ex_logo.png" class="admin-logo">-->
        <!--</div>-->
        <form class="layui-form" action="">
            <div>
                <i class="layui-icon layui-icon-username admin-icon admin-icon-username"></