Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

htdocs #2

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

htdocs #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
a186282
分页前端接口实现
ohroffen Aug 23, 2018
7122fe6
pagination-feature：
ohroffen Aug 23, 2018
eadafd8
和上一版本相比进行了一些文件路径修改；修改了php文件
ohroffen Aug 23, 2018
3879db3
修改导航栏通过滑动适应不同屏幕
ohroffen Aug 29, 2018
afc7316
导入服务器上最新版本，导航栏已经完成，主页面在htdocs上
ohroffen Aug 30, 2018
f067a30
服务器网站在文件夹htdocs中
ohroffen Aug 31, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
145 changes: 6 additions & 139 deletions apply.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
<title>申请兼职</title>
<meta charset="utf-8">
<link rel="stylesheet" href="./assets/css/apply.css">
<link rel="stylesheet" href="./assets/css/nav.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- 这段代码的几个参数解释：
width = device-width：宽度等于当前设备的宽度
Expand Down Expand Up @@ -43,7 +44,7 @@
<!-- navigator -->
<!-- 用列表结构实现导航栏，实现下拉框 -->
<ul>
<li><a href="home.html">首页</a></li>
<li><a href="#">首页</a></li>
<div class="dropdown">
<a href="#" class="dropbtn">申请兼职</a>
<div class="dropdown-content">
Expand All @@ -67,152 +68,18 @@ <h1 id="topic">华工兼职招聘相信息</h1>
</div>
<!--主体内容表格-->
<div class="content_body">


<!--招聘内容表格-->
<div class="ptJob_Info">
<!--招聘标题-->
<h2 class="pt_title">急招 秒到账 二年级男生暑假语文家教</h2>
<!--招聘信息右侧浮动申请框-->
<div class="clickToApply">
<span id="salary">
<span id="money">60</span>
<span> 元 / 小时</span>
</span>
<a href="apply_detail.html"><button id="apply_btn">点击申请</button></a>
</div>
<!--招聘信息摘要-->
<div>
<ul>
<li>
<span>工作时间：</span><span>长期可做 </span>
</li>
<li>
<span>兼职类型：</span><span>家教</span>
</li>
<li>
<span>工作地点：</span><span>广州火车站</span>
</li>
<li>
<span>学历要求：</span><span>大二及以上</span>
</li>
</ul>
</div>
</div>


<!--招聘内容表格-->
<div class="ptJob_Info">
<!--招聘标题-->
<h2 class="pt_title">广州科悦科技有限公司招聘排版员</h2>
<!--招聘信息右侧浮动申请框-->
<div class="clickToApply">
<span id="salary">
<span id="money">120</span>
<span> 元 / 天</span>
</span>
<button id="apply_btn">点击申请</button>
</div>
<!--招聘信息摘要-->
<div>
<ul>
<li>
<span>工作时间：</span><span>暑假期间，周一到周五，早8晚5</span>
</li>
<li>
<span>兼职类型：</span><span>校外兼职</span>
</li>
<li>
<span>工作地点：</span><span>五山</span>
</li>
<li>
<span>学历要求：</span><span>本科生</span>
</li>
</ul>
</div>
</div>

<!--招聘内容表格-->
<div class="ptJob_Info">
<!--招聘标题-->
<h2 class="pt_title">西区饭堂服务员暑假兼职</h2>
<!--招聘信息右侧浮动申请框-->
<div class="clickToApply">
<span id="salary">
<span id="money">18.3</span>
<span> 元 / 小时</span>
</span>
<button id="apply_btn">点击申请</button>
</div>
<!--招聘信息摘要-->
<div>
<ul>
<li>
<span>工作时间：</span><span>暑假期间，根据学生空闲时间安排 </span>
</li>
<li>
<span>兼职类型：</span><span>校内兼职</span>
</li>
<li>
<span>工作地点：</span><span>西区饭堂</span>
</li>
<li>
<span>学历要求：</span><span>本科生</span>
</li>
</ul>
</div>
</div>


<!--招聘内容表格-->
<div class="ptJob_Info">
<!--招聘标题-->
<h2 class="pt_title">建筑科学重点实验室问卷调查员暑期兼职</h2>
<!--招聘信息右侧浮动申请框-->
<div class="clickToApply">
<span id="salary">
<span id="money">500</span>
<span> 元 / 人</span>
</span>
<button id="apply_btn">点击申请</button>
</div>
<!--招聘信息摘要-->
<div>
<ul>
<li>
<span>工作时间：</span><span>长期可做 </span>
</li>
<li>
<span>兼职类型：</span><span>校内兼职</span>
</li>
<li>
<span>工作地点：</span><span>建筑重点科学实验室</span>
</li>
<li>
<span>学历要求：</span><span>本科生</span>
</li>
</ul>
</div>
</div>


<!-- 插入json信息 -->
</div>
<!-- 分页 -->
<div class="page">
<ul class="pagination">
<li><a href="#pre">«</a></li>
<li><a href="#1">1</a></li>
<li><a class="active" href="#2">2</a></li>
<li><a href="#3">3</a></li>
<li><a href="#4">4</a></li>
<li><a href="#5">5</a></li>
<li><a href="#6">6</a></li>
<li><a href="#7">7</a></li>
<li><a href="#next">»</a></li>
</ul>
</div>
</div>

</body>

<script src="./assets/src/jquery.min.js"></script>
<script type="text/javascript" src="./assets/src/apply.js"></script>
<script type="text/javascript" src="./assets/src/nav.js"></script>
</html>
25 changes: 9 additions & 16 deletions apply.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,29 +55,22 @@
<div id="content">
<!--主体内容头部标题-->
<div class="content_header">
<h1 id="topic">华工校内兼职招聘相信息</h1>
<h1 id="topic">华工兼职招聘相信息</h1>
<hr>
</div>
<!--主体内容表格-->
<div class="content_body">


<!--招聘内容表格-->
<?php
while($row = mysql_fetch_array($result)){
echo"<div class=\"ptJob_Info\"><h2 class=\"pt_title\">".$row['title'].
"</h2><div class=\"clickToApply\"><span id=\"salary\"><span id=\"money\">".$row['reward'].
"</span><span></span></span><button id=\"apply_btn\">点击申请</button> </div><div><ul><li>
<span>工作时间：</span><span>".$row['time']."</span></li><li><span>兼职类型：</span><span>"
.$row['type']."</span> </li><li><span>工作地点：</span><span>".$row['place']."</span></li><li>
<span>学历要求：</span><span>".$row['education']."</span></li></ul></div></div>";
}
closeConnect();
?>
<!-- 插入json信息 -->
</div>
<!-- 分页 -->
<div class="page">
<ul class="pagination">
</ul>
</div>

</div>

</body>

<script src="./assets/src/jquery.min.js"></script>
<script type="text/javascript" src="./assets/src/apply.js"></script>
</html>
141 changes: 0 additions & 141 deletions assets/css/apply.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,147 +11,6 @@ form {
display: inline;
}

/*定义头部高度背景颜色*/

#header {
position: fixed;
right:0;
left: 0;
height: 83px;
color: white;
background-color: #464C5B;
border-radius: 3px;
/* 保证fixed下header不会留下空隙 */
top: 0;
}
/* 固定顶部栏 */
.width_limit{
min-width: 768px;
max-width: 960px;
margin: 0 auto;
}

/*以下为头部从左到右每一个元素的样式*/
.logo
{
float: left;
height: 83px;
padding: 0;
}

#logo_img {
width: 150px;
height: 100%;
}

#seperator {
font-size: 38px;
position: absolute;
top: 13px;
left: 383px;
color: #999999;
}

#header form{
position: relative;
top: -49px;
}

#header .search{
float: left;
position: relative;
top: 45px;
}
#search_input {
width: 190px;
margin-left: 30px;
margin-top: 27px;
margin-bottom: 20px;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
border-radius: 4px;
/* 取消输入框聚焦效果 */
outline: none;
}
/* 搜索图标的样式 */
#search_btn{
position: absolute;
top:0px;
right: 5px;
}

.header_tab {
margin: 0px 20px;
color: #cccccc;
font-size: 17px;
}

/* 修改后的导航栏css */
#header ul{
list-style-type: none;
margin-left: 43px;
margin-top: 0px;
padding: 0;
overflow: hidden;
display: inline-block;
}

#header li{
float: left;
}

#header li a, .dropbtn{
display: inline-block;
color: #cccccc;
text-align: center;
padding: 31px 16px;
text-decoration: none;
}

#header li a:hover, .dropbown:hover, .dropbtn{
background-color: rgba(51, 51, 51, 0.59);
}

.dropdown
{
float: left;
}

.dropdown-content
{
display:none;
position:absolute;
background-color:#f9f9f9;
min-width:160px;
box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dropdown-content a
{
color:black;
padding:12px 16px;
text-decoration:none;
display:block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content
{
display:block;
}

.logoutdiv
{
float: right;
position: relative;
top: 30px;
}

.logout{
text-decoration: none;
}
/*主体逻辑分区宽度和居中设置*/
#content
{
Expand Down
2 changes: 1 addition & 1 deletion assets/css/apply_detail.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ form {
}
/* 固定顶部栏 */
.width_limit{
min-width: 768px;
min-width: 885px;
max-width: 960px;
margin: 0 auto;
}
Expand Down
Loading