课程设计
首页
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人信息发布系统首页</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link rel="stylesheet" href="css/calendar.css">
<link rel="stylesheet" href="css/rili.css">
<link rel="stylesheet" type="text/css" href="css/zzsc.css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/zzsc.js"></script>
<script type="text/javascript" src="js/interfaces.js"></script>
</head>
<body>
<div id="total">
<div id="top">
<div class="banner">
<div class="logo">PIRS</div>
<div class="menu">
<ul>
<li ><a href="#">首页</a></li>
<li ><a href="login.html">文章发布</a></li>
<li ><a href="login.html">管理</a></li>
<li ><a href="grxx.html">联系</a></li>
</ul>
</div>
</div>
<div class="bannerp"></div>
</div>
<div id="main">
<div class="left">
<div class="notice">
<h4>公告</h4>
<p>没有不会做的事，</p>
<p>只有不想做的事！</p>
<!-- <img src="img/code.png"> -->
</div>
<div id="demo">
<div id="ca"></div>
</div>
<div class="classify">
<h4>分类</h4>
<ul>
<li>Web前端</li>
<li>数据库</li>
<li>操作系统</li>
<li>其它</li>
</ul>
</div>
</div>
<div class="right">
<div class="conFocus" >
<div class="article">
<p id="PubTime" class="time" ></p>
<h4 id="ArticleTitle" class="articletitle"></h4>
<p id="ArticleContent"></p>
<!-- <hr> -->
</div>
<div class="article">
<p id="PubTime2" class="time" ></p>
<h4 id="ArticleTitle2" class="articletitle"></h4>
<p id="ArticleContent2"></p>
<!-- <hr> -->
</div>
<div class="article">
<p id="PubTime3" class="time" ></p>
<h4 id="ArticleTitle3" class="articletitle"></h4>
<p id="ArticleContent3"></p>
<!-- <hr> -->
</div>
</div>
<!-- <div class="information" >
<div class="tupian">
<img src="img/laba.jpg">
</div>
<div class="xinxi">
<p>个人信息</p>
</div>
<form>
<table cellspacing="0" cellpadding="0">
<tr><td>邮箱：</td><td id="email"></td></tr>
<tr><td>固定电话：</td><td id="telephone"></td></tr>
<tr><td>移动电话：</td><td id="mobile"></td></tr>
<tr><td>QQ：</td><td id="QQ"></td><tr>
<tr><td>生日：</td><td id="birthday"></td></tr>
</table>
</form>
</div> -->
<!-- </div> -->
</div>
<div id="footer">
</div>
<div class="bottom_tools">
<div class="qr_tool">二维码</div>
<a id="scrollUp" href="javascript:;" title="飞回顶部"></a>
<img class="qr_img" src="img/code.png">
</div>
</div>
<script>
var _token = "";
getToken();
// articleContent();
$(function() {
// var cbg = $("#ArticleContent body[data-background]:hidden");
// if(cbg.length>0)
// $("#ArticleContentt").attr("style", cbg.attr("data-background"));
// $("#PubTime").css("color","#3399CC");
// $("#ArticleTitle").css("color","#008000");
// $("#ArticleContent").css({"background-color":"white","font-size":"14px"});
articleContent1();
articleContent2();
articleContent3();
function articleContent1() {
var TimeInfo = new Date().getTime();
//接口调用
$.ajax( {
async: false,
url: "http://svnweb.xg.hactcm.edu.cn/DataService.asmx/ArticleContent",
dataType: "jsonp",
jsonpCallback: "call" + TimeInfo, //默认callback
data: { Token:"C9ACCF9A18AF8F7F6CDBDAAABAAF3686",ArticleID:"157"},
success: function ( data ) {
if ( data.event == "1" ) {
console.log(data.objList);
// alert(data.objList[0].ArticleContent);
$("#ArticleTitle").text(data.objList[0].ArticleTitle);
$("#PubTime").text(data.objList[0].PubTime+" "+data.objList[0].ArticleAuthor);
$("#ArticleContent").append(data.objList[0].ArticleContent);
}
else {
alert( data.msg );
}
},
error: function ( xhr ) {
}
} );
}
function articleContent2() {
var TimeInfo = new Date().getTime();
//接口调用
$.ajax( {
async: false,
url: "http://svnweb.xg.hactcm.edu.cn/DataService.asmx/ArticleContent",
dataType: "jsonp",
jsonpCallback: "call" + TimeInfo, //默认callback
data: { Token:"C9ACCF9A18AF8F7F6CDBDAAABAAF3686",ArticleID:"158"},
success: function ( data ) {
if ( data.event == "1" ) {
console.log(data.objList);
// alert(data.objList[0].ArticleContent);
$("#ArticleTitle2").text(data.objList[0].ArticleTitle);
$("#PubTime2").text(data.objList[0].PubTime+" "+data.objList[0].ArticleAuthor);
$("#ArticleContent2").append(data.objList[0].ArticleContent);
}
else {
alert( data.msg );
}
},
error: function ( xhr ) {
}
} );
}function articleContent3() {
var TimeInfo = new Date().getTime();
//接口调用
$.ajax( {
async: false,
url: "http://svnweb.xg.hactcm.edu.cn/DataService.asmx/ArticleContent",
dataType: "jsonp",
jsonpCallback: "call" + TimeInfo, //默认callback
data: { Token:"C9ACCF9A18AF8F7F6CDBDAAABAAF3686",ArticleID:"159"},
success: function ( data ) {
if ( data.event == "1" ) {
console.log(data.objList);
// alert(data.objList[0].ArticleContent);
$("#ArticleTitle3").text(data.objList[0].ArticleTitle);
$("#PubTime3").text(data.objList[0].PubTime+" "+data.objList[0].ArticleAuthor);
$("#ArticleContent3").append(data.objList[0].ArticleContent);
}
else {
alert( data.msg );
}
},
error: function ( xhr ) {
}
} );
}
});
// function articleContent() {
// var TimeInfo = new Date().getTime();
// //接口调用
// $.ajax( {
// async: false,
// url: "http://svnweb.xg.hactcm.edu.cn/DataService.asmx/ArticleContent",
// dataType: "jsonp",
// jsonpCallback: "call" + TimeInfo, //默认callback
// data: { Token:"C9ACCF9A18AF8F7F6CDBDAAABAAF3686",ArticleID:"149"},
// success: function ( data ) {
// if ( data.event == "1" ) {
// console.log(data.objList);
// alert(data.objList[0].ArticleContent);
// $("#ArticleTitle").text(data.objList[0].ArticleTitle);
// $("#PubTime").text(data.objList[0].PubTime+" "+data.objList[0].ArticleAuthor+" "+data.objList[0].ArticleSource);
// $("#ArticleContent").append(data.objList[0].ArticleContent);
// }
// else {
// alert( data.msg );
// }
// },
// error: function ( xhr ) {
// }
// } );
// }
// $(".tabFocus").click(function() {
// $(".conFocus").show();
// $(".information").hide();})
// $(".nextFocus").click(function() {
// $(".information").show();
// $(".conFocus").hide();
// userInfo();
// })
// $(".information table tr:even").css("background-color","#7AC5CD");
// $(".information table tr:odd").css("background-color","#3399CC");
// $(".information table tr:last").css("background-color","#7AC5CD");
// $(".information table tr").mouseover(function(){
// $(this).addClass("highlight");
// });
// $(".information table tr").mouseout(function(){
// $(this).removeClass("highlight");
// });
</script>
<script src="js/jquery.js"></script>
<script src="js/calendar.js"></script>
<script src="js/rili.js"></script>
<!-- <script src="js/interfaces.js"></script> -->
</body>
</html>
后台
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>个人信息发布系统后台管理</title>
<link rel="stylesheet" type="text/css" href="css/nav.css">
<link rel="stylesheet" type="text/css" href="css/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/backstage.css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/nav.js"></script>
<!-- <script type="text/javascript" src="js/interfaces.js"></script> -->
</head>
<body>
<div id="total">
<div class="banner">
<div class="logo">PIRS后台管理</div>
<div class="menu">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="login.html">退出</a></li>
</ul>
</div>
</div>
<div class="nav">
<div class="nav-top">
<div id="mini" style="border-bottom:1px solid rgba(255,255,255,.1)"><img src="img/mini.png" ></div>
</div>
<ul>
<li class="nav-item">
<a href="javascript:;"><i class="my-icon nav-icon icon_1"></i><span>操作</span><i class="my-icon nav-more"></i></a>
<ul>
<li><a href="ueditor/ArticleAdd.html" target="OfficeMain"><span>发布新文章</span></a></li>
<li><a href="articlelist.html" target="OfficeMain"><span>编辑文章</span></a></li>
<li><a href="./editinformation.html" target="OfficeMain"><span>修改个人信息</span></a></li>
<li><a href="modifypassword.html" target="OfficeMain"><span>修改密码</span></a></li>
</ul>
</li>
<!-- <li class="nav-item">
<a href="javascript:;"><i class="my-icon nav-icon icon_2"></i><span>文章分类</span><i class="my-icon nav-more"></i></a>
<ul>
<li><a href="javascript:;"><span>web前端</span></a></li>
<li><a href="javascript:;"><span>数据库</span></a></li>
<li><a href="javascript:;"><span>操作系统</span></a></li>
<li><a href="javascript:;"><span>其它</span></a></li>
</ul>
</li> -->
</ul>
</div>
</div>
<div class="main">
<iframe id="frame1" name="OfficeMain" width="100%" height="100%" style="clear:both" frameborder="0" src="articlelist.html">
</iframe>
</div>
</body>
</html>
