JSP实现客户信息管理系统

本文实例为大家分享了JSP实现客户信息管理系统的具体代码，供大家参考，具体内容如下

项目示意图大概这样吧。我自己画的

登录界面代码

index.jsp:完全没技术含量的，直接调用一个小型应用程序控制的是否登录

“% @”页面语言=“Java”导入=“Java”。乌提尔。* "页面编码=' UTF-8 ' %！' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML标题客户信息管理系统登录/标题/头体氘客户信息管理系统登录/h2表单操作='LoginServlet '方法='post '用户名：输入类型='text' name='name'/br/密码：输入类型='text '名称='pwd'/br/输入类型='submit '值='登录//表单/正文/html控制登录的实例三

公共类实例三扩展httpersvlet { public void doGet(httpersvletrequest请求，HttpServletResponse响应)抛出ServletException，IOException { doPost(请求，响应);} public void doPost(HttpServletrequest请求，HttpServletResponse响应)引发ServletException，IOException { String name=request。getparameter(' name ')；字符串pwd=请求。getParameter(' pwd ')；//此时应该要把账号密码封装成JavaBean访问后台数据库验证登录，这里简化了如果（姓名！=空名称。以(' hncu ')pwd开头！=null pwd.length()3){ //登录成功，访问主页request.getSession().setAttribute('name '，name)；请求。get request dispatcher('/JSP/table。JSP ').转发（请求、响应);}else{//登录失败，重修返回登录界面回应。发送重定向(请求。getcontextpath()'/index。JSP’)；} }}进来之后就到我们的主页后点击添加按钮，开头弹出一个窗口让我们输入添加的信息

这个技术原理

函数add(){ var URL=path '/JSP/input。JSP '；var返回值=窗口。showmodaldialog(URL ' '，dialogheight :400 pxdialogwidth :300 pxl status : no ')；if(返回值){//alert(返回值。id)；实加(返回值)；}}url:是弹出小窗口的路径。后面是设置弹出窗口的参数。返回值可以拖过这个语句提供

window.returnValue=obj下面是这个添加过程的示意图

主页代码以及射流研究…代码

“% @”页面语言=“Java”导入=“Java”。乌提尔。*“页面编码=”UTF-8“% @ taglib uri=”http://Java。星期日com/JSP/jstl/core ' prefix=' c ' %！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML头部链接rel='样式表type=' text/CSS ' href=' c : URL值='/CSS/table。CSS '/' rel='外部无跟随'标题客户信息管理系统/title脚本类型=' text/JavaScript ' src=' c : URL值='/js/table。js '/'/脚本脚本类型=' text/JavaScript ' var path=' c : URL值='/'/';/脚本/头体氘客户信息管理系统/h2输入类型=' button ' onclick=' del()；值='删除/input type='button' value='添加onclick='add()'表id='tb' tr th选择输入类型=' checkbox ' id=' ParentChk ' onclick=' chk(this)；/th姓名/th年龄/th地址/thth class=' iid ' id/th/tr/table form name=' f1 ' target=' ifrm ' action=' c : URL value='/DelServlet '/method=' post ' input id=' ids ' type=' hidden ' name=' ids '/form iframe name=' ifrm ' style=' display 3360 none；/iframe /body/htmltable.js

函数add(){ var URL=path '/JSP/input。JSP '；//var vReturnValue=window。showmodaldialog(URL ' '，dialogwidth :400 pxdialogheight :200 px ' status 3360 no ')；var返回值=窗口。showmodaldialog(URL ' '，dialogheight :400 pxdialogwidth :300 pxl status : no ')；if(返回值){//alert(返回值。id)；实加(返回值)；}}//把封装过来的数据实际插入到表格函数real add(obj){ var TB=document。getelementbyid(' TB ')；var OTr=TB。InsertRow()；var oCell=OTR。insert cell()；欧塞尔。innerHTMl=' input type=' checkbox ' name=' chk ' onclick=' subck(this)；'/';oCell=OTR。insert cell()；欧塞尔。innerhtml=obj。姓名；oCell=OTR。insert cell()；欧塞尔。innerhtml=obj。年龄；oCell=OTR。insert cell()；欧塞尔。innerhtml=obj。addroCell=OTR。insert cell()；欧塞尔。innerhtml=obj。id；ocell . NAmE=' iid }//全先复选框，点击上面的全选框。下面的所有复选框都要全选函数chk(obj){ var chks=document。getelementsbyname(' chk ')；var len=chks . length for(var I=0；伊琳；i ){ chks[i].checked=obj.checked}}//通过统计下面的复选框的选择情况，决定上面的复习框的三种状态function subck(obj){ var chks=document。getelementsbyname(' chk ')；var n=0；//统计表格行中被勾选中的行数for(var I=0；长度；i ){ if(chks[i]).选中){ n；} } var parentChk=document。getelementbyid(' ParentChk ')；if(n==0){ parentchk。unlimited=false//不能省parent chk . checked=false } else if(n==chk。长度){ parentchk。unlimited=false//不能省parent chk . checked=true } else { parent chk。理解=真实；}}//把用户选中行的编号提交给后台，后台删除成功后返回truefunction del(){ //以后我们应该用数据去封装所有的id，提交给后台处理（暂时我们还没学)。//现在我们暂时用字符拼接的方式来做，有潜在病菌的var TB=文档。getelementbyid(' TB ')；var chks=文档。getelementsbyname(' chk ')；var id=for(var I=0；长度；i ){ if(chks[i]).选中){//alert(' AAA ')；//把该行的编号值获取出来var OTr=chks[I]。父节点。父节点；//alert(OTr)；var id=oTr.cells[4]。innerText//alert(id)；if(ids==' '){ ids=id；}else{ ids=ids '，' id；} } } if(id==' '){ alert('请选择要删除的行');} else { document。getelementbyid(' ids ').value=idsddocument . forms[' f1 '].submit()；} }函数realDel(boo){ if(！boo){ alert('删除失败!');返回；} var TB=文档。getelementbyid(' TB ')；var chks=文档。getelementsbyname(' chk ')；var len=chks.length//倒着删for(var I=len-1；I=0；i - ){ if(chks[i]).选中){ TB。delete row(I 1)；} } var chks=document。getelementsbyname(' chk ')；var n=0；//统计表格行中被勾选中的行数for(var I=0；长度；i ){ if(chks[i]).选中){ n；} } //删除之后更细上面复选框的状态var parentChk=文档。getelementbyid(' ParentChk ')；if(n==0){ parentchk。unlimited=false//不能省parent chk . checked=false } else if(n==chk。长度){ parentchk。unlimited=false//不能省parent chk . checked=true } else { parent chk。理解=真实；}}input.jsp

“% @”页面语言=“Java”导入=“Java”。乌提尔。*“页面编码=”UTF-8“% @ taglib uri=”http://Java。星期日com/JSP/jstl/core ' prefix=' c ' %！' DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML正文h3客户信息添加/H3表单target=' ifrm ' name=' ss ' action=' c : URL value='/SaveServlet '/method=' post '姓名：输入类型='text' name='name'/br/年龄：输入类型=“文本”名称='年龄'/br/地址：输入类型=“文本”名称='addr'/br/br/输入类型='按钮'值='添加onclick=' save()；/input type='button' value='取消onclick=' window。close()；/br//form iframe name=' ifrm ' style=' display : none；/iframe脚本类型='text/javascript '函数save(){ document.forms['ss'].submit()；} //该方法由后台返回的saveback.jsp(在内联框架中，子页)反调这里（父页)函数real save(obj){//window。返回值=' aa//窗口。close()；window.returnValue=objwindow。close()；} /script /body/htmlsave.jsp

"%@"页面语言="Java "导入="Java。乌提尔。*;"页面编码=' UTF-8 ' % % @ taglib uri=' http://Java。星期日com/JSP/jstl/core ' prefix=' c ' % script type=' text/JavaScript ' var user=new Object()；用户。name=' c : out value=' $ { user。name }“/”；用户。id=' c : out值=' $ { user。id }“/”；用户。age=' c : out值=' $ { user。age }“/”；用户。addr=' c : out值=' $ { user。addr }“/”；parent.realSave(用户);/script在后面是删除的过程

delback.jsp

“% @”页面语言=“Java”导入=“Java”。乌提尔。*“页面编码=”UTF-8“% @ taglib uri=”http://Java。星期日com/JSP/JSTL/core ' prefix=' c ' % script type=' text/JavaScript '//用标准标记库在射流研究…页面中把从后台获取出来var boo=' c : out value=' $ { suc } '/'；父母。real del(boo)；/script更多学习资料请关注专题《管理系统开发》 。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。