好看的web用户管理模块(登录注册)

最新推荐文章于 2024-05-07 07:15:56 发布
最新推荐文章于 2024-05-07 07:15:56 发布
阅读量5k 收藏 70
点赞数 6
文章标签： web 用户管理系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44735572/article/details/91948519
版权

简洁的登录注册前台

登录界面
在这里插入图片描述
导入bootstrap和jquery路径

<link rel="stylesheet" href="statics/bootstrap/css/bootstrap.min.css" />
<script type="text/javascript" src="statics/js/jquery-3.4.1.js"></script>

html

<body>
	<div class="container">
		
		<div class="row">
			<div class="col-md-offset-3 col-md-6">
				<form class ="form-horizontal" action="user" method="post" id="admin">
					<input type="hidden" name="actionName" value="login">
					<span class="heading"><font color="#4F4F4F">用户登录</font> </span>
					<div class="form-group">
						<input type="email" name="userName" class="form-control" id="inputEmail" placeholder="用户名或电子邮件">
						<i class="fa fa-user"></i>
					</div>
					<div class="form-group help">
						<input type="password" name="password" class="form-control" id="pwd" placeholder="密码">
						<i class="fa fa-lock"></i>
						<a href="#" class="fa fa-question-circle"></a>		
					</div>
					<div class="form-group">
						<div class="main-checkbox">
							<input type="checkbox" name="check" id="checkbox1" value="null">
							<label for="checkbox1"></label>
						</div>
						<span class="text">记住我</span>
						<button type="button" class="btn btn-default" id="asubmit">登录</button>
					</div>
				</form>
				
			</div>
			
		</div>
	</div>
</body>

js模块

	var userName = $("#inputEmail");
	var password = $("#pwd");

	$("#asubmit").click(function(){	
		if (userName.val() == "") {
			userName.attr("placeholder","请输入用户名或邮箱地址");
		}
		else if(password.val() == ""){
			password.attr("placeholder","请输入密码");
		}else {
			var pwdsha1 = hex_sha1(password.val());		//密码加密
			password.val(pwdsha1);
			$("form").submit();
			console.log(userName.val());
		}
	});

css

.form-bg{
    background: #00b4ef;
}
.form-horizontal{
    background: #fff;
    padding-bottom: 40px;
    border-radius: 15px;
    text-align: center;
    background: rgba(255,255,255,0.4);width:500px;height: 400px;margin:120px auto;
    box-shadow: 0px 0px 30px #ccc;
}
.form-horizontal .heading{
    display: block;
    font-size: 35px;
    font-weight: 700;
    padding: 35px 0;
    border-bottom: 1px solid #F0F0F0;
    margin-bottom: 30px;
    /*background-image: linear-gradient(to bottom,#6fcdd533, #11a3fc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
}
.form-horizontal .form-group{
    padding: 0 40px;
    margin: 0 0 25px 0;
    position: relative;
}
.form-horizontal .form-control{
    background: #f0f0f0;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    padding: 0 20px 0 45px;
    height: 40px;
    transition: all 0.3s ease 0s;
}
.form-horizontal .form-control:focus{
    background: #e0e0e0;
    box-shadow: none;
    outline: 0 none;
}
.form-horizontal .form-group i{
    position: absolute;
    top: 12px;
    left: 60px;
    font-size: 17px;
    color: #c8c8c8;
    transition : all 0.5s ease 0s;
}
.form-horizontal .form-control:focus + i{
    color: #00b4ef;
}
.form-horizontal .fa-question-circle{
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 60px;
    font-size: 20px;
    color: #808080;
    transition: all 0.5s ease 0s;
}
.form-horizontal .fa-question-circle:hover{
    color: #000;
}
.form-horizontal .main-checkbox{
    float: left;
    width: 20px;
    height: 20px;
    background: #11a3fc;
    border-radius: 50%;
    position: relative;
    margin: 5px 0 0 5px;
    border: 1px solid #11a3fc;
}
.form-horizontal .main-checkbox label{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.form-horizontal .main-checkbox label:after{
    content: "";
    width: 10px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 4px;
    border: 3px solid #fff;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=checkbox]{
    visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
    opacity: 1;
}
.form-horizontal .text{
    float: left;
    margin-left: 7px;
    line-height: 20px;
    padding-top: 5px;
    text-transform: capitalize;
}
.form-horizontal .btn{
    float: right;
    font-size: 14px;
    color: #fff;
    background: #00b4ef;
    border-radius: 30px;
    padding: 10px 25px;
    border: none;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 479px){
    .form-horizontal .form-group{
        padding: 0 25px;
    }
    .form-horizontal .form-group i{
        left: 45px;
    }
    .form-horizontal .btn{
        padding: 10px 20px;
    }
}
body{
    background: url(../img/4.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
      animation-name:myfirst;
    animation-duration:30s;
    /*变换时间*/
    animation-delay:2s;
    /*动画开始时间*/
    animation-iteration-count:infinite;
    /*下一周期循环播放*/
    animation-play-state:running;
    /*动画开始运行*/
}
@keyframes myfirst
{
    0%   {background:url("../img/1.jpg");}
    34%  {background:url("../img/2.jpg");}
    67%  {background:url("../img/3.jpg");}
    100% {background:url("../img/4.jpg");}
}

在这里插入图片描述
注册html

<div class="container">
		
		<div class="row">
			<div class="col-md-offset-3 col-md-6">
				<form class ="form-horizontal" action="user" method="post" id="admin">
					<input type="hidden" name="actionName" value="register">
					<span class="heading"><font color="#4F4F4F">用户注册</font> </span>
					<div class="form-group">
						<input type="email" name="ruserName" class="form-control" id="ruserName" placeholder="用户名或电子邮件" oninput="veName()">
						<i class="fa fa-user"></i>
					</div>
					<div class="form-group help">
						<input type="password" name="rpassword" class="form-control" id="pwd" placeholder="密码">
						<i class="fa fa-lock"></i>
						<a href="#" class="fa fa-question-circle"></a>		
					</div>
					<div class="form-group help">
						<input type="password" name="vpassword" class="form-control" id="vpwd" placeholder="验证密码">
						<i class="fa fa-lock"></i>
						<a href="#" class="fa fa-question-circle"></a>		
					</div>
					<div class="form-group help">
						<input type="text" name="age" class="form-control" id="age" placeholder="年龄">
						<i class="fa fa-lock"></i>
						<a href="#" class="fa fa-question-circle"></a>		
					</div>
					<div class="form-group help">
						<div class="main-checkbox">
							<input type="radio" name="userSix" id="man" value="man ">
							<label for="man"></label>
						</div><span class="text">男</span>
						<div class="main-checkbox">
							<input type="radio" name="userSix" id="woman" value="women ">
							<label for="woman"></label>
						</div><span class="text">女</span><span class="text" id="msg" style="font-size:12px;color:pink"></span>
					</div>
					<div class="form-group help">
						<div class="main-checkbox">
							<input type="checkbox" name="check" id="checkbox1" value="null">
							<label for="checkbox1"></label>
						</div>
						<span class="text">同意用户协议</span><span class="text" id="msg1" style="font-size:12px;color:pink"></span>
						<button type="button" class="btn btn-default" id="bu1">注册</button>
					</div>
				</form>
				
			</div>
			
		</div>
	</div>
</body>

js代码

var userName = $("#ruserName");
var password = $("#pwd");
var vpassword = $("#vpwd");
var userAge = $("#age");
var userSix = $("radio");
var flag = false;


$("#bu1").click(function(){	
	
	if (userName.val() == "") {
		userName.attr("placeholder","请输入用户名或邮箱地址");
		return;
	}
	if(password.val() == ""){
		password.attr("placeholder","请输入密码");
		return;
	}
	if (password.val().length <= 6) {
		password.attr("placeholder","密码必须等于或等于6个字符");
	}
	if(vpassword.val() == ""){
		vpassword.attr("placeholder","请输入密码");
		return;
	}
	if(userAge.val() == ""){
		userAge.attr("placeholder","请输入年龄");
		return;
	}
	 if($(":radio:checked").length < 1){
	 	$("#msg").html("请选择性别");
		return;
	} 
		
	if(password.val() != vpassword.val()){
		console.log(password.val());
		console.log("--------------");
		console.log(vpassword.val());
		password.val("");
		vpassword.val("");
		password.attr("placeholder","请验证密码是否正确");
		vpassword.attr("placeholder","请验证密码是否正确");
		return;
	}
	if($("#checkbox1").prop("checked")){
		var pwdsha1 = hex_sha1(password.val());
		password.val(pwdsha1);
		$("form").submit();
		console.log(userName.val());
		return;
	}else{
		$("#msg1").html("请同意用户协议");
	}	
});

function veName(){
	var uanme = userName.val();
	$.ajax({
		typr:"post",
		url:"register",
		data:{
			userName : uanme,
			actionName:"veName"
		},
		success:function(result) {
			if(result == "Suuccess"){
				flag = true;
			}else{
				flag = false;
				
			}
		}
	});
}

ccs(和登录模块大部分一致,需要自己进行封装)

.form-bg{
    background: #00b4ef;
}
.form-horizontal{
    background: #fff;
    padding-bottom: 35px;
    border-radius: 15px;
    text-align: center;
    background: rgba(255,255,255,0.45);
    width:450px;
    height: 520px;
    margin:90px auto;
    box-shadow: 5px 5px 20px #ccc;
}
.form-horizontal .heading{
    display: block;
    font-size: 35px;
    font-weight: 700;
    padding: 25px 0;
    border-bottom: 1px solid #dddddd82;
    margin-bottom: 30px;
    background-image: linear-gradient(to bottom,#6db6ae36, #0690e3);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.form-horizontal .form-group{
    padding: 0 40px;
    margin: 0 0 25px 0;
    position: relative;
}
.form-horizontal .form-control{
    background: #f0f0f0;
    border: none;
    border-radius: 20px;
    box-shadow: none;
    padding: 0 20px 0 45px;
    height: 40px;
    transition: all 0.3s ease 0s;
}
.form-horizontal .form-control:focus{
    background: #e0e0e0;
    box-shadow: none;
    outline: 0 none;
}
.form-horizontal .form-group i{
    position: absolute;
    top: 12px;
    left: 60px;
    font-size: 17px;
    color: #c8c8c8;
    transition : all 0.5s ease 0s;
}
.form-horizontal .form-control:focus + i{
    color: #00b4ef;
}
.form-horizontal .fa-question-circle{
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 60px;
    font-size: 20px;
    color: #808080;
    transition: all 0.5s ease 0s;
}
.form-horizontal .fa-question-circle:hover{
    color: #000;
}
.form-horizontal .main-checkbox{
    float: left;
    width: 20px;
    height: 20px;
    background: #11a3fc;
    border-radius: 50%;
    position: relative;
    margin: 5px 0 0 5px;
    border: 1px solid #11a3fc;
}
.form-horizontal .main-checkbox label{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}
.form-horizontal .main-checkbox label:after{
    content: "";
    width: 10px;
    height: 6px;
    position: absolute;
    top: 4.5px;
    left: 4px;
    border: 3px solid #eee;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.form-horizontal .main-checkbox input[type=radio]{
    visibility: hidden;
}
.form-horizontal .main-checkbox input[type=radio]:checked + label:after{
    opacity: 1;
}
.form-horizontal .main-checkbox input[type=checkbox]{
    visibility: hidden;
}
.form-horizontal .main-checkbox input[type=checkbox]:checked + label:after{
    opacity: 1;
}
.form-horizontal .text{
    float: left;
    margin-left: 7px;
    line-height: 20px;
    padding-top: 5px;
    text-transform: capitalize;
}
.form-horizontal .btn{
    float: right;
    font-size: 14px;
    color: #fff;
    background: #00b4ef;
    border-radius: 30px;
    padding: 10px 25px;
    border: none;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 479px){
    .form-horizontal .form-group{
        padding: 0 25px;
    }
    .form-horizontal .form-group i{
        left: 45px;
    }
    .form-horizontal .btn{
        padding: 10px 20px;
    }
}
body{
  background:#eee
}

登录注册的后端功能模块

DBUtil建立数据库连接

import java.sql.Connection;
import java.sql.DriverManager;

public class DBUtil {
	private String dbUrl = "jdbc:mysql://localhost:3306/logon";

	private String dbUserName = "root";
	private String dbUserPassword = "work";
	private String jdbcName = "com.mysql.jdbc.Driver";
	/**
	 * 获取数据库数据
	 * @return [description]
	 * @throws Exception     [description]
	 */
	public Connection getCon() throws Exception {
		Class.forName(jdbcName);
		Connection con = DriverManager.getConnection(dbUrl,dbUserName,dbUserPassword);
		return con;
	}
	/**
	 * 关闭数据库
	 * @param  con       [description]
	 * @throws Exception [description]
	 */
	public static void closeCon(Connection con) throws Exception {
		if(con != null) {
			con.close();
			System.out.println("数据库连接失败");
		}	
	}
	/**
	 * 
	 * @param args
	 */
	public static void main(String[] args){
		DBUtil dbUtil = new DBUtil();
		
		try {
			dbUtil.getCon();
			System.out.println("数据库连接成功");
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}
}

BaseDao模块(实现登录注册功能)

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;

import com.susur.user.User;

public class Dao {
	/**
	 * 登录验证
	 * @param con
	 * @param user
	 * @return
	 * @throws Exception
	 */
	public User login(Connection con,User user) throws Exception{
		User resultUser = null;
		String sql = "select * from logon where userName=? and password=?";
		PreparedStatement pstmt = con.prepareStatement(sql);
		
		pstmt.setString(1, user.getUserName());
		pstmt.setString(2, user.getPassword());
		ResultSet rs = pstmt.executeQuery();
		
		System.out.println(rs);
		if(rs.next()) {
			resultUser = new User();
			resultUser.setUserName(rs.getString("userName"));
			resultUser.setPassword(rs.getString("password"));	
		}
		
		return resultUser;
	}
	/**
	 * 用户注册
	 * @param con
	 * @param user
	 * @return
	 * @throws Exception
	 */
	public boolean register(Connection con,User user) throws Exception {
		boolean flag = false;
		PreparedStatement pstmt = null;
		String sql = "insert into logon(userName,password,userAge,userSix)value(?,?,?,?)";
		pstmt = con.prepareStatement(sql);
		pstmt.setString(1, user.getUserName());
		pstmt.setString(2, user.getPassword());
		pstmt.setInt(3, user.getUserAge());
		pstmt.setString(4, user.getUserSix());
		
		if(pstmt.executeUpdate() > 0) {
			flag = true;
		}
		
		return flag;
	}
	/**
	 * 验证用户名是否存在
	 * @param con
	 * @param user
	 * @return
	 * @throws Exception
	 */
	public boolean vename(Connection con,User user) throws Exception{
		
		String sql = "select * from logon where userName=?";
		PreparedStatement pstmt = con.prepareStatement(sql);
		
		pstmt.setString(1, user.getUserName());
		ResultSet rs = pstmt.executeQuery();
		
		System.out.println(rs);
		return rs.next();
		
	}

}

这里需要个User类记录用户信息

	private String userName;
	private String password;
	private int userAge;
	private String userSix;

servlet建立与前台的连接完成请求转发功能

import java.io.IOException;
import java.io.PrintWriter;
import java.io.UnsupportedEncodingException;
import java.sql.Connection;

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

import com.susur.DBU.DBUtil;
import com.susur.dao.Dao;
import com.susur.user.User;

/**
 * 用户管理模块
 */
public class UserProj extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public UserProj() {
        super();
    }

	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		String actionName = request.getParameter("actionName");
		switch(actionName) {
		case "login":
			loginSubmit(request,response);
			break;
		case "register":
			registerSubmit(request,response);
			break;
		case "veName":
			veNameSubmit(request,response);
			break;
		case "chfn":
			chfnSubmit(request,response);
			break;
		case "changePWD":
			changePWD(request,response);
			break;
		case "logout":
			logoutSubmit(request,response);
			break;
		}
	}
	/**
	 * 用户登录
	 * @param request
	 * @param response
	 * @throws IOException
	 */
	private void logoutSubmit(HttpServletRequest request, HttpServletResponse response) throws IOException {
			
	}

	private void changePWD(HttpServletRequest request, HttpServletResponse response) {
		// TODO Auto-generated method stub
		
	}

	private void chfnSubmit(HttpServletRequest request, HttpServletResponse response) {
		// TODO Auto-generated method stub
		
	}

	private void veNameSubmit(HttpServletRequest request, HttpServletResponse response) throws IOException {
		request.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		
		String userName = request.getParameter("userName");
		
		DBUtil db = new DBUtil();
		User user = new User();
		user.setUserName(userName);
		Dao dao = new Dao();
		
		try {
			Connection con = db.getCon();
			if(dao.vename(con, user)) {
				out.write("1");
				out.close();
				return;
			}else {
				out.write("0");
				out.close();
				return;
			}
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		
	}
	/**
	 * 用户注册
	 * @param request
	 * @param response
	 * @throws UnsupportedEncodingException
	 */
	private void registerSubmit(HttpServletRequest request, HttpServletResponse response) throws UnsupportedEncodingException {
		request.setCharacterEncoding("UTF-8");
		response.setContentType("text/html;charset=UTF-8");
		
		String userName = request.getParameter("ruserName");
		String password = request.getParameter("rpassword");
		String age = request.getParameter("age");
		int userAge = Integer.valueOf(age).intValue();
		String userSix = request.getParameter("userSix");
		
		DBUtil db = new DBUtil();
		User user = new User(userName, password, userAge, userSix);
		Dao dao = new Dao();
		
		try {
			Connection con = db.getCon();
			if(dao.register(con, user)) {
				response.sendRedirect("login.html");
			}else {
				response.sendRedirect("register.jsp");
			}
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
	}

	private void loginSubmit(HttpServletRequest request, HttpServletResponse response) throws IOException {
		String userName = request.getParameter("userName");
		String password = request.getParameter("password");
		
		response.setContentType("text/html;charset=UTF-8");
		PrintWriter out = response.getWriter();
		
		DBUtil db = new DBUtil();
		User user = new User(userName, password);
		Dao dao = new Dao();
		
		try {
			Connection con = db.getCon();
			if(dao.login(con, user) != null) {
				response.sendRedirect("index.html");
			}
		} catch (Exception e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}	
		
	}

}
SusurHe
关注
  • 6
    点赞
  • 踩
  • 70
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
责任链模式
kobe_626的博客
02-17 470
一.定义 使多个对象都有机会处理请求，解耦请求发送者和请求接收者，将请求接收者连成一条链，并沿着这条链传递请求，直到有对象处理该请求为止。 从定义的描述看责任链模式有两个核心概念，一是降低请求发送者和处理者耦合性，请求者不需要关心处理者的实现细节；二是多个处理者构成一条处理链，由链去处理相似的请求，并在链中决定由谁来处理这个请求。 二.类图 Request：请求对象。 Handler：父类处理器。 ConcreteHandler：子处理器。 三.实战案例 本文以用户注册为例子，使用责任链
登录图UML类图.zip
07-14
UML
UML类图总结
书启鸿蒙知秋枫
03-01 3800
目录 一、 UML类图思维导图 二、用例图类的基本表示方式 三、用例图类与类的四种关系 1.继承关系 2.实现关系 3.依赖关系 4.关联关系 5.聚合关系 6.组合关系 四、对象图 五、系统的状态图 五、系统的活动图 六、系统的时序图 七、系统的协作图 八、系统的组件图 九、系统的配置图 一、 UML类图思维导图 ​ ​ 二、用例图类的基本表示方式 在UML类图中，每一个矩形代表一个类。我们举一个简单的例子： ​ 一般的类图分为三个部分。部分类图有五个部分。.
学生课程注册管理系统
qq_62560115的博客
02-24 1043
java课程注册管理系统
大数据最全Web项目【用户管理系统】完整版_web管理系统，大数据开发开发的基础
最新发布
2401_84166567的博客
05-07 624
分析：关键点：1、JS事件 onclick3、toBean()4、生成随机ID。6、重定向：return “redirect:/”;
系分 | 用例设计（注册登录）
⊳ideal world⊲~ヽ(ﾟ︺ﾟ)Hi
06-26 1037
用例简介 顺序图 注册 登录 类图
登录+用户管理模块
03-09
在IT行业中，构建一个登录和用户管理模块是任何应用程序的基础，尤其对于Web应用而言。本项目采用的技术栈是JavaBean、Servlet、JSP以及MySQL数据库，这些都是Java Web开发中的核心组件。下面将详细阐述这些技术及其...
完整版用户管理模块 1.3.rar
04-03
用户管理模块是任何软件系统的核心组成部分，特别是在现代Web应用程序中，它允许系统管理员以及普通用户进行注册、登录、账户管理等一系列操作。"完整版用户管理模块 1.3" 提供了一个全面的解决方案，用于处理与用户...
asp.net用户注册登录模块Login源码
01-06
在这个特定的场景中，我们关注的是ASP.NET中的用户注册与登录模块，这是任何Web应用的基础部分。下面将详细探讨这个Login源码的核心知识点。 1. **用户身份验证（Authentication）** ASP.NET提供了内置的身份验证...
news.rar_用户 注册 登录_登录模块_纯C
09-24
"管理员对注册用户的管理模块"意味着系统还包括了用户管理功能，这可能涵盖： 1. **用户信息查看与修改**：管理员可以查看所有用户信息，并有权限修改用户状态，如禁用或启用账户。 2. **用户行为监控**：记录和...
基于Django的登录注册模块，包含验证码，可直接用于WEB项目
01-03
综上所述，基于Django的登录注册模块结合了验证码验证，为Web项目提供了安全的用户管理功能。开发者可以轻松地将这个模块融入自己的项目中，提升用户体验和安全性。通过理解和应用这些知识点，可以更好地理解和构建...
非常好好看的几个登录页面（html，css）
12-09
非常好好看的几个登录页面（html，css）
jsp唯美登录界面，附源码
05-09
登录界面设计，不随浏览器大小变化而变化，采用div布局
漂亮大气注册登录页面模板.zip
04-03
简单大方的登录界面注册页面，可以直接使用，方便快捷，美观，大气，绝对值得拥有。可以自己添加内容。页面内容齐全
用户登录系统 uml图 mdl
11-29
主要包含用户登录系统的用例图，时序图，协作图，包图等
好看实用的六个html登录页面
热门推荐
bhegi_seg的博客
03-10 5万+
本人找到了六个html登录页面，感觉还行，也挺好看的。 1.效果图： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
拿来就能用的前端酷炫登录注册模板
热爱技术，享受生活
08-09 6402
给大家推荐几个拿来就能用的前端酷炫登录注册模板，Html、CSS、JS资源非常齐全
用户登录 类图，时序图，协作图
weixin_30764883的博客
04-02 4238
转载于:https://www.cnblogs.com/huahua985/p/8696504.html

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值