课程设计

最新推荐文章于 2024-09-15 00:30:13 发布
最新推荐文章于 2024-09-15 00:30:13 发布
阅读量82 收藏
点赞数
文章标签： 前端 数据库 操作系统 ViewUI
原文链接：http://www.cnblogs.com/qfdy123/p/8427927.html
版权

首页

<!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>

 

转载于:https://www.cnblogs.com/qfdy123/p/8427927.html

weixin_30593443
关注
jQuery实战课程设计说明书
08-10
这是我们学校老师分布下来的一个课程设计，是关于考试系统的，有兴趣的同学可以下载看一下
旅友网(html,css,jquery,php)一个简单的课程设计小网站
01-11
这是在老外上的一个 programing the wide wed 的课程上的一个课程设计，使用了html,css,javascript,jquery,php,mysql实现了一个简单的注册，登陆，浏览的小型网站。
javascript 课程设计
06-17
课程设计仅供参考Home <!------> <!------>
web前端课程设计以及报告，jquery+js+css+html
06-05
web前端课程设计，jquery+js+css+html，实现基本前台所有界面，
html游戏网站设计报告,web前端课程设计以及报告，jquery+js+css+html
weixin_39574287的博客
05-31 3158
【实例简介】web前端课程设计，jquery+js+css+html，实现基本前台所有界面，【实例截图】【核心代码】web前端课程设计└── web├── 3114005952梁观鑫.docx├── 源码│ ├── 4.jpg│ ├── blog.html│ ├── cart.html│ ├── checkout.html│ ├── contact.html│ ├── cs...
MATLAB车牌识别课程设计源码（带界面、模板库）
01-07
MATLAB车牌识别课程设计源码是一项综合性的计算机视觉与图像处理技术，主要应用于智能交通系统、安防监控等领域。本项目提供了完整的源代码，包括用户界面和预设的模板库，使得用户可以直观地理解并实践车牌识别的...
android studio课程设计作业PPT+设计文档+可运行源代码+设计思路
05-23
首先，"android studio课程设计作业"表明这是一个关于Android开发的教学实践项目，使用的是Android Studio，这是Google官方推荐的Android应用集成开发环境，集成了编译、调试、性能优化等多种功能，是开发者必备的...
软件工程课程设计飞机订票系统源代码.zip
06-08
软件工程课程设计飞机订票系统源代码软件工程课程设计飞机订票系统源代码软件工程课程设计飞机订票系统源代码软件工程课程设计飞机订票系统源代码软件工程课程设计飞机订票系统源代码软件工程课程设计飞机订票系统源...
JavaScript+jQuery程序设计 源码
09-02
JavaScript+jQuery程序设计（慕课版）的详细源程序，能够给学习的同学提供案例。
数据库完整的课程设计——学生宿舍管理系统
05-07
数据库完整的课程设计——学生宿舍管理系统涉及的知识点包含了数据库系统从需求分析到实施维护的整个过程，具体涵盖以下几个方面： 1. 需求分析：在数据库设计的初期，必须对系统的业务需求进行详细的调研和分析。...
python课程设计-酒店房间预订及管理系统.zip
06-29
python课程设计-酒店房间预订及管理系统python课程设计-酒店房间预订及管理系统python课程设计-酒店房间预订及管理系统python课程设计-酒店房间预订及管理系统python课程设计-酒店房间预订及管理系统python课程设计-...
大学生网页设计作业——web课程设计使用html+css+javascript+jquery技术制作个人介绍6页
html精品源码
12-17 884
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
jQuery设计思想
baidulixueqin的博客
04-30 185
【目录】 　　一、选择网页元素 　　二、改变结果集 　　三、链式操作 　　四、元素的操作：取值和赋值 　　五、元素的操作：移动 　　六、元素的操作：复制、删除和创建 【正文】 一、选择网页元素 jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他Javascript库的根本特点。 使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。 选择表达式可以是CSS选择器： $(document.
jQuery内容学习总结
当历史只剩罪恶，唯有推倒重来，我们开创文明，我们传承文明，周而复始，生生不息。
08-11 3888
jQuery 介绍 jQuery是一个快速、简洁的JavaScript框架，宗旨是写得少，做的多。 它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+
jQuery总结
斑驳的岁月
06-20 623
文章目录简介一、jQuery代码风格二、jQuery选择器1.引入库2.读入数据总结 简介 jQuery是一个JavaScript库，它通过封闭原生JavaScript函数得到一整套定义好的方法。jQuery作为JavaScript封装的库，他的目的就是为了简化开发者使用JavaScript。主要功能有以下几点： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX Utilities jQuery的使用： jQuery属
基于jQuery的在线商城设计与实现
小宝的博客
12-30 8131
#1 网站需求分析 1.1 主体说明 该网页包括了十一个页面，具体如下： Index.html（首页）、reg.html（注册页面）、login.html(登录页面)、about.html(关于页面)、info.html(提交订单信息)、member.html(个人信息)、message.html（留言页面）、payply.html(付款页面)、shopcar.html(购物车页面)、Product.html(商品列表页)、pwd.html(管理密码页面)， 图1.1 网页HTML文件 网站中Css文件夹为
Vue 3:实现页面返回上一页的功能
最新发布
weixin_73060959的博客
09-15 149
在Vue 3中，可以使用Vue Router库来实现页面返回上一页的功能。首先，确保你已经安装并设置了Vue Router。这两个方法都可以使浏览器的历史记录回退一步。来获取Vue Router实例。然后，我们定义了一个。函数会被触发，从而使浏览器返回到上一个访问的页面。在这个例子中，我们使用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值