⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 severmanage.jsp

📁 使用JSP+Servlet+Ajax的供应商管理系统(不包含数据库部分)
💻 JSP
字号:
<%@ page language="java" import="java.util.*,java.text.*,com.aowin.scm.dao.*" pageEncoding="GB18030"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>供应商管理</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link href="css/style.css" rel="stylesheet" type="text/css">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
	<script type="text/javascript" src="dwr/interface/VenderDAO.js"></script>
	<script type="text/javascript" src="dwr/engine.js"></script>	
	<script type="text/javascript" src="dwr/util.js"></script>
	
	<script language="javascript" src="<%=basePath %>script/common.js"></script>
    <script language="javascript" type="text/javascript">
  
    var mrow;
    var flag = true;
    var checkflag = false;
    var pageNo = 1; 
    var pageSize = 5;  //页面大小
    var account ="<%= new VenderDAO().queryAll()%>"; //总记录条数
    var pageAll = Math.floor((account-1)/pageSize+1);  //总页数
   function init() {
		
		window.moveTo(0,0);
		window.resizeTo(screen.width, screen.height);
	}
    //删除行
    function delItem(row){
      mrow = row;
      var flag1 = window.confirm("确定要删除吗?");
      if(flag1 == true){
        var VenderCode = row.cells[1].innerHTML
        VenderDAO.delItem(VenderCode,delItemCAllBack);
      }
    }
    //VenderDAO返回删除结果处理
	function delItemCAllBack(data) {
	   if(data==1){
	     var headTbody = $("headTbody");
	     var index = mrow.rowIndex-1;
	     headTbody.deleteRow(index);
	     var rowNum = headTbody.rows.length;
	     for(i=index;i<rowNum;i++){
            headTbody.rows[i].cells[0].innerHTML = i+1;
         }
         alert("删除成功!");
       }
	}
	 //清空添加界面的元素
	function clearItem() 
    {
     $("xvenderCode").value="";
     $("xvname").value="";
     $("xvcontactor").value="";
     $("xvaddress").value="";
     $("xvpostCode").value="";
     $("xvtel").value="";
     $("xvfax").value="";
     $("xvcreateDate").value="<%=new SimpleDateFormat("yyyy-MM-dd").format(new Date())%>";
     $("xvenderCode").readOnly=false;
    }
   //显示添加界面
	function show(){
	  flag = true;
	  $("addTable").style.display="block";
	 
	}
	//关闭添加界面
	function closeShow()
	{
	$("addTable").style.display="none";
	clearItem();
	}
	
	function addItems()
	{
	 if(flag==true){
	 //添加一行
	   checkVenderCode();
	   checkName();
	   checkContactor();
       checkTel();
       if(checkflag==true)
	   {
	      var vender={};
	      vender.venderCode=DWRUtil.getValue("xvenderCode");
	      vender.name=DWRUtil.getValue("xvname");
	      vender.contactor=DWRUtil.getValue("xvcontactor");
	      vender.address=DWRUtil.getValue("xvaddress");
	      vender.postCode=DWRUtil.getValue("xvpostCode");
	      vender.tel=DWRUtil.getValue("xvtel");
	      vender.fax=DWRUtil.getValue("xvfax");
	      vender.createDate=DWRUtil.getValue("xvcreateDate");
	      VenderDAO.addItems(vender,addItemsCallBack);
	   }
	}else if(flag==false)
	{  
	   //修改一行
	   checkName();
	   checkContactor();
       checkTel();
       if(checkflag==true)
	   {
	      var vender={};
	      vender.venderCode = DWRUtil.getValue("xvenderCode");
	      vender.name = DWRUtil.getValue("xvname");
	      vender.contactor = DWRUtil.getValue("xvcontactor");
	      vender.address = DWRUtil.getValue("xvaddress");
	      vender.postCode = DWRUtil.getValue("xvpostCode");
	      vender.tel = DWRUtil.getValue("xvtel");
	      vender.fax = DWRUtil.getValue("xvfax");
	      vender.createDate = DWRUtil.getValue("xvcreateDate");
	      VenderDAO.modify(vender,modifyCallBack);
	   }
	}
	}
	//VenderDAO返回添加结果处理
	function addItemsCallBack(data)
	{
	  if(data==1){
	  var row = $("headTbody").insertRow(-1);
	  
	  var cell = row.insertCell(0);
	  cell.innerHTML = row.rowIndex;
	  
	  cell=row.insertCell(1);
	  cell.innerHTML=DWRUtil.getValue("xvenderCode");
	  
	  cell=row.insertCell(2);
	  cell.innerHTML=DWRUtil.getValue("xvname");
	  
	  cell=row.insertCell(3);
	  cell.innerHTML=DWRUtil.getValue("xvcontactor");
	  
	  cell=row.insertCell(4);
	  cell.innerHTML=DWRUtil.getValue("xvaddress");
	  
	  cell=row.insertCell(5);
	  cell.innerHTML=DWRUtil.getValue("xvpostCode");
	  
	  cell=row.insertCell(6);
	  cell.innerHTML=DWRUtil.getValue("xvtel");
	  
	  cell=row.insertCell(7);
	  cell.innerHTML=DWRUtil.getValue("xvfax");
	  
	  cell=row.insertCell(8);
	  cell.innerHTML=DWRUtil.getValue("xvcreateDate");
	  
	  cell=row.insertCell(9);
	  cell.innerHTML='<input type="button" value="修改" class="LL" onClick="modifyItem(this.parentNode.parentNode)"/> <input type="button" value="删除" class="LL" onClick="delItem(this.parentNode.parentNode)"/>';
	   
	  alert("添加成功!");
	   clearItem();
	  $("addTable").style.display="none";
	}
	}
	//修改
	function modifyItem(row) 
   {
      flag = false;
      mrow=row;
      $("addTable").style.display="block"
      $("xvenderCode").value=mrow.cells[1].innerHTML;
      $("xvenderCode").readOnly=true;
      $("xvname").value=mrow.cells[2].innerHTML;
      $("xvcontactor").value=mrow.cells[3].innerHTML;
      $("xvaddress").value=mrow.cells[4].innerHTML;
      $("xvpostCode").value=mrow.cells[5].innerHTML;
      $("xvtel").value=mrow.cells[6].innerHTML;
      $("xvfax").value=mrow.cells[7].innerHTML;
      $("xvcreateDate").value=mrow.cells[8].innerHTML;
 
   }
   //VenderDAO返回修改结果处理
   function modifyCallBack(data)
   {
     if(data==1){
     mrow.cells[2].innerHTML=DWRUtil.getValue("xvname");
     mrow.cells[3].innerHTML=DWRUtil.getValue("xvcontactor");
     mrow.cells[4].innerHTML=DWRUtil.getValue("xvaddress");
     mrow.cells[5].innerHTML=DWRUtil.getValue("xvpostCode");
     mrow.cells[6].innerHTML=DWRUtil.getValue("xvtel");
     mrow.cells[7].innerHTML=DWRUtil.getValue("xvfax");
     mrow.cells[8].innerHTML=DWRUtil.getValue("xvcreateDate");
     alert("修改成功!");
     clearItem();
	 $("addTable").style.display="none";
     }
   }
   //检验供应商编号,失去焦点
    function checkVenderCode()
    {
       var venderCode = DWRUtil.getValue("xvenderCode");
       if(venderCode!="")
       {  
          var regVenderCode = /^([a-z]|[A-Z]|[0-9]){4,20}$/
          checkflag = regVenderCode.test(venderCode);
          if(checkflag == false)
          {
            alert("供应商编号只能是4~20位的字母和数字!");
            $("xvenderCode").value = "";
          }else{
             VenderDAO.checkVenderCode(venderCode,checkVenderCodeCallBack);
          }
       }else{
          alert("供应商编号不为空!");
       }
    }
    
    function checkVenderCodeCallBack(data)
    {
      if(data==true){
        alert("供应商编号重名!");
        $("xvenderCode").value = "";
      }
    }
    
    function checkName()
    {
      var name = DWRUtil.getValue("xvname");
      var regName = /\S{1,100}$/;
      checkflag = regName.test(name);
      if(checkflag==false)
      {
        alert("供应商名称不为空!");
        $("xvname").value="";
      }
    }
    
    function checkContactor()
    {
      var contactor = DWRUtil.getValue("xvcontactor");
      var regContactor = /\S/;
      checkflag =  regContactor.test(contactor);
      if(checkflag==false)
      {
        alert("联系人不为空!");
        $("xvcontactor").value="";
      }
    }
    
    function checkTel()
    {
      var tel = DWRUtil.getValue("xvtel");
      var regTel = /^[0-9]{1,9}$/;
      checkflag =  regTel.test(tel);
      if(checkflag==false)
      {
        alert("电话号码小于9位数!");
        $("xvtel").value="";
      }
    }
    //首页
    function firstPages()
    {
      pageNo = 1;
      VenderDAO.Pages(pageNo,pagesCallBack);
    }
    //上一页
    function upPages()
    {
     if(pageNo>1)
      {
        pageNo--;
        VenderDAO.Pages(pageNo,pagesCallBack);
      }
    }
	//下一页
	function nextPages()
	{
	  if(pageNo<pageAll)
	  { 
	   pageNo++;
	    VenderDAO.Pages(pageNo,pagesCallBack);
	  }
	}
	//尾页
	function endPages()
	{
	  pageNo = pageAll;
	  VenderDAO.Pages(pageNo,pagesCallBack);
	}
	//分页处理
	function pagesCallBack(data)
	{  
	   
	   var num = (pageNo-1)*pageSize+1;
	   DWRUtil.removeAllRows("headTbody");
	   DWRUtil.addRows("headTbody",data,[
	                                     function(){return  num++},
									     function(vender){return vender.venderCode},
									     function(vender){return vender.name},
									     function(vender){return vender.contactor},
									     function(vender){return vender.address},
									     function(vender){return vender.postCode},
									     function(vender){return vender.tel},
									     function(vender){return vender.fax},
									     function(vender){return vender.createDate},
									     function(){
									           var modif = document.createElement('<input type="button" value="修改" class="LL" onClick="modifyItem(this.parentNode.parentNode)"/>');
									           return modif;  
									           },
									     function(){
									          var del = document.createElement( '<input type="button" value="删除" class="LL" onClick="delItem(this.parentNode.parentNode)"/>');
									          return del;
									          },
									     ],{
										rowCreator:function(options) {
										var row = document.createElement("tr");
										return row;
										},
										cellCreator:function(options) {
										var td = document.createElement("td");
										return td;
										}
										}
							     );
	}
	
</script>

  </head>
  <body onLoad="init()">
 <table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td nowrap class="title1" align="center"><strong>您的位置:采购管理--供应商管理</strong></td>
  </tr>
</table>
<form >
<table width="100%"  border="0" cellpadding="0" cellspacing="0" height="10">
  <tr align="left">
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO(event)" onMouseOut="OMOU(event)" onClick="show()"><img src="images/add.gif">增加</td>
    <%--<td width="20px" nowrap class="toolbar">|</td>
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO(event)" onMouseOut="OMOU(event)" onClick="window.open('<%=basePath %>gysgl/gysQuery.jsp')"><img src="images/search.gif">查询</td>
    --%><td nowrap class="toolbar">&nbsp;</td>
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO(event)" onMouseOut="OMOU(event)" onClick="firstPages()">首页</td>
    <td width="20px" nowrap class="toolbar">|</td>
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO(event)" onMouseOut="OMOU(event)" onClick="upPages()">上一页</td>
    <td width="20px" nowrap class="toolbar">|</td>
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO(event)" onMouseOut="OMOU(event)" onClick="nextPages()">下一页</td>
    <td width="20px" nowrap class="toolbar">|</td>
    <td width="40px" nowrap class="toolbar" onMouseOver="OMO(event)" onMouseOut="OMOU(event)" onClick="endPages()">尾页</td>
  </tr>
</table>

<table width="100%"  border="0" align="center" cellspacing="1" id="headtable">
  <tr>
    <td class="title1"> 序号 </td>
    <td class="title1"> 供应商编号 </td>
    <td class="title1"> 供应商名称 </td>
    <td class="title1"> 联系人 </td>
    <td class="title1"> 地址 </td>
    <td class="title1">邮政编码</td>
    <td class="title1">电话</td>
    <td class="title1">传真</td>
    <td class="title1">创建日期</td>
    <td class="title1" colspan="2">操作</td>
  </tr>
  <tbody id="headTbody" align="center">
  <%
  int i = 1;
  %>
  <c:forEach var="gys" items="${sessionScope.gylist}">
			    <tr>
			     <td><%=i++ %></td>
			     <td>${gys.venderCode }</td>
			     <td>${gys.name }</td>
			     <td>${gys.contactor }</td>
			     <td>${gys.address}</td>
			     <td>${gys.postCode }</td>
			     <td>${gys.tel}</td>
			     <td>${gys.fax}</td>
			     <td>${gys.createDate }</td>
			     <td><input type="button" value="修改" class="LL" onClick="modifyItem(this.parentNode.parentNode)"/> <input type="button" value="删除" class="LL" onClick="delItem(this.parentNode.parentNode)"/></td>
			     
			    </tr>
			 </c:forEach>
  </tbody>
</table>
<br>&nbsp;<br>&nbsp;<br>&nbsp;
<br>&nbsp;<br>&nbsp;<br>&nbsp;
<div id="addTable" align="center" style="display:none">
<table width="100%"  border="0" align="center" class="a1">
  <tr>
    <td class="title2"></td>
  </tr>
  <tr>
    <td>供应商编号</td>
    <td><input type="text" id="xvenderCode" size="15" onblur="checkVenderCode()"/>
      <span class="requred_symbol">*</span></td>
    <td> 供应商名称</td>
    <td><input type="text" id="xvname" size="15" onblur="checkName()"/>
      <span class="requred_symbol">*</span></td>
    <td>联系人</td>
    <td><input id="xvcontactor" type="text" size="15" onblur="checkContactor()">
        <span class="requred_symbol">*</span></td>
    <td>地址</td>
    <td><input type="text" id="xvaddress" size="15"/>
        <span class="requred_symbol">*</span></td>
  </tr>
  <tr align="justify">
    <td> 邮政编码</td>
    <td><input type="text" id="xvpostCode" size="15"/></td>
    <td>电话</td>
    <td><input type="text" id="xvtel" size="15" onblur="checkTel()"/>
        <span class="requred_symbol">*</span></td>
    <td>传真</td>
    <td><input type="text" id="xvfax" size="15"/></td>
    <td>创建日期</td>
    <td><input type="text" size="15" id="xvcreateDate" readonly disabled="disabled" value="<%=new SimpleDateFormat("yyyy-MM-dd").format(new Date())%>"/>
    </td>
  </tr>
  <tr>
    <td class="title2"></td>
  </tr>
  
</table>
    <input type="button" id="bc" value="保存" onclick="addItems()"/>
    <input name="reset"  id="cz" value="重置" type="reset"/>
    <input type="button" id="gb" value="关闭" onClick="closeShow()"/>
</div>
<br>
</form>
<iframe width=174 height=189 name="gToday:normal:agenda.js" id="gToday:normal:agenda.js" src="common/calendar/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; left:-500px; top:0px;"></iframe>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -