WEB前端课程设计——田径队管理系统

发布于:2022-12-30 ⋅ 阅读:(305) ⋅ 点赞:(0)

登录页面

 <!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录页面</title>
	<script src="hx.js">  </script>
<link rel="stylesheet" type="text/css" href="login.css">

</head>
<body>
	<div class="inputbox">
<!-- <form method="post" action=""> -->
	<center>
		<strong><p >北工商田径队管理系统欢迎您</p></strong> 
		 <form><!--action="首页.html" -->
	<div class="inputtext">
		用户名:<input type="text" name="account" id="account" placeholder="请输入用户名/昵称">
	</div>
	<div class="inputtext">&emsp;码:<input type="password" name="passwd" id="passwd" placeholder="请输入密码">
	</div>
	<!-- <a href="综合作业1.html"><button type="submit" class="inputbutton" value="">登录</button></a> -->
	<button type="button" name="login" class="inputbutton" onclick="log()"> 登录</button> 

	<input type="reset" class="inputbutton" value="重置"/>
</form>
	</center>
<!-- </form> -->
</div>
</body>
</html>
body{
	margin:0;
	padding: 0;
	background-image: url(picture/跑道.jpg);
	background-repeat: no-repeat;
	background-size:cover ;
}
		.inputbox{
			text-align: center;
			opacity:0.8;
			border-radius: 10px;

			/*background: #980000;*/
			border: 12px;
			width: 600px;
			height: 400px;
           margin: 0 auto;
			margin-top:  100px;
			
		}
		p{font-size: 30px;text-align: center;}
		.inputtext{

			margin-top: 30px;
			border-radius: 10px;

		}
		.inputbutton{
			border:0;
			margin-top: 30px;
			width: 120px;
			height: 25px;
			color: #ffffff;
			border-radius: 20px;
			font-size: 20px;		}
		form{
/*			width: 400px;
			height: 400px;*/
			margin: 0 auto;
			padding: 20px;
		}

首页


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="first.css">
</head>
<body>
<div class="header_wrap">
	<div class="logo"><a href="首页.html"></a></div>
<div class="nav">
	<ul id="nav">
		<li><a href="首页.html">首页</a></li>
		<li><a href="队伍概况.html">队伍概况</a>
		<li><a href="历届比赛.html">历届比赛</a></li>
		<li><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li><a href="规章制度.html">规章制度</a></li>
		<li><a href="训练计划.html">训练计划</a></li>
		<li><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
</div>
<div class="content"> 
<div class="content_left">
	<div class="marquee">
	<marquee direction="up" scrollamount="10" >
	<ul>
		<li><img src="picture/跑步1.jpg" width="380px" height="150px" ></li>
		<li><img src="picture/赛道.jpg" width="380px" height="150px"></li>
		<li><img src="picture/田径队1.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队2.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队3.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队4.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队5.jpg" width="380px" height="200px" ></li>
		<li><img src="picture/田径队6.jpg" width="380px" height="200px" ></li>
	</marquee>
</div>
</div>


<div class="content_middle">
	<div class="article1">
	<div class="articletitle1">	<span>新闻动态</span></div>
	<hr/>
	<ul>	
	    <li><a href="https://sports.btbu.edu.cn/xwdt/bb1936c72f0541c4b2f6dc4b9e1229ac.htm" title="北京工商大学召开2021年度体育运动委员会会议"> <span>北京工商大学召开2021年度体育运动委员会会议 / 2021-04-17	</span> </a></li>
	    <hr/>
		<li><a href="http://www.athletics.org.cn/news/china/2021/0425/380229.html" title="9秒98!田径分区邀请赛 苏炳添百米强势夺冠 创赛季亚洲最佳"> <span>998!田径分区邀请赛 苏炳添百米强势夺冠 创赛季亚洲最佳/ 2021-04-25 09:22	</span> </a></li>
		 <hr/>
		<!-- <li>
		<a href="http://www.athletics.org.cn/news/others/2021/0425/380243.html" title="奋进六十五载 致敬百年征|中国银联2021北京国际长跑节——北京半程马拉松盛大起跑"> <span>奋进六十五载 致敬百年征|中国银联2021北京国际长跑节——北京半程马拉松盛大起跑 / 2021-04-25 10:00</span> </a>
		</li> -->
		 <!--  <hr/> -->
		<!-- <li><a href="http://www.athletics.org.cn/news/others/2021/0419/379595.html" title="2020-2021田径后备人才标枪链球项目训练营正式开营">2020-2021田径后备人才标枪链球项目训练营正式开营 / 2021-04-19 09:00</a></li>
		  <hr/> -->
		<li ><a href="http://www.athletics.org.cn/news/others/2021/0419/379595.html" title="田径项目积极参加世界“公平竞赛日”活动">田径项目积极参加世界“公平竞赛日”活动 / 2021-04-16 17:12</a></li>
		  <hr/>
	</ul>
		<span class="more"><a href="http://www.athletics.org.cn/news/">more</a></span>
	</div>
	<div class="article2">
		<div class="articletitle1"><span>通知公告</span></div>
		<hr/>
		<div class="notice">
			<p>&emsp;1、请大家在本周三下午来柏林蓝田径场进行统一大热身,并随身携带好训练所需的装备(钉鞋、训练服等)。<br>
			&emsp;2、请参加高校运动会的同学本周之内将比赛服装尺码发送给经理。<br>
			&emsp;3、各位队员可通过队内网站的训练计划页面查看自己每周的训练计划。<br>
			&emsp;4、大家五一快乐!</p>
		</div>
	</div>
</div>


<div class="content_right">
	<div class="articletitle1"><span class="title">健身房服务</span></div>

	<table>
		<tr>
			<td class="td1"><a href="https://sports.btbu.edu.cn/tzgg/104086.htm">开放时间</a></td>
			<td class="td2"><a href="https://sports.btbu.edu.cn/tzgg/104086.htm">健身须知</a></td>
		</tr>
		<tr>
			<td class="td3"><a href="https://zhidao.baidu.com/question/570948391.html">相关制度</a></td>
			<td class="td4"><a href="https://www.btbu.edu.cn/cms/web/search/index.jsp">新近通知</a></td>
		</tr>
	</table>
		<hr/>
		<div class="article3">
			<div class="articletitle2"><span class="title">常用链接</span></div>
			<ul>
				<li><a href="http://www.sports.edu.cn/" title="中国学生体育网">>>中国学生体育网</a></li>
				<li><a href="http://www.bjdtx.com/dxtx/index.jsp" title="北京大学生体育协会">>>北京大学生体育协会 </a></li>
			    <li><a href="http://www.dxsch.tsinghua.edu.cn/" title="中国大学生体育协会田径分会">>>中国大学生体育协会田径分会</a></li>
			    <li><a href="https://sports.btbu.edu.cn/" title="北京工商大学体育与艺术教育部">>>北京工商大学体育与艺术教育部</a></li>
			</ul>
		</div>
		<hr>
		<div class="images_link">
                    <div class="images_l">
                         <img src="picture/成绩获奖.png" width="160" height="120"> 
                         <div class="text"><p><a href="">成绩与获奖</a></p></div>
                    </div>
                    
                    <div class="images_r" >
                         <img src="picture/回音壁.png" width="160" height="120"> 
                         <div class="text"><p><a href="https://www.btbu.edu.cn/cms/web/leaveMessage/onlineLeaveMessageList.jsp?typeID=33" target="_blank">回音壁</a></p></div>
                    </div>
                   
                    
               </div>
</div>
</div>
</body>
</html>

队伍概况


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>队伍概况</title>
	<link rel="stylesheet" type="text/css" href="first.css">
</head>
<body>
<div class="header_wrap">
	<div class="logo"><a href="首页.html"></a></div>
<div class="nav">
	<ul id="nav">
		<li><a href="首页.html">首页</a></li>
		<li><a href="队伍概况.html">队伍概况</a>
		<li><a href="历届比赛.html">历届比赛</a></li>
		<li><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li><a href="规章制度.html">规章制度</a></li>
		<li><a href="训练计划.html">训练计划</a></li>
		<li><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
</div>
<div class="c2">
<div class="l2">
	<ul >
		<li class="li2"><a href="首页.html">首页</a></li>
		<li class="li2"><a href="队伍概况.html">队伍概况</a>
		<li class="li2"><a href="历届比赛.html">历届比赛</a></li>
		<li class="li2"><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li class="li2"><a href="规章制度.html">规章制度</a></li>
		<li class="li2"><a href="训练计划.html">训练计划</a></li>
		<li class="li2"><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
<div class="r2">
	<div class="r2head"><a href="队伍概况.html"><span>队伍概况</span></a><span>|</span><a href="首页.html"><span>首页</span></a><span>当前位置:</span></div>
	<hr>
	<div class="r2context"> 
		<div class="r2text">&emsp;&emsp;北京工商大学田径队是北京工商大学重点建设的运动队之一。田径队现由普通文化生组成,现有队员50余人,经过多年的努力,现在已经成为田赛、径赛全方面发展的田径运动队伍。近年来,通过学校的大力支持,教练员、运动员的严格指导和训练,运动员在各项大赛均取得优异的成绩。北京工商大学校田径队,是由来自各个学院、各个专业的学生组成的一支代表北京工商大学高水平的校级运动队。
     曾代表北京工商大学多次出战北京市高校田径运动会、全国大学生田径竞标赛,屡次取得优异成绩,数次打破北京市高校田径运动会乙组纪录。 </div>
<div class="r2img">

<div class="r2imgl">
	<img src="picture/教练.jpg">
<div class="r2imgtext"><p>三位教练员老师</p></div>
</div>

<div class="r2imgr">
	<img src="picture/田径队4.jpg">
	<div class="r2imgrtext"><p>田径队大家庭</p></div>
</div>

</div>
 </div>
</div>
</div>
</body>
</html>

历届比赛


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>历届比赛</title>
	<link rel="stylesheet" type="text/css" href="first.css">
</head>
<body>
<div class="header_wrap">
	<div class="logo"><a href="首页.html"></a></div>
<div class="nav">
	<ul id="nav">
		<li><a href="首页.html">首页</a></li>
		<li><a href="队伍概况.html">队伍概况</a>
		<li><a href="历届比赛.html">历届比赛</a></li>
		<li><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li><a href="规章制度.html">规章制度</a></li>
		<li><a href="训练计划.html">训练计划</a></li>
		<li><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
</div>
<div class="c2">
<div class="l2">
	<ul >
		<li class="li2"><a href="首页.html">首页</a></li>
		<li class="li2"><a href="队伍概况.html">队伍概况</a>
		<li class="li2"><a href="历届比赛.html">历届比赛</a></li>
		<li class="li2"><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li class="li2"><a href="规章制度.html">规章制度</a></li>
		<li class="li2"><a href="训练计划.html">训练计划</a></li>
		<li class="li2"><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
<div class="r2">
	<div class="r2head"><a href="历届比赛.html"><span>历届比赛</span></a><span>|</span><a href="首页.html"><span>首页</span></a><span>当前位置:</span></div>
	<hr>
	<div class="r2context"> 
		<div class="l3">
		<ul>
			<li><a href="https://baijiahao.baidu.com/s?id=1681540782856495952&wfr=spider&for=pc">>>首都高校第58届学生田径运动会</a></li>
			<li><a href="">>>首都高校第57届学生田径运动会</a></li>
			<li><a href="https://www.btbu.edu.cn/news/zhxw/137225.htm">>>首都高校第56届学生田径运动会</a></li>
			<li><a href="https://www.btbu.edu.cn/news/zhxw/123847.htm">>>首都高校第55届学生田径运动会</a></li>
			<li><a href="https://www.btbu.edu.cn/news/zhxw/104593.htm">>>首都高校第54届学生田径运动会</a></li>
			<li><a href="https://max.book118.com/html/2018/0515/166530459.shtm">>>首都高校第57届学生田径运动会</a></li>

		</ul>
        </div>
        <div class="r3">
        	<ul>
        	<li><a href="https://www.btbu.edu.cn/news/zhxw/181087.htm">>>首都高等学校第十二届秋季田径运动会</a></li>
        	<li><a href="http://jw.beijing.gov.cn/tmc/ty_15698/zxdt_15700/201910/P020200102489371457036.pdf">>>首都高等学校第十一届秋季田径运动会</a></li>
        	<li><a href="https://www.btbu.edu.cn/pub/bjgsdx/docs/2018-10/20181022110137057537.doc">>>首都高等学校第十届秋季田径运动会</a></li>
            <li><a href="https://www.btbu.edu.cn/news/zhxw/128349.htm">>>首都高等学校第九届秋季田径运动会</a></li>
        	</ul>
        </div>
</div>

</div>
 </div>
</div>
</div>
</body>
</html>

队伍荣誉


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>队伍荣誉</title>
	<link rel="stylesheet" type="text/css" href="first.css">
</head>
<body>
<div class="header_wrap">
	<div class="logo"><a href="首页.html"></a></div>
<div class="nav">
	<ul id="nav">
		<li><a href="首页.html">首页</a></li>
		<li><a href="队伍概况.html">队伍概况</a>
		<li><a href="历届比赛.html">历届比赛</a></li>
		<li><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li><a href="规章制度.html">规章制度</a></li>
		<li><a href="训练计划.html">训练计划</a></li>
		<li><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
</div>
<div class="c2">
<div class="l2">
	<ul >
		<li class="li2"><a href="首页.html">首页</a></li>
		<li class="li2"><a href="队伍概况.html">队伍概况</a>
		<li class="li2"><a href="历届比赛.html">历届比赛</a></li>
		<li class="li2"><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li class="li2"><a href="规章制度.html">规章制度</a></li>
		<li class="li2"><a href="训练计划.html">训练计划</a></li>
		<li class="li2"><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
<div class="r2">
	<div class="r2head"><a href="队伍荣誉.html"><span>队伍荣誉</span></a><span>|</span><a href="首页.html"><span>首页</span></a><span>当前位置:</span></div>
	<hr>
	<div class="r2context"> 
		<P>工商田径 再创佳绩</P>
		<div class="l4">
			<div class="l4img">
				<img src="picture/田径队5.jpg">
                 <img src="picture/田径队1.jpg">
			</div>
			<p>&emsp;&emsp;由北京市教育委员会、北京市大学生体育协会主办的“首都高等学校第58届(普通组)暨第12届秋季学生田径运动会”于1024日、25日在北京工业大学举行。<br>
      &emsp;&emsp;我校共派出20名运动员参加,在指导教练魏静、于洪、邵喆老师的临场指挥下,队员们再次实现自我突破,单项取得了<b>47</b>,男女团体总分<strong>第二名</strong>!女子乙组团体总分<strong>第一名</strong> ,实现四连冠!男子乙组团体总分<strong>第六名</strong>的好成绩!<br>
  &emsp;&emsp;由于疫情,本次比赛比以往的时间更加延后,因此天气原因对运动员身体状态也是一个考验,早晚温差非常。但是我们的运动员勇于拼搏,乐于奉献,克服重重困难,坚持完赛。</p>

		</div>
		
</div>

</div>
 </div>
</div>
</div>
</body>
</html>

队伍招新


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>队伍招新</title>
	<link rel="stylesheet" type="text/css" href="first.css">
	<script src="hx.js"></script>
</head>
<body>
<div class="header_wrap">
	<div class="logo"><a href="首页.html"></a></div>
<div class="nav">
	<ul id="nav">
		<li><a href="首页.html">首页</a></li>
		<li><a href="队伍概况.html">队伍概况</a>
		<li><a href="历届比赛.html">历届比赛</a></li>
		<li><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li><a href="规章制度.html">规章制度</a></li>
		<li><a href="训练计划.html">训练计划</a></li>
		<li><a href="队伍招新.html">队伍招新</a></li>
	</ul>
</div>
</div>
<div class="c2">
<div class="l2">
	<ul >
		<li class="li2"><a href="首页.html">首页</a></li>
		<li class="li2"><a href="队伍概况.html">队伍概况</a>
		<li class="li2"><a href="历届比赛.html">历届比赛</a></li>
		<li class="li2"><a href="队伍荣誉.html">队伍荣誉</a></li>
		<li class="li2"><a href="规章制度.html">规章制度</a></li>
		<li class="li2"><a href="训练计划.html">训练计划</a></li>
		<li class="li2"><a href="队伍招新.html">队伍招新</a></li>

	</ul>
</div>
<div class="r2">
	<div class="r2head"><a href="训练计划.html"><span>训练计划</span></a><span>|</span><a href="首页.html"><span>首页</span></a><span>当前位置:</span></div>
	<hr>
	<div class="r7context"> 
		<!-- <p>队伍招新</p> -->
		<p>――你那么会跑,不如我们一起</p><br>
		<div class="l7">


<strong>校田径队<br>
意味着<br>
喜欢田径<br>
我们在一起<br>
训练 、比赛 、吃饭<br>
不仅仅是跑圈和三分钟热度<br>
我们更有<br>
一股子的热爱和坚持<br>
从田径场跑到健身房<br>
从校运会跑到大运会<br>
我们有相互依存的队友<br>
也有名不虚传的专业教练<br>
累吗 很累<br>
开心吗 很开心<br></strong> 
</div>
<div class="m7">
<strong><p> ☞㊙扫码㊉队长威xin☜</p></strong>
<!-- <div class="mimg">
	<img src="picture/杨队VX.png">
	<p align="center">杨队</p>
</div>
<div class="mimg">
	
</div> -->
<img src="picture/VX.jpg" width="360" height="310">
</div>

<div class="r7">
	<strong>我们以田径人的身份存在<br>
共同做着一件称为田径的事情<br>
决心和勇气 疲惫和欣喜<br>
	通通归因于 我喜欢<br>
如果你也有兴趣<br>
只要你也喜欢<br>
想和我们一起跑一起跳<br>
那么<br>
风里雨里<br>
校田径队等你<br>
</strong> 
</div>
	</div>
		
</div>

</div>
 </div>
</div>
</div>
</body>
</html>