热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

php实战第九天

1.jquery事件可以绑定N个,如果不进行取消就会重复调用绑定的事件。深感体会,搞了两小时终于发现其中奥妙。以下代码不能单独运行的。需要bootstrap和jque
1.jquery事件可以绑定N个,如果不进行取消就会重复调用绑定的事件。深感体会,搞了两小时终于发现其中奥妙。
以下代码不能单独运行的。需要 bootstrap和jquery
/**
* 用于显示对话框消息框
* 参数 title 消息标题
* 参数 content 消息内容
* 参数 buttomTitle 处理消息的按钮自定义的,比如确认删除
* 参数 fun 自定义按钮click事件
* 参数 passOnData 传递到自定义fun里的参数
*/
function show_Msg (title,content,buttomTitle,fun,passOnData) {
	$("#msg #myModalLabel").html(title);
	$("#msg .modal-body").html(content);
	$('#msg #msg_c').html(buttomTitle).click(function(){
		fun(passOnData);//调用自定义的函数,以及传递自定义的数据
		$('#msg').modal('hide');//点击完就把窗口隐藏了
		$(this).unbind('click');//如果不取消事件,那么将重复调用。。
	});;
	$('#msg').modal('show');
}
html消息框模板
调用例程
show_Msg('标题要长长长长的','这里可以写html比如加粗的的字体噢','删除',function(e){
	alert(e);
},'这里是点击删除后我传递过去的数据');

function admin_content_del (id) {
	var data=listData[id];
	show_Msg('确认删除',data.content,'确认删除',function(delId){
		$.ajax({
		  url: 'http://localhost/l/index.php',
		  type: 'get',
		  dataType: 'json',
		  data: {
		  	m: 'admin',
		  	a: 'delcontent',
		  	id: delId
		  },
		  complete: function(xhr, textStatus) {
		    //called when complete
		  },
		  success: function(data, textStatus, xhr) {
		  	if(data.state='ok'){
		  		admin_content(1);
		  		show_Msg_success('删除成功');
		  		
		  	}else{
		  		show_Msg_success('删除失败');
		  	}
		  },
		  error: function(xhr, textStatus, errorThrown) {
		    //called when there is an error
		  }
		});
		
	},data.id);
}


2.setTimeout延迟执行事件,这消息过真不错,挺常用的,但是这清空消息的方式,简单粗暴。

/**
* 用于显示顶部消息。显示的消息3秒后自动销毁。
* 参数 content 消息内容
* 参数 face 消息的样式,真,为成功绿色的;假,为错误红色的
*/
function show_Msg_success(content,face){
	if (face==null) {
		face=true;
	}

	face = face?'success':'error';
	
    strTag='
'+content+'
'; $(strTag).prependTo('#main'); setTimeout(function(){ $(".alert").alert('close'); },3000); }


3.checkbox选中还是纯dom操作好. jquery的arrt()方法坑爹
checkbox.attr('checked',$(this).get()[0].checked);
选中复选框,但是第一次有效,第二次也有效,第三次以后,离奇失效了。问题不名真相。
function click_tr() {
	var checkbox = $("#mainData tr input");

	checkbox.eq(0).click(function() {
		//checkbox.attr('checked',$(this).get()[0].checked);

		bool = $(this).get()[0].checked;

		for (var i = 1; i 进行探究一番写了一测试代码,但是依然无果,不明真相的全选不了。 
 

	
	





	
	
	
	
	
	

全选
取消选中






4.说了这么多都没上效果图呢.


5.标题说是php实战,怎么前面帖的都是php代码。。下面帖出处理批量删除的php代码
		/**
		* 用于批量删除留言
		*/
		function batchDelContent(){
			$json['state']="no";

			$data=Array();

			$arr=$_POST['delcontent'];
			if (count($arr)>0) {
				$json['state']="ok";
			}

			foreach ($arr as $value) {

				$result=$this->db
					 ->where("id=".$value)
					 ->table("data")
					 ->delete();

				if ($result) {
					$arr_data['state']="ok";
				}else{
					$arr_data['state']="no";
				}
				$arr_data['id']=$value;

				$data[]=$arr_data;
			}

			$json['data']=$data;
			echo json_encode($json);
		}
今天写的php代码也就这么点了。。大部分都是Javascript

我把admin.js帖出来给大家观赏一下。
// Javascript Document
$(document).ready(function(e) {

	$("#menu a").click(function() {

		switch ($(this).text()) {
			case '所有留言':
				admin_content(1);
				break;

			case '基本设置':
				$("#main #mainData").load('admin_config.html?r='+Math.random());
				break;

			default:
				break;
		}



	});

$("#main #mainData").load('admin_config.html?r='+Math.random());
	//$("#start").click();
});


/**
*留言管理
*/
listData=null;
function admin_content(page) {

	$.ajax({
		url: 'http://localhost/l/admin.php?m=admin&a=content&page=' + page + '&rand=' + Math.random(),
		type: 'get',
		dataType: 'json',
		data: {},
		complete: function(xhr, textStatus) {
			//called when complete
		},
		success: function(json, textStatus, xhr) {
			if (json['state'] == 'ok') {
				var page_start = json['start'];//分页开始
				var page_end = json['end'];//分页结束
				var page_page = json['page'];//分页当前页面
				    listData = json['data'];//分页数据

				table_html='';
				table_html+='批量删除';
/**				
* 生成 表格内容
*/				
				table_html+= '';
				for (i = 0; i ';
					tr_html = '';
					tr_html+='';
					//删除

					tr_html+='';
					tr_html+='';

					table_html += tr_html;
				}
				table_html += '
操作用户名留言内容发表时间
删除' + getLocalTime(listData[i].time) + '
'+listData[i].id+''; tr_html+='' + getLocalTime(listData[i].time) + '
'; /** *生成分页 */ var page_html = '
'; var mainData = $("#main #mainData"); mainData.html(table_html); mainData.append(page_html); admin_content_page(page_page,page_end); //挂接分页点击事件 click_tr();//挂接行点击事件; } //alert(json.data); }, error: function(xhr, textStatus, errorThrown) { //called when there is an error } }); } /** * 挂机分页事件 * 参数 page_page 当前分页 * 参数 page_end 分页数量 */ function admin_content_page(page_page,page_end) { $("#mainPage a").click(function() { var charStr = $(this).text(); var num = charStr; if (charStr == "»") { num = parseInt(page_page) + 1; if (page_end '+content+'
'; $(strTag).prependTo('#main'); setTimeout(function(){ $(".alert").alert('close'); },3000); } //show_Msg_content('啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊所得税') /* show_Msg('标题要长长长长的','这里可以写html比如加粗的的字体噢','删除',function(e){ alert(e); },'这里是点击删除后我传递过去的数据'); */ function click_tr() { var checkbox = $("#mainData tr input"); checkbox.eq(0).click(function() { //checkbox.attr('checked',$(this).get()[0].checked); bool = $(this).get()[0].checked; for (var i = 1; i index.html代码


  
  
  



  

瀑布流留言板管理系统


恩,今天是充实的一天。激情的明天也即将到来。



推荐阅读
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 在PHP中如何正确调用JavaScript变量及定义PHP变量的方法详解 ... [详细]
  • 技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统
    技术分享:使用 Flask、AngularJS 和 Jinja2 构建高效前后端交互系统 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 为开发者提供了一系列实用的参考网站和资源链接,包括HTML速查手册( 和 ),帮助开发者快速查找和学习相关技术知识。此外,还涵盖了其他重要的开发工具和文档,为编程工作提供全面支持。 ... [详细]
  • 技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告
    技术日志:使用 Ruby 爬虫抓取拉勾网职位数据并生成词云分析报告 ... [详细]
  • 深入解析 Vue 中的 Axios 请求库
    本文深入探讨了 Vue 中的 Axios 请求库,详细解析了其核心功能与使用方法。Axios 是一个基于 Promise 的 HTTP 客户端,支持浏览器和 Node.js 环境。文章首先介绍了 Axios 的基本概念,随后通过具体示例展示了如何在 Vue 项目中集成和使用 Axios 进行数据请求。无论你是初学者还是有经验的开发者,本文都能为你解决 Vue.js 相关问题提供有价值的参考。 ... [详细]
  • 本文介绍了如何使用Postman构建和发送HTTP请求,包括四个主要部分:方法(Method)、URL、头部(Headers)和主体(Body)。特别强调了Body部分的重要性,并详细说明了不同类型的请求体。 ... [详细]
  • 本文详细介绍了如何使用JavaScript实现面部交换功能,包括基本原理和具体实现步骤。 ... [详细]
  • 十三、实现模糊查询功能
    本文介绍了在index.jsp页面中实现模糊查询功能的具体步骤,包括添加必要的HTML元素和JavaScript代码。 ... [详细]
  • Ext JS MVC系列一:环境搭建与框架概览
    本文主要介绍了如何在项目中使用Ext JS 4作为前端框架,并详细讲解了Ext JS 4的MVC开发模式。文章将从项目目录结构、相关CSS和JS文件的引用以及MVC框架的整体认识三个方面进行总结。 ... [详细]
  • Framework7:构建跨平台移动应用的高效框架
    Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ... [详细]
  • 在软件开发过程中,经常需要将多个项目或模块进行集成和调试,尤其是当项目依赖于第三方开源库(如Cordova、CocoaPods)时。本文介绍了如何在Xcode中高效地进行多项目联合调试,分享了一些实用的技巧和最佳实践,帮助开发者解决常见的调试难题,提高开发效率。 ... [详细]
  • 如何将Python与Excel高效结合:常用操作技巧解析
    本文深入探讨了如何将Python与Excel高效结合,涵盖了一系列实用的操作技巧。文章内容详尽,步骤清晰,注重细节处理,旨在帮助读者掌握Python与Excel之间的无缝对接方法,提升数据处理效率。 ... [详细]
  • 本文详细解析了 Yii2 框架中视图和布局的各种函数,并综述了它们在实际开发中的应用场景。通过深入探讨每个函数的功能和用法,为开发者提供了全面的参考,帮助他们在项目中更高效地利用这些工具。 ... [详细]
author-avatar
zj
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有