zhangzhaoaaa
zhangzhaoaaa

html5 跨iframe的拖拽实现移动端页面设计器

     背景：前一阶段做了一个移动页面设计器，拖拽组件、设计器界面、组件属性都在同一个界面，导致设计器(手机壳)中的页眉和页脚位置，尤其是页脚在设计器中没办法像在真正手机中，固定在页面下方。这是由于jqm把整个页面当成了一个容器，如果页眉页脚fixed，那么页眉页脚就会跑到整个页面的最上方和最下方，而不是在设计器中，所以只能把设计器(手机壳)部分改成iframe，这样，把一个jqm完整的页面结构放入其中，页眉页脚就显示正确了。因为这个设计器是通过拖拽组件的方式生成页面，所以就出现了跨iframe的拖拽。

   功能：拖拽组件生成对应组件的代码，并且可以在iframe这个容器中拖动组件进行排序。

    技术：jquery 1.10,jquery-ui 1.11,html5

 

    抛砖引玉：因为这是公司的项目，我在此只抛砖引玉，做一个小例子，页面比较丑，但是功能是实现了。现公司项目，我就不放我们的设计器界面了，我找一个别人网站的设计器的图挂上来，能更明白移动端设计器。

    此设计器网站：猛戳

html5 跨iframe的拖拽实现移动端页面设计器_第1张图片

    废话少说，show me the code!

    主页面：

   

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>主页面</title>
<style>
.component {border:solid #000000;width:100px;height:30px;}
</style>
</head>

<body>
<ul class="cpList">
    <li id="input_type" title="文本输入框" class="component">
        <div class="cpIcon"></div>
        <p>文本输入框</p>
    </li>
    <li id="label_type" title="文本"  class="component">
        <div class="cpIcon"></div>
        <p>文本</p>
    </li>
</ul>   
<iframe id="frame" name="frame" src="frame.html" style="margin:10px auto;display:block;border:solid 1;"></iframe> 
</body>
<script src="jquery.js" type="text/javascript"></script>
<script>
$(function(){
	//可拖拽组件初始化
	$('.cpList li').each(function(){
		$(this).attr("draggable","true");
	});
})

</script>
</html>

 

 

     iframe页面：

    

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link type="text/css" rel="stylesheet" href="jquery-ui.css"/>
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery-ui.js" type="text/javascript"></script>
<script src="draggable.js" type="text/javascript"></script>
<style>
.liClass {border:solid #000000;width:180px;height:30px;}
.tab {min-height:100px;}
</style>
</head>

<body>
<ul class="tab">
<li class="liClass"><label>aaaaaaa</label></li>
</ul>
</body>
<script>
$(function(){
	$(".cpList", parent.document).find("li").each(function() {
		$(this).on("dragstart", function(ev) {//开始拖拽
			var dt = ev.originalEvent.dataTransfer;
			dt.setData('Text', ev.target.id);//将拖拽组件ID传入
		});
	});
	//拖拽组件
	Draggable({destId:".tab",dragTag:"li"});
})
</script>
</html>

 

    draggable.js代码：

   

function Draggable(options){
	var options = options||{};
	var tag = options.dragTag||"LI";//目前只支持li
	tag = tag.toUpperCase();
	var $dest = $(options.destId);//拖拽放入的容器对象
	$dest.on("dragover", function(ev) {
		ev.preventDefault();
	});
	$dest.on("drop", function(ev) {
		ev.preventDefault();
		var df = ev.originalEvent.dataTransfer;
		var data = df.getData("Text");
		var el = ev.target;//目标对象
		var ctx = $(this).get(0);//当前容器
		if (data==""){
			return false;
		}
		do {
			var litem = document.createElement('li');
			var item = $(litem);
			var html = "";
			if (data=='input_type'){
				html = "<input type='text' readonly value='test' />";
			}else if (data=='label_type'){
				html = "<label>测试文本</label>";
			}
			$(item).addClass("liClass");
			$(item).html(html);
			if ($(this).children().length>0){//当前容器下有li
				if(tag === '' || el.nodeName == tag){//当前目标对象的tagName是LI
					if (el.nextElementSibling){//如果当前对象的下一个兄弟节点存在，那么就将当前拖拽的对象插入到这个兄弟节点的前面
						el.parentNode.insertBefore($(item).get(0),el.nextElementSibling);
					}else{//兄弟节点不存，那么直接append到容器中
						ctx.appendChild($(item).get(0));
					}
				}
			}else{//当前容器下没有li，直接append进这个容器中
				ctx.appendChild($(item).get(0));
			}
		}
		while(el !== ctx && (el = el.parentNode));//当前目标对象不是容器，那么就将当前目标对象的父级节点赋值给当前目标对象
	});
	$dest.sortable();//JQUERY UI sortable组件
	return (function(){
		
	})(options);
}

 

 

 

你可能感兴趣的:(html5,页面设计器,跨iframe拖拽)

  • MateChat：前端智能化场景解决方案集，轻松构建你的AI应用 开源项目精选 人工智能
    MateChat致力于构建不同业务场景下高一致性的GenAI体验系统语言，同时匹配各种工具/平台的原生业务场景和界面特征，提供更适合研发工具领域的对话组件，打造流畅亲和、跨界一致、易学易用的用户体验，以及易接入、易维护、易扩展的开发体验。主要特点开箱即用的解决方案：一站式智能对话解决方案内置对话逻辑及常用模板，支持自由定制与二次开发组件丰富，功能全面：基于DevUI基础组件，提供了50+基础组件，
  • 22、web前端开发之html5（三） 跟着汪老师学编程 前端html5
    六.离线存储与缓存在网络环境不稳定或需要优化资源加载速度的场景下，离线存储与缓存技术显得尤为重要。HTML5引入了多种离线存储和缓存机制，帮助开发者提升用户体验。本节将详细介绍ApplicationCache、localStorage、sessionStorage以及IndexedDB等技术，帮助你理解如何在不同场景下选择合适的存储和缓存策略。1、ApplicationCacheApplicati
  • package.json版本前缀 田本初 前端
    前言执行npmi下载依赖后，element-plus出现bug（单页面多个date-picker同时开启），这是v2.9.0+的问题，但是项目package.json中版本如下："element-plus":"^2.7.6",乍一看并不是版本问题，但是package-lock.json中版本却是2.9.7版本前缀版本号主要分为三个部分：如2.7.6，其中2为主版本（major）、7为次要版本（mi
  • Milvus 在多模态数据（图像、文本、音频）向量搜索中的应用 莫比乌斯之梦 技术#Milvusmilvus音视频数据库向量数据库多模态数据
    随着人工智能和深度学习的发展，多模态数据检索逐渐成为热门技术，广泛应用于图像搜索、语音识别、跨模态检索、推荐系统等领域。传统的基于关键词或规则的检索方式已经难以满足智能应用的需求，因此，基于向量搜索的近似最近邻（ANN）检索成为主流方案。Milvus作为一款开源的向量数据库，可以高效地存储和检索图像、文本、音频等多模态数据的向量表示。本文将介绍Milvus如何处理多模态数据的向量搜索，以及如何构建
  • 使用Python爬虫获取豆瓣电影排行（进阶） 师哥678 python爬虫
    对于上一个使用爬虫获取豆瓣电影信息的博客进行改进。将所有代码放在了文章最后，需要的自行提取。一、代码讲解1、导入必要的库importrequests#发送HTTP请求frombs4importBeautifulSoup#解析HTML页面importtime#用于延迟importrandom#用于随机数、随机选择importre#正则表达式，提取评价人数importos#文件和文件夹操作fromda
  • 如何在网页编辑器中使用KindEditor导入Excel文件？ 2501_90699640 编辑器excelumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：KindEditor前端：vue2,vue3,react,vue-cli,html5,后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows
  • 测试用例场景法3个例子 ZhouChengtop java开发语言测试用例
    一、软件服务跨职能场景（流程图1）1.场景一：客户请求帮助或报告错误-是销售问题-解决问题并回应客户-与客户确认-完成2.场景二：客户请求帮助或报告错误-非销售问题-非新问题-解决方案-与客户确认-完成3.场景三：客户请求帮助或报告错误-非销售问题-是新问题-测试问题-未重现问题-从客户获得更多的细节-得到更多反馈4.场景四：客户请求帮助或报告错误-非销售问题-是新问题-测试问题-是重现问题-生成
  • AppML 下载指南 wjs2024 开发语言
    AppML下载指南引言AppML是一款功能强大的移动应用开发工具，它旨在简化移动应用的开发流程，提高开发效率。本文将为您详细介绍AppML的下载方法、安装步骤以及注意事项，帮助您快速上手这款优秀的应用开发工具。AppML简介AppML是一款基于人工智能技术的移动应用开发平台，它允许开发者通过简单的拖拽操作，快速构建出具有丰富功能的移动应用。AppML支持多种平台，包括iOS、Android和Win
  • “网页编辑器新技能：UMEDITOR的WORD、PDF导入解决方案？“ weixin_52041354 编辑器wordpdfumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 给Web开发者的HarmonyOS指南01-文本样式
    给Web开发者的HarmonyOS指南01-文本样式本系列教程适合HarmonyOS初学者，为那些熟悉用HTML与CSS语法的Web前端开发者准备的。本系列教程会将HTML/CSS代码片段替换为等价的HarmonyOS/ArkUI代码。页面结构HTML与ArkUI在Web开发中，HTML文档结构由、和等标签组成，其中标签包含了页面中所有可见的内容。而在HarmonyOS的ArkUI框架中，使用@E
  • 鸿蒙特效教程10-卡片展开/收起效果
    鸿蒙特效教程10-卡片展开/收起效果在移动应用开发中，卡片是一种常见且实用的UI元素，能够将信息以紧凑且易于理解的方式呈现给用户。本教程将详细讲解如何在HarmonyOS中实现卡片的展开/收起效果，通过这个实例，你将掌握ArkUI中状态管理和动画实现的核心技巧。一、实现效果预览我们将实现一个包含多个卡片的页面，整个交互过程都有平滑的动画效果。每个卡片默认只显示标题，点击右侧箭头按钮后可以展开显示详
  • 鸿蒙特效教程03-水波纹动画效果
    鸿蒙特效教程03-水波纹动画效果本教程适合HarmonyOS初学者，通过简单到复杂的步骤，一步步实现漂亮的水波纹动画效果。最终效果预览我们将实现以下功能：点击屏幕任意位置，在点击处生成一个水波纹触摸并滑动屏幕，波纹会实时跟随手指位置生成波纹从小到大扩散，同时逐渐消失波纹颜色随机变化，增加视觉多样性一、创建基础布局首先，我们需要创建一个基础页面布局。这个布局包含一个占满屏幕的区域，用于展示水波纹动画
  • 鸿蒙特效教程06-可拖拽网格实现教程
    鸿蒙特效教程06-可拖拽网格实现教程本教程适合HarmonyOSNext初学者，通过简单到复杂的步骤，一步步实现类似桌面APP中的可拖拽编辑效果。效果预览我们要实现的效果是一个Grid网格布局，用户可以通过长按并拖动来调整应用图标的位置顺序。拖拽完成后，底部会显示当前的排序结果。实现步骤步骤一：创建基本结构和数据模型首先，我们需要创建一个基本的页面结构和数据模型。我们将定义一个应用名称数组和一个对
  • 高德地图实现各类路线规划/高德地图路线规划/高德地图导航 八万鸡米花 1024程序员节vue地图
    前言今天鸡米花给大家带来的是vue3基于高德地图实现导航的功能，与其说是导航，其实叫轨迹查询更为准确一点，因为毕竟是在PC端实现，目前只做到了查询的功能，离实时导航还是有一定的距离，UI呢是参照了苹果地图的mac版，所以这里只是用来学习交流，同时呢也是鸡米花自己写的一个小demo，并未用于商业用途，好了，废话不多说了，直接看效果图！线上体验地址效果图首页搜索驾车导航公交导航由于驾车导航的页面与步行
  • “百度UM编辑器能否支持粘贴WORD文档并自动上传图片？“ 2501_90646763 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • “百度富文本编辑器（UMEDITOR）如何高效导入WORD内容？“ 2501_90646449 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • “如何通过UMEDITOR将WORD文档中的图片无缝复制到网页？“ 2501_90646449 umeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdfueditor导入ppt
    要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台：Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
  • 重磅！理想汽车开源星环OS，成全球首家汽车操作系统开源企业 CSDN资讯 汽车开源理想汽车星环OS
    在2025中关村论坛年会上，理想汽车董事长兼CEO李想宣布理想汽车成为全球首家开源汽车操作系统企业，并分享星环OS的自研历程和技术优势，其性能超越行业主流闭源AUTOSAR系统。理想汽车于2021年启动星环OS自研项目，投入200人团队及超10亿元研发资金，历经方案选型、架构设计和落地，于2024年实现首个版本量产。相较于传统AUTOSAR，星环OS采用创新跨系统架构设计，优化全链路性能，使多个控
  • 一个接口请求不通（或页面无法访问）该如何排查？ 海姐软件测试 接口测试测试工具面试
    一、确认问题现象基础验证检查请求的URL、HTTP方法（GET/POST等）是否完全正确（注意拼写和大小写）。确认请求参数（Headers、Body、Query参数）是否符合接口文档要求。尝试用工具（如Postman、curl、浏览器）直接访问，排除客户端代码逻辑问题。区分问题范围是否所有环境（开发/测试/生产）都不可用？还是仅特定环境？是否所有用户都无法访问？还是仅部分用户（可能涉及IP限制或账
  • 内网穿透是什么，有哪些软件工具推荐，对比汇总10款选择 搬码临时工 网络物联网信息与通信开源软件服务器
    在现代信息化网络环境中，内网穿透技术成为了很多开发者、系统管理员、远程办公员工以及网络人员解决内网与外网互通问题的重要手段。尤其对于无公网IP网络下，搭建本地服务器提供互联网上连接访问，及需要跨网远程访问的应用场景，如远程桌面连接、Web服务、FTP文件共享、打印机异地用、以及数据库连接等，内网穿透工具提供了一种简单通用且便捷的解决方案。本文整理汇总介绍10个常见的内网穿透软件，有体验版本，有开源
  • 鸿蒙生态全解析：应用适配分享 矛取矛求 harmonyos华为
    一、鸿蒙系统的技术底座与适配挑战HarmonyOSNEXT作为全场景分布式操作系统，通过统一的技术底座和声明式开发框架，实现了"一次开发，多端部署"的跨设备协同能力。其核心优势在于：弹性部署架构：一套系统适配手机、平板、折叠屏、车机等全场景设备，开发者无需为不同终端单独开发分布式软总线：支持设备间硬件能力互助共享，如调用其他设备的摄像头、麦克风等ArkTS语言：声明式UI范式使界面开发效率提升30
  • Flutter完整开发实战详解(一、Dart语言和Flutter基础) _ 掘金技术征文(1) 2401_84009773 程序员flutterreactnativereact.js
    returndata;}///打印结果renderSome(){doSomeThing().then((value){print(value);///输出okfromrequest});}Flutter中setState很有ReactNative的既视感，Flutter中也是通过State跨帧实现管理数据状态的，这个后面会详细讲到。Flutter中一切皆Widget呈现，通过build方法返回Wi
  • 单细胞分析（六）——使用seurat进行去批次整合 生信小鹏 生信技能学习数据挖掘数据分析r语言
    数据整合概述对两个或多个单细胞数据集的联合分析带来了独特的挑战。特别是，在标准工作流程下，识别存在于多个数据集中的细胞群可能会有问题。Seurat有包括一组跨数据集match（或“align”）共有细胞群的方法。这些方法首先识别处于匹配生物学状态（“anchors”）的跨数据集细胞对，既可用于校正数据集之间的技术差异（即批量效应校正），也可用于跨实验条件的比较scRNA-seq分析。整合目的以下教
  • Godot引擎开发：Godot基础入门_发布与分发 chenlz2007 游戏开发godot游戏引擎性能优化网络nginx
    发布与分发在完成游戏开发后，发布和分发游戏是将您的作品展示给玩家的最后一步。Godot引擎提供了多种发布平台，包括Windows、macOS、Linux、HTML5、Android和iOS。本节将详细介绍如何在Godot引擎中准备和发布游戏，涵盖以下内容：项目设置导出模板导出设置导出游戏签名与分发部署到不同平台1.项目设置在发布游戏之前，首先需要确保项目的设置正确无误。项目设置包括但不限于标题、图
  • 低代码配置式Web组态解析 html组态 低代码前端组态web组态物联网自动化运维
    低代码配置式Web组态技术通过可视化操作和预置组件库，大幅降低开发门槛，适用于工业控制、物联网监控、数据可视化等场景。以下是综合行业实践和产品特性的分析：‌一、核心功能与优势‌‌可视化编辑与拖拽布局‌提供图形化编辑器，支持拖拽组件（如按钮、图表、传感器图标）搭建界面，无需手动编写前端代码‌。支持自定义图库上传，灵活适配不同行业场景（如化工设备、能源监控）‌。‌实时数据绑定与动态交互‌通过Webso
  • 如何让WordPress不同的页面、栏目显示不同的小工具侧边栏 嵌入式视界 网站运维wordpress
    WooSidebars是一款用于WordPress的插件，主要功能是允许用户根据不同的上下文条件（如特定页面、博客文章、分类目录或搜索结果页面等）来更改侧边栏中显示的小工具。自定义小工具区域：用户可以轻松创建自定义的小工具区域，并将其设置为在多种条件下显示，只需点击几次即可完成。兼容性：该插件与任何支持动态小工具区域的主题兼容。条件设置：支持多种条件设置，例如特定页面、文章、分类目录、标签、搜索结
  • Javascript 全局脚本编程和模块化编程的区别 lzfshub javascript开发语言ecmascript
    全局脚本编程和模块化编程在JavaScript中代表了两种不同的代码组织和执行方式。以下是它们之间的一些主要区别：全局脚本编程：全局作用域：变量和函数默认在全局作用域中创建，容易造成命名冲突。全局变量可以在页面的任何其他脚本中访问和修改。命名空间污染：由于所有变量和函数都暴露在全局作用域，容易导致命名空间污染。需要开发者手动管理命名空间，例如通过使用对象字面量或立即执行函数表达式（IIFE）来封装
  • 在 Dojo 框架中define、declare 和 require的区别 lzfshub java前端linux
    0.dojo库引入在Dojo框架中，define、declare和require是三个重要的概念，它们在模块化和类声明中扮演不同的角色。以下将详细介绍它们的功能、区别及使用场景：1.define定义：define用于定义一个模块（module），它是Dojo模块化开发的核心方法。用途：创建独立的代码块，便于管理和复用。声明模块的依赖关系，通过回调函数实现模块间的交互。支持异步加载，优化页面加载性能
  • 网页性能优化 tianruine javascript
    SSR与CSR1.SSR(ServerSideRendering)：传统的渲染方式，由服务端把渲染的完整的页面吐给客户端。这样减少了一次客户端到服务端的一次http请求，加快相应速度，一般用于首屏的性能优化。减少的是一次数据请求，因为你请求一次就会把渲染好的页面这只返回给客户端，而CSR是你首先访问服务器，拿到对应的html文件返回客户端，你还需要发送一次请求给服务器拿到对应的数据，在客户端进行数
  • 基于跨架构算法的高效物联网漏洞挖掘系统 物联网漏洞挖掘技术 XLYcmy 漏洞挖掘物联网网络安全漏洞挖掘静态分析系统报告神经网络
    2.1.2物联网漏洞挖掘技术虽然通用平台的漏洞挖掘技术和工具不能完全适用于物联网设备，但大部分程序分析技术、安全测试思路和方案仍可用于物联网设备。因此，物联网设备漏洞挖掘技术仍然以通用程序分析和安全测试技术作为基础，结合物联网设备特点，开展了相关漏洞挖掘技术的研究。同时，通用漏洞挖掘技术仍然在蓬勃发展，给物联网设备漏洞挖掘技术不断注入新当前的物联网设备的漏洞挖掘技术在静态分析、动态模糊测试、同源性
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
  • jquery中两个值得注意的方法one()和trigger()方法 jackyrong trigger
      在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍 1） one方法     one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为    one(type,${data},fn) &nb
  • 拿工资不仅仅是让你写代码的 lampcy 工作面试咨询
    这是我对团队每个新进员工说的第一件事情。这句话的意思是，我并不关心你是如何快速完成任务的，哪怕代码很差，只要它像救生艇通气门一样管用就行。这句话也是我最喜欢的座右铭之一。 这个说法其实很合理：我们的工作是思考客户提出的问题，然后制定解决方案。思考第一，代码第二，公司请我们的最终目的不是写代码，而是想出解决方案。 话粗理不粗。 付你薪水不是让你来思考的，也不是让你来写代码的，你的目的是交付产品
  • 架构师之对象操作----------对象的效率复制和判断是否全为空 nannan408 架构师
    1.前言。   如题。 2.代码。 (1)对象的复制，比spring的beanCopier在大并发下效率要高，利用net.sf.cglib.beans.BeanCopier Src src=new Src(); BeanCopier beanCopier = BeanCopier.create(Src.class, Des.class, false);
  • ajax 被缓存的解决方案 Rainbow702 JavaScriptjqueryAjaxcache缓存
    使用jquery的ajax来发送请求进行局部刷新画面，各位可能都做过。 今天碰到一个奇怪的现象，就是，同一个ajax请求，在chrome中，不论发送多少次，都可以发送至服务器端，而不会被缓存。但是，换成在IE下的时候，发现，同一个ajax请求，会发生被缓存的情况，只有第一次才会被发送至服务器端，之后的不会再被发送。郁闷。 解决方法如下： ① 直接使用 JQuery提供的 “cache”参数，
  • 修改date.toLocaleString()的警告 tntxia String
      我们在写程序的时候，经常要查看时间，所以我们经常会用到date.toLocaleString()，但是date.toLocaleString()是一个过时 的API，代替的方法如下：   package com.tntxia.htmlmaker.util; import java.text.SimpleDateFormat; import java.util.
  • 项目完成后的小总结 xiaomiya js总结项目
    项目完成了，突然想做个总结但是有点无从下手了。 做之前对于客户端给的接口很模式。然而定义好了格式要求就如此的愉快了。 先说说项目主要实现的功能吧 1，按键精灵 2，获取行情数据 3，各种input输入条件判断 4，发送数据（有json格式和string格式） 5，获取预警条件列表和预警结果列表， 6，排序， 7，预警结果分页获取 8，导出文件（excel，text等） 9，修
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他