适用于boa/apache2 嵌入式web 一个简短的登录页面

最新推荐文章于 2024-08-16 15:55:07 发布

洪大宇

最新推荐文章于 2024-08-16 15:55:07 发布

阅读量889

点赞数

本文链接：https://blog.csdn.net/weixin_45647912/article/details/107294310

版权

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>Signin Template · Bootstrap</title>

		<!-- Bootstrap core CSS -->
		<link href="../assets/dist/css/bootstrap.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="../time/css/default.css">

		<!-- Bootstrap core CSS -->
		<link rel="stylesheet" href="../msg/css/notiflix-1.3.0.min.css">
		<script src="../msg/js/notiflix-1.3.0.min.js"></script>
		<script src="../msg/js/jquery-1.11.0.min.js" type="text/javascript"></script>
		<style>
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

								  @media (min-width: 768px) {
									  .bd-placeholder-img-lg {
										  font-size: 3.5rem;
									  }
								  }
		</style>
		<!-- Custom styles for this template -->
		<link href="signin.css" rel="stylesheet">
	</head>

	<script>
		Notiflix.Report.Init();

function LoginInCheck(){

	var username=document.getElementById("inputEmail").value;
	var passwd = document.getElementById("inputPassword").value;
	var Check;
	var temp;
	if ((username == null || username == undefined || username == '') && (passwd == null || passwd == undefined || passwd == '')){ //从Ubuntu系统获取用户名字和密码，需要添加逻辑
		Notiflix.Report.Failure( 'Login Failure', 'Sorry,please check your passwd or username <br><br>try again', 'Click' );
	}

	Check ="0x0"+"="+username+"&"+"0x1"+"="+passwd;

	alert(Check);
	 $.ajaxSetup({ cache: false });
	$.ajax({
		   "url" : "cgi-bin/t.cgi",
		   "type" : "get",
		   "data" : Check,
		   "dataType" : "text",
		   "success" : callBack,
		   "async" :false,
		   "error" : function() {
			   alert("can't connect apache2,please check");
		   }
	});

	function callBack(data){
			temp = data;
	}
	return temp;	
}

function LoginIn(){
	var Result = parseInt(LoginInCheck());
	
	if (Result){
		Notiflix.Report.Success( 'Login Success', 'Welcom to Ubuntu20.04', 'Click' );
		setTimeout(function(){ window.location.href="../devhtml/index.html";},"1500");//这里添加密码正确后跳转的页面
	}else{
		Notiflix.Report.Failure( 'Login Failure', 'Sorry,please check your passwd or username <br><br>try again', 'Click' );
	}
}

	</script>

	<body class="text-center" style="background-color: #FFFFFF">
		<form class="form-signin">
			<img class="mb-4 rounded" src="../assets/brand/login.svg" alt="" width="80" height="80>
			<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
			<label class="sr-only">username</label>
			<input id="inputEmail" class="form-control" name="0x0" placeholder="Username" onkeyup="CheckName(this.value)">
			<label for="inputPassword" class="sr-only">Password</label>
			<input id="inputPassword" class="form-control" name="0x1" type="password" placeholder="Password" onkeyup="CheckPasswd(this.value)">
			<div class="checkbox mb-3">
				<label>
					<input type="checkbox" value="remember-me"> Remember me
				</label>
			</div>
			<button type="button" class="btn btn-lg btn-primary btn-block" onclick="LoginIn()" >Sign in</button>
			<p class="mt-5 mb-3 text-muted">&copy; 2017-2020</p>
			<dev id="txtIDB"> hi </dev>
		</form>

	</body>
</html>