当前位置:  编程技术>java/j2ee

jsp操作MySQL实现查询/插入/删除功能示例

    来源: 互联网  发布时间:2014-10-19

    本文导语:  直接贴代码吧: 首先,index_test.jsp页面的代码如下: 代码如下:   人员操作 #popDivAdd,#popDivDelete { position: absolute; visibility: hidden; overflow: hidden; border: 2px solid #AEBBCA; background-color: #EEF1F8; cursor: move; padding: 1px; } #popTitle { backgrou...

直接贴代码吧:
首先,index_test.jsp页面的代码如下:
代码如下:


 




人员操作


#popDivAdd,#popDivDelete {
position: absolute;
visibility: hidden;
overflow: hidden;
border: 2px solid #AEBBCA;
background-color: #EEF1F8;
cursor: move;
padding: 1px;
}

#popTitle {
background: #9DACBF;
height: 20px;
line-height: 20px;
padding: 1px;
}

#popForm {
padding: 2px;
}

.title_left {
font-weight: bold;
padding-left: 5px;
float: left;
}

.title_right {
float: right;
}

#popTitle .title_right a {
color: #000;
text-decoration: none;
}

#popTitle .title_right a:hover {
text-decoration: underline;
color: #FF0000;
}


function showPopup(type) {//弹出层
//var objDiv = null;//objDiv是目标div
if(type == 'add'){
objDiv = document.getElementById("popDivAdd");
}
else
if(type = 'delete'){
objDiv = document.getElementById("popDivDelete");
}
objDiv.style.top = "50px";//设置弹出层距离上边界的距离
objDiv.style.left = "200px";//设置弹出层距离左边界的距离
objDiv.style.width = "300px";//设置弹出层的宽度
objDiv.style.height = "220px";//设置弹出层的高度
//objDiv.style.display = "block";
objDiv.style.visibility = "visible";
}
function hidePopup(type) {//关闭层
//var objDiv = null;//objDiv是目标div
if(type == 'add'){
objDiv = document.getElementById("popDivAdd");
}
else 
if(type = 'delete'){
objDiv = document.getElementById("popDivDelete");
}
objDiv.style.visibility = "hidden";
}






 ID :
 
姓名:

性别:

年龄:

 
      
     
  





删除人员
关闭




 ID :
 
姓名:

 
      
     
  




  
  




/*-------------------------鼠标左键拖动---------------------*/
/*--------当不需要实现此功能时,可以将这一部分代码删除------------*/
var objDiv = document.getElementById("popDiv");
var isIE = document.all ? true : false;//判断浏览器类型
document.onmousedown = function(evnt) {//当鼠标左键按下后执行此函数
var evnt = evnt ? evnt : event;
if (evnt.button == (document.all ? 1 : 0)) {
mouseD = true;//mouseD为鼠标左键状态标志,为true时表示左键被按下
}
}

objDiv.onmousedown = function(evnt) {
objDrag = this;//objDrag为拖动的对象
var evnt = evnt ? evnt : event;
if (evnt.button == (document.all ? 1 : 0)) {
mx = evnt.clientX;
my = evnt.clientY;
objDiv.style.left = objDiv.offsetLeft + "px";
objDiv.style.top = objDiv.offsetTop + "px";
if (isIE) {
objDiv.setCapture();
//objDiv.filters.alpha.opacity = 50;//当鼠标按下后透明度改变
} else {
window.captureEvents(Event.MOUSEMOVE);//捕获鼠标拖动事件
//objDiv.style.opacity = 0.5;//当鼠标按下后透明度改变
}
}
}
document.onmouseup = function() {
mouseD = false;//左键松开
objDrag = "";
if (isIE) {
objDiv.releaseCapture();
//objDiv.filters.alpha.opacity = 100;//当鼠标左键松开后透明度改变
} else {
window.releaseEvents(objDiv.MOUSEMOVE);//释放鼠标拖动事件
//objDiv.style.opacity = 1;//当鼠标左键松开后透明度改变
}
}

document.onmousemove = function(evnt) {
var evnt = evnt ? evnt : event;
if (mouseD == true && objDrag) {
var mrx = evnt.clientX - mx;
var mry = evnt.clientY - my;
objDiv.style.left = parseInt(objDiv.style.left) + mrx + "px";
objDiv.style.top = parseInt(objDiv.style.top) + mry + "px";
mx = evnt.clientX;
my = evnt.clientY;
}
}




query_test.jsp页面代码如下:
代码如下:







ID:

姓名:

性别:

年龄:











insert_test.jsp页面代码如下:

代码如下:






往数据库插入数据



ID:

姓名:

性别:

年龄:





  



delete_test.jsp页面的代码如下:
代码如下:






删除人员



ID:

姓名:

性别:

年龄:











在浏览器直接访问index_test.jsp页面,点击删除按钮,填入ID或者姓名之中的任何一个并提交即可进行删除:
 
执行删除前(下左图)、后(下右图)数据库的内容显示为:
 

总的来说,查询、插入与删除的功能都实现了。

现在发现的问题是:本来是实现的是弹出层的位置是可以移动的,但现在移动不了了,具体原因在于鼠标拖动部分的第一句代码:var objDiv = document.getElementById("popDiv");即指定拖动对象时,没有指定好。正在找方法解决。有谁有比较好的方法,请帮下忙吧,多谢了!

    
 
 

您可能感兴趣的文章:

  • JSP 获取Spring 注入对象示例
  • jsp页面获取服务器时间的简单调用示例
  • JSP父页面传参数到子页面及接收示例
  • JSP代码实现 金字塔(倒置)示例
  • jsp与sql语句的混合使用示例
  • jsp传值中文乱码问题解决方法示例介绍
  • JSP页面的动态包含和静态包含示例及介绍
  • JSP中使用JDBC访问SQL Server 2008数据库示例
  • jsp中定义和使用方法示例介绍
  • jsp 文件下载示例代码
  • jsp页面间传中文参数示例(页面传参数编码)
  • jsp自定义标签之ifelse与遍历自定义标签示例
  • jsp和asp.net共享session值示例代码
  • 用jsp页面生成随机的验证数字码示例
  • jsp读取大对象CLOB并生成xml文件示例
  • jsp使用cookie存储中文示例分享
  • jsp form表单方法示例
  • java和jsp中的request使用示例
  • JSP里用javascript的checkbox()方法选择进行删除出现的问题!请帮帮忙。 iis7站长之家
  • JSP和JSTL获取服务器参数示例
  • 在javascript中(如onclick事件中)可以插入用JSP编写的验证权限的代码吗?那该怎样插入呢?
  • 我从JSP页将数据插入到oracle数据库中,为何汉字插入后数据库中显示为乱码呢?
  • 有没有在jsp中实现对tree型结构进行删除、插入操作
  • 从jsp想oracle插入记录的顺序问题
  • 从jsp向数据库插入日期时间的方法
  • jsp中怎样插入TEXT类型的值!!比较奇怪!!!!
  • Jsp的问题3:插入数据库的问题!
  • applet插入jsp后出现了问题.
  • jsp中插入有主关键字的数据库的sql语句如何写???
  • JSP插入access问题--这是为什么?
  • 50分!两个简单问题。.jsp文件中可以插入javascript代码吗?是否可以通过某框架中链接的target属性将.jsp文件在另一框架中显示?
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 我的jsp服务器弄好了.可当删除jsp文件时.重新刷新网页还存在.怎么回事?
  • JSP中如何删除字符串的前后空格的,asp中是Ltrim和Rtrim,JSP中是什么呢?在线等待
  • 请问怎么用jsp语句删除oracle中的一条记录?
  • 如何用jsp删除自己站点某个路径的一个文件?
  • 在jsp中怎么实现删除时弹出确定、取消对话框,然后根据选择看是否继续?急
  • 怎样用JSP+EJB维护一大堆表?只是一些添加/删除/修改/查询的功能!
  • JSP怎么上传文档到服务器以及如何删除?
  • 请大家看一看呀~~我这是哪里错了呢??---必须要手动刷新jsp才看见作了删除?
  • jsp+SQL删除记录出错,请指教!
  • JSP里用javascript的checkbox()方法选择进行删除出现的问题!请帮帮忙。
  • jsp连接mysql,删除数据出错.
  • jsp Hibernate批量更新和批量删除处理代码
  • 菜鸟刚学jsp,刚知道怎么和sql server2000的数据库相连并显示所有数据!谁能给我一段在sql server2000下添加,删除,更改的代码,菜鸟感
  • JSP中清空cookie代码参考
  • 现有1.jsp、2.jsp、3.jsp三个文件,我怎么在3.jsp文件中得到1.jsp中输入的值?
  • 一个框界网爷包含上下两个网页a1.jsp和a2.jsp,怎么实现a1.jsp自身不变且提交数据到下面的a2.jsp呢?不胜感激,急..
  • 请问jsp和serlet之间怎么通讯,jsp和jsp之间呢?
  • 请问<%@include file="abc.jsp"%>与<jsp:include page="abc.jsp"/>之间的差别
  • response.sendRedirect("index.jsp") 和 <jsp:forward page="index.jsp"/>的区别?
  • 想把一个jsp转到另一个jsp页面,要穿参数,中文的(jsp变量)。谁教教我?!
  • aaa.jsp有如下链接,当单击该链接时将id值传递给bbb.jsp,怎样在bbb.jsp中引用这个id值?
  • jsp+bean还是jsp+ejb还是jsp+servlet还是asp+activex好?
  • 谁能告诉我,怎么调试jsp程序呀!我在jsp中调用java,但是Tomcat这家伙只会给我报jsp文件出错。这可怎么办呀?
  • jsp中如何获得当前jsp文件所在的目录,用request.getServletPath()得到的路径含有jsp文件名,有没有办法得到目录(不含文件名)?
  • 初学jsp,一个html调用一个jsp,这个jsp调用一个javaBean,已编译成类,最后如何部署(用j2sdkee)?
  • 我要学jsp,已经下载了j2ee1.4,需要一个支持jsp引擎的WEB服务器或jsp引擎!!(急,马上给分)
  • jsp中相对路径怎么表示?例如当前目录下的jsp目录里的文件。
  • 我已经在输出前包含了<jsp:include page="2.jsp"/>,
  • 欲学JSP,请教JSP资料,最好电子版。
  • jsp中文乱码 jsp mysql 乱码的解决方法
  • jsp+JavaBean vs jsp+Servlet+JavaBean


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3