Skip to content
This repository was archived by the owner on Dec 31, 2022. It is now read-only.

Commit bb88f65

Browse files
author
Lao-Liu233
committed
适配了 Bootstrap4(我就是欠啊)。
1 parent f788516 commit bb88f65

File tree

5 files changed

+290
-266
lines changed

5 files changed

+290
-266
lines changed

‎Front-end/fzyz_net.html‎

Lines changed: 112 additions & 108 deletions
Original file line numberDiff line numberDiff line change
@@ -5,9 +5,16 @@
55
FZYZ 官网成绩查询
66
</title>
77
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8-
<meta name="viewport" content="width=device-width, initial-scale=1">
9-
<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
10-
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
8+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
9+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
10+
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
11+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" crossorigin="anonymous"></script>
12+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
13+
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
14+
crossorigin="anonymous"></script>
15+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
16+
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
17+
crossorigin="anonymous"></script>
1118
<script src="./js/fzyz_net.js" type="text/javascript"></script>
1219

1320
<style>
@@ -23,138 +30,135 @@
2330
<body>
2431
<div class="container">
2532
<div class="col-md-12 column">
26-
<div class="page-header">
27-
<h3 class="text-center">
28-
FZYZ 官网成绩查询
29-
</h3>
30-
</div>
31-
<div class="row align-items-centerjustify-content-center login-center">
32-
<ul class="nav nav-tabs">
33-
<li>
34-
<a href="https://127.0.0.1/index.html">首 页</a>
35-
</li>
36-
<li class="active">
37-
<a href="#">FZYZ 官网成绩查询</a>
38-
</li>
39-
<li>
40-
<a href="https://127.0.0.1/jk.html">JK APP 成绩查询</a>
41-
</li>
42-
</ul>
43-
</div>
33+
34+
<nav class="navbar navbar-expand-md navbar-light bg-light">
35+
<a class="navbar-brand" href="#">FZYZ 官网成绩查询</a>
36+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
37+
<span class="navbar-toggler-icon"></span>
38+
</button>
39+
<div class="collapse navbar-collapse" id="collapsibleNavbar">
40+
<ul class="navbar-nav">
41+
<li class="nav-item">
42+
<a class="nav-link" href="https://127.0.0.1/index.html">首页</a>
43+
</li>
44+
<li class="nav-item">
45+
<a class="nav-link" href="https://127.0.0.1/jk.html">JK APP 成绩查询</a>
46+
</li>
47+
</ul>
48+
</div>
49+
</nav>
4450
<br />
45-
</div>
46-
<div class="row">
47-
<div class="col-md-6">
48-
<form id='form' role="form" action="">
49-
<div class="panel panel-primary">
5051

51-
<div class="panel-heading">
52-
<h3 class="panel-title">
53-
FZYZ 官网账号信息
54-
</h3>
55-
</div>
52+
<div class="row">
53+
<div class="col-md-6">
54+
<form id='form' role="form" action="">
5655

57-
<div class="panel-body">
58-
<div class="form-group">
59-
<label for="username">FZYZ 官网用户名</label>
60-
<input type="username" class="form-control" name="user" />
61-
</div>
62-
<div class="form-group">
63-
<label for="password">FZYZ 官网密码</label>
64-
<input type="password" class="form-control" name="passwd" />
56+
<div class="card text-white">
57+
<div class="card-body">
58+
<div class="input-group mb-3">
59+
<div class="input-group-prepend">
60+
<span class="input-group-text" id="basic-addon1">@</span>
61+
</div>
62+
<input type="username" class="form-control" placeholder="FZYZ 官网用户名"
63+
aria-label="Username" aria-describedby="basic-addon1" name="user">
64+
</div>
65+
<div class="input-group mb-3">
66+
<div class="input-group-prepend">
67+
</div>
68+
<input type="password" class="form-control" placeholder="FZYZ 官网密码"
69+
aria-label="Password" aria-describedby="basic-addon1" name="passwd">
70+
</div>
71+
<button type="button" class="btn btn-primary" id="next1">下一步</button>
6572
</div>
66-
67-
<button type="button" class="btn btn-primary" id="next1">下一步</button>
68-
6973
</div>
70-
</div>
74+
<br />
75+
<div id="card1" class="card text-white" style="display: none;">
76+
<div class="card-body">
7177

72-
<div id="panel1" style="display: none;">
73-
<div id="panel1_inside" class="panel panel-primary">
78+
<div class="row">
79+
<div class="col-6">
80+
<select id="select1" name='para_academic_Year' class="form-control">
81+
<option id='year1' value=""> </option>
82+
<option id='year2' value=""> </option>
83+
<option id='year3' value=""> </option>
84+
</select>
85+
<br />
86+
<button type="button" class="btn btn-primary" id="next2">下一步</button>
7487

75-
<div class="panel-heading">
76-
<h3 class="panel-title">
77-
考试详情查询
78-
</h3>
79-
</div>
80-
<div class="panel-body">
88+
<script>
89+
var date = new Date();
90+
year = date.getFullYear();
91+
document.getElementById('year1').innerHTML = (year - 1) + ' - ' + year;
92+
document.getElementById('year2').innerHTML = (year - 2) + ' - ' + (year - 1);
93+
document.getElementById('year3').innerHTML = (year - 3) + ' - ' + (year - 2);
94+
document.getElementById('year1').value = (year - 1) + '-' + year;
95+
document.getElementById('year2').value = (year - 2) + '-' + (year - 1);
96+
document.getElementById('year3').value = (year - 3) + '-' + (year - 2);
97+
</script>
98+
</div>
8199

82-
<div class="col-md-5">
83100
<br />
84-
<select id="select1" name='para_academic_Year' class="form-control">
85-
<option id='year1' value=""> </option>
86-
<option id='year2' value=""> </option>
87-
<option id='year3' value=""> </option>
88-
</select>
89-
90-
<script>
91-
var date = new Date();
92-
year = date.getFullYear();
93-
document.getElementById('year1').innerHTML = (year - 1) + ' - ' + year;
94-
document.getElementById('year2').innerHTML = (year - 2) + ' - ' + (year - 1);
95-
document.getElementById('year3').innerHTML = (year - 3) + ' - ' + (year - 2);
96-
document.getElementById('year1').value = (year - 1) + '-' + year;
97-
document.getElementById('year2').value = (year - 2) + '-' + (year - 1);
98-
document.getElementById('year3').value = (year - 3) + '-' + (year - 2);
99-
</script>
100-
</div>
101-
102-
<div class="col-md-1"></div>
103-
104-
<div class="col-md-6">
105-
<label>
106-
<label class="radio">
107-
<input type="radio" name="para_KEY" value="1" checked> 第一学期
108-
</label>
109-
<label class="radio">
110-
<input type="radio" name="para_KEY" value="2"> 第二学期
111-
</label>
112-
</label>
101+
<div class="col-6" style="color: black;">
102+
<div class="form-check">
103+
<input class="form-check-input" type="radio" name="para_KEY" value="1"
104+
checked>
105+
<label class="form-check-label" for="exampleRadios1">
106+
第一学期
107+
</label>
108+
</div>
109+
<div class="form-check">
110+
<input class="form-check-input" type="radio" name="para_KEY" value="2">
111+
<label class="form-check-label" for="exampleRadios2">
112+
第二学期
113+
</label>
114+
</div>
115+
</div>
116+
<br />
113117
</div>
114-
<button type="button" class="btn btn-primary" id="next2">下一步</button>
115118
</div>
116-
</div>
117-
</div>
118-
<div id="panel2" style="display: none;">
119-
<div id="panel2_inside" class="panel panel-primary">
120-
<div class="panel-heading">
121-
<h3 class="panel-title">
122-
考试场次选择
123-
</h3>
119+
<div class="col">
120+
<div id="warning"></div>
124121
</div>
125-
<div class="panel-body">
122+
</div>
123+
<br />
124+
<div id="card2" class="card text-white" style="display: none;">
125+
<div class="card-body">
126+
126127
<select id="select2" name='para_academic_Year' class="form-control">
127128
</select>
128129
<br />
129130
<input class="btn btn-primary" id="submit" type="button" value="提交查询" />
130131
</div>
131132
</div>
132-
</div>
133-
</form>
134-
</div>
135-
<div class="col-md-6">
136-
<div>
137-
<table id="table1" class="table">
138-
<tbody id="tbody1">
133+
</form>
134+
</div>
135+
139136

140-
</tbody>
141-
</table>
137+
<div class="col-md-6">
138+
<div id="card3" class="card text-white" style="display: none;">
139+
<div class="card-body">
140+
<table id="table1" class="table">
141+
<tbody id="tbody1">
142+
</tbody>
143+
</table>
144+
</div>
145+
</div>
142146
</div>
143147
</div>
144148
</div>
145149
</div>
146-
<div class="footer ">
150+
<br />
151+
<div class="footer">
147152
<div class="container">
148-
<div class="row footer-top">
149-
<ul class="list-inline text-left">
150-
<li>Contact Me: <a href="mailto:[email protected]">Lao_Liu`s Email</a></li>
151-
</ul>
153+
<div class="row">
154+
<ul class="list-inline text-left">
155+
<li>Contact Me: <a href="mailto:[email protected]">Lao_Liu`s Email</a></li>
156+
</ul>
152157
</div>
153158
<hr>
154-
<div class="row footer-bottom">
155-
<ul class="list-inline text-center">
159+
<div class="row">
160+
<ul class="list-inline m-auto">
156161
<li>Copyright &copy;Lao_Liu All Rights Reserved.</li>
157-
<li>License: GPL v3.0</li>
158162
</ul>
159163
</div>
160164
</div>

0 commit comments

Comments
 (0)