• 课程设计

    首页

    <!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>
  • 相关阅读:
    HTML标签大全
    PHP实现QQ第三方登录代码
    php链接access并查询列出
    php连接Access数据库
    获取文件信息
    动态网页转伪静态
    asp读取指定目录下的文件名
    如何设置VBA代码的密码?如何取消VBA代码的密码?
    ol序号并在序号加背景色
    免费ASP空间
  • 原文地址：https://www.cnblogs.com/qfdy123/p/8427927.html
Copyright © 2020-2023  润新知