huanghai
/
ZhengZhou103
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

'commit'

Browse Source
main
kgdxpr 2 years ago
parent a88ccbf8f0
commit 51433d83c4
2 changed files with 129 additions and 83 deletions
Show Stats Download Patch File Download Diff File

102
WebRoot/html/zz103/index.html
Unescape View File

@ -3,79 +3,69 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>高一新生信息</title> <title>登录</title>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 --> <!-- 样 式 文 件 -->
<link href="./layui/css/layui.css" rel="stylesheet"> <link href="./layui/css/layui.css" rel="stylesheet">
</head> <link rel="stylesheet" href="../component/pear/css/pear.css" />
<link rel="stylesheet" href="../admin/css/other/login.css" />
<body>
<style> <style>
.demo-login-container { .title1 {
width: 320px; font-size: 30px !important;
position: absolute; font-weight: 550 !important;
top: 50%; color: #5FB878 !important;
left: 50%; position: absolute !important;
border-radius: 12px; margin-top: -30px;
transform: translate(-50%, -50%); width: 500px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
} }
.demo-login-other .layui-icon { .desc1 {
position: relative; font-size: 24px !important;
display: inline-block; font-weight: 550 !important;
margin: 0 2px; width: 100% !important;
top: 2px; text-align: center !important;
font-size: 26px; color: #5FB878 !important;
padding-top: 20px;
} }
</style> </style>
<form class="layui-form"> </head>
<div class="demo-login-container">
<div class="layui-form-item" style="margin-bottom: 50px;">
郑州市第一〇三高级中学
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-vercode"></i>
</div>
<input type="text" name="zkz" lay-verify="required" placeholder="准考证号(非省准考证号)" autocomplete="off"
class="layui-input" lay-affix="clear">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-username"></i>
</div>
<input type="text" name="xm" lay-verify="required" placeholder="姓 名" lay-reqtext="请填姓名"
autocomplete="off" class="layui-input">
</div>
</div>
<div class="layui-form-item"> <body background="../admin/images/background.svg" style="background-size: cover;">
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-login">进 入</button> <form class="layui-form">
<div class="layui-form-item">
<div class="title1">郑州市第一〇三高级中学</div>
<div class="desc1">
高一新生信息完善
</div> </div>
</div>
<div class="layui-form-item">
<input placeholder="准考证号(非省准考证号)" name="zkz" lay-verify="required" hover class="layui-input" />
</div>
<div class="layui-form-item">
<input placeholder="姓 名" name="xm" lay-verify="required" hover class="layui-input" />
</div>
<div class="layui-form-item">
<button type="button" class="pear-btn pear-btn-success login" lay-submit lay-filter="login">
进 入
</button>
</div> </div>
</form> </form>
<!-- 资 源 引 入 -->
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="./layui/layui.js"></script> <script src="./layui/layui.js"></script>
<script> <script>
layui.use(function () { layui.use(['form','jquery'], function () {
var $ = layui.jquery;
var form = layui.form; var form = layui.form;
var layer = layui.layer;
// 提交事件 var $ = layui.jquery;
form.on('submit(demo-login)', function (data) {
form.on('submit(login)', function (data) {
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "/FengHuang/yp/login", url: "/FengHuang/yp/login",
data: data.field, data: data.field,
success: function (res) { success: function (res) {
if (res.success) { if (res.success) {
window.location = "./info.html"; window.location = "./info.html";
} else { } else {
@ -86,7 +76,7 @@
} }
} }
}); });
return false; // 阻止默认 form 跳转 return false;
}); });
}); });
</script> </script>

110
WebRoot/html/zz103/test.html
Unescape View File

@ -1,40 +1,96 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Demo</title> <title>高一新生信息</title>
<!-- 请勿在项目正式环境中引用该 layui.css 地址 --> <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
<link href="//unpkg.com/layui@2.8.11/dist/css/layui.css" rel="stylesheet"> <link href="./layui/css/layui.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="layui-form"> <style>
<div class="layui-form-item"> .demo-login-container {
<div class="layui-input-group"> width: 320px;
position: absolute;
<input type="text" placeholder="带任意前置和后置内容" class="layui-input"> top: 50%;
<div class="layui-input-split layui-input-suffix"> left: 50%;
cm border-radius: 12px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
}
.demo-login-other .layui-icon {
position: relative;
display: inline-block;
margin: 0 2px;
top: 2px;
font-size: 26px;
}
</style>
<form class="layui-form">
<div class="demo-login-container">
<div class="layui-form-item" style="margin-bottom: 50px;">
郑州市第一〇三高级中学
</div> </div>
</div> <div class="layui-form-item">
</div> <div class="layui-input-wrap">
<div class="layui-input-prefix">
<div class="layui-inline"> <i class="layui-icon layui-icon-vercode"></i>
<label class="layui-form-label"><span class="require-star"></span> </div>
身高</label> <input type="text" name="zkz" lay-verify="required" placeholder="准考证号(非省准考证号)" autocomplete="off"
<div class="layui-input-inline layui-input-group"> class="layui-input" lay-affix="clear">
<!-- <input type="text" name="vercode" lay-verify="required" autocomplete="off" class="layui-input"> -->
<input type="text" placeholder="带任意前置和后置内容" class="layui-input">
<div class="layui-input-split layui-input-suffix">
cm
</div> </div>
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-username"></i>
</div>
<input type="text" name="xm" lay-verify="required" placeholder="姓 名" lay-reqtext="请填姓名" autocomplete="off"
class="layui-input">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="demo-login">进 入</button>
</div>
</div> </div>
</div> </form>
</div>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
</div> <script src="./layui/layui.js"></script>
<script src="../component/pear/pear.js"></script>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 --> <script>
<script src="//unpkg.com/layui@2.8.11/dist/layui.js"></script> layui.use(['form', 'button', 'popup'], function () {
var $ = layui.jquery;
var form = layui.form;
var layer = layui.layer;
// 提交事件
form.on('submit(demo-login)', function (data) {
$.ajax({
type: "POST",
url: "/FengHuang/yp/login",
data: data.field,
success: function (res) {
if (res.success) {
window.location = "./info.html";
} else {
layer.msg(res.message, {
icon: 2,
time: 3000
});
}
}
});
return false; // 阻止默认 form 跳转
});
});
</script>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save