jsp 增删改（js部分jquery）

最新推荐文章于 2024-08-27 13:38:21 发布
最新推荐文章于 2024-08-27 13:38:21 发布
阅读量139 收藏
点赞数
文章标签： javascript 数据库 java ViewUI
原文链接：http://www.cnblogs.com/tom38/p/3437405.html
版权

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@page import="java.sql.*"%>
<!-- author:Evangelion 除select外都已经完成了功能
1 定义了sql_info、sql_info1 后者是为了统计符合模糊查询条件的全部数据计算出行数和页数从而可以显示出所有页数。
     前者是为了查询出模糊查询出的结果并且按每页10行来显示。（我这个写的有些麻烦其实可以定义一个sql语句，查询出来所有页数，然后加个where条件让其显示也10条）
2 js中写了选中行的操作用的是jquery封装的select的点击方法每次点击加一个样式selected
3 delWindow是将选中的行删除，在js中用tr.selected>td.eq(1).text()选出单元格数据，执行window.location = 'index.jsp?px=' + s_boss_code;将单元格数据传到index.jsp中的px中，然后index.jsp执行sql语句将其删除。
4 addWindow是先定义了button click=js中的函数，js中的函数使用window.open("add.jsp")然后window.jsp中定义form action=“index.jsp”将参数传递到index.jsp中。实现添加功能。
5 editWindow是先定了button js函数 js中使用的是window.location = "edit.jsp?s_plan_name=" + s_plan_name
    + "&s_boss_code=" + s_boss_code + "&s_start_time="
    + s_start_time + "&s_end_time=" + s_end_time;将选中行的字段参数传递过去，这样，打开edit.jsp显示的就是这些字段，然后进行修改的时候使用的是form action 在index中使用update set语句实现修改功能
-->

<%
 String strPlanName = request.getParameter("plan_name");
%>
<!DOCTYPE html>

<html>
 <head>
  <title></title>
  <link rel="stylesheet" type="text/css"
   href="http://www.jeasyui.com/easyui/themes/default/easyui.css" />
  <link rel="stylesheet" type="text/css"
   href="http://www.jeasyui.com/easyui/themes/icon.css" />
  <link rel="stylesheet" type="text/css"
   href="http://www.jeasyui.com/easyui/demo/demo.css" />
  <link rel="stylesheet" type="text/css" href="CSS/editTable.css">


  <!--       <script type="text/javascript" >
     
        $(document).ready(function() {
            $("#pager").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: PageClick });
        });

        PageClick = function(pageclickednumber) {
            $("#pager").pager({ pagenumber: pageclickednumber, pagecount: 15, buttonClickCallback: PageClick });
            $("#result").html("Clicked Page " + pageclickednumber);
        }
      
    </script>-->


 </head>
 <body>

  <div>


   <form action=index.jsp method="get">
 
    套餐名称：
    <input type="text" name="plan_name" />

    BOSS编码：
    <input type="text" name="boss_code" />

    套餐类型：
    <select name="plan_type"></select>

 

    品牌:
    <select name="brand_id"></select>

    开始时间：
    <input name="plan_startdate" class="Wdate" type="text"
     οnfοcus="WdatePicker()" />

    结束时间：
    <input name="plan_enddate" class="Wdate" type="text"
     οnfοcus="WdatePicker()" />

 


    <input name="info" type="submit" value="查询" />

    <input name="edit" type="button" value="修改" οnclick=
 editWindow();;;
/>

    <input name="del" type="button" value="删除" οnclick=
 delWindow();;;
/>
    <input name="add" type="button" value="添加" οnclick=
 addWindow();
>
   </form>


  </div>

  <table border="1">

   <thead>

    <tr>
     <th width="200">
      套餐名称
     </th>
     <th width="200">
      BOSS编码
     </th>
     <th width="200">
      套餐类型
     </th>
     <th width="200">
      品牌
     </th>
     <th width="200">
      开始时间
     </th>
     <th width="200">
      结束时间
     </th>
    </tr>
   </thead>

   <%
    //System.out.println(request.getParameter("plan_name_edit"));
    //System.out.println(request.getParameter("plan_name_edit"));
    //System.out.println(request.getParameter("boss_code_edit"));
    String s_boss_code = request.getParameter("px");
    //System.out.println(s_boss_code);

    //System.out.println(request.getParameter("end_date_add"));
    //System.out.println(request.getParameter("plan_name"));

    //System.out.println(s_boss_code);
    int pageSize = 10;
    int pageNow = 1;
    int rowCount = 0;
    int pageCount = 0;
    String s_pageNow = request.getParameter("pageNow");
    if (s_pageNow != null) {
     pageNow = Integer.parseInt(s_pageNow);
    }

    Connection conn = null;
    Statement stmt = null, stmt1 = null, stmt2 = null, stmt3 = null, stmt5 = null, stmt6 = null;
    PreparedStatement stmt4 = null;
    //ResultSet rs = null;
    ResultSet rsCount = null;
    ResultSet rsRownum = null;
    ResultSet rsInfo = null;

    try {
     Class.forName("oracle.jdbc.driver.OracleDriver").newInstance();
     conn = DriverManager.getConnection(
       "jdbc:oracle:thin:@10.19.115.131:1521:orcl", "raop",
       "raop12345");

     //stmt = conn.createStatement();\
     String sql_info1="select * from pmp_plan where 1=1";
     String sql_info = "select plan_name,boss_code,plan_type,brand_id,plan_startdate,plan_enddate from(select rownum rown,plan_name,boss_code,plan_type,brand_id,plan_startdate,plan_enddate from pmp_plan t where rownum<=";
     sql_info += +pageNow * pageSize + ")where ( rown>"
       + (pageNow - 1) * pageSize+")";
     if (request.getParameter("plan_name")!=null) {
      sql_info += "and (plan_name like '%"
        + request.getParameter("plan_name") + "%')";
         sql_info1 += "and (plan_name like '%"
        + request.getParameter("plan_name") + "%')";
     }
     if (request.getParameter("boss_code") !=null) {
      sql_info += "and (boss_code like '%"
        + request.getParameter("boss_code") + "%')";
      sql_info1 += "and (boss_code like '%"
        + request.getParameter("boss_code") + "%')";
     }
     if (request.getParameter("plan_startdate") !=null) {
      sql_info += "and ( plan_startdate like '%"
        + request.getParameter("plan_startdate") + "%')";
      sql_info1 += "and ( plan_startdate like '%"
        + request.getParameter("plan_startdate") + "%')"; 
     }
     if (request.getParameter("plan_enddate") != null) {
      sql_info += "and( plan_enddate like '%"
        + request.getParameter("plan_enddate") + "%')";
      sql_info1 += "and( plan_enddate like '%"
        + request.getParameter("plan_enddate") + "%')";     }
     //System.out.println(request.getParameter("plan_name"));
     //System.out.println(request.getParameter("boss_code"));
     System.out.println(sql_info);
     stmt1 = conn.createStatement();
     stmt2 = conn.createStatement();
     stmt3 = conn.createStatement();
     stmt5 = conn.createStatement();
     stmt6= conn.createStatement();
     stmt4 = conn
       .prepareStatement("insert into pmp_plan (plan_name,boss_code,plan_startdate,plan_enddate) values (?,?,?,?)");

     if (request.getParameter("plan_name_edit") != null) {
      stmt5.executeUpdate("update pmp_plan set plan_name='"
        + request.getParameter("plan_name_edit")
        + "',plan_startdate='"
        + request.getParameter("start_date_edit")
        + "',plan_enddate='"
        + request.getParameter("end_date_edit")
        + "'where boss_code='"
        + request.getParameter("boss_code_edit") + "'");

     }
     if (request.getParameter("plan_name_add") != null) {

      stmt4.setString(1, request.getParameter("plan_name_add"));
      stmt4.setString(2, request.getParameter("boss_code_add"));
      stmt4.setString(3, request.getParameter("start_date_add"));
      stmt4.setString(4, request.getParameter("end_date_add"));
      stmt4.executeUpdate();
     }
     if (request.getParameter("px") != null) {
      stmt3
        .executeUpdate("delete from pmp_plan t where boss_code='"
          + s_boss_code + "'");

     }
     //rs = stmt.executeQuery("select plan_name,boss_code,plan_type,brand_id,plan_startdate,plan_enddate from pmp_plan t ");
     rsCount = stmt1
       .executeQuery("select count(*) from ("+sql_info1 +")");
     rsRownum = stmt2
       .executeQuery("select plan_name,boss_code,plan_type,brand_id,plan_startdate,plan_enddate from(select rownum rown,plan_name,boss_code,plan_type,brand_id,plan_startdate,plan_enddate from pmp_plan t where rownum<="
         + pageNow
         * pageSize
         + ")where rown>"
         + (pageNow - 1) * pageSize);
                    rsInfo=stmt6.executeQuery(sql_info);
     // System.out.println(sql_info);
     // rsInfo= stmt.executeQuery(sql_info);
     // System.out.println(rsInfo);

     out.println("<tbody>");
     if (rsCount.next()) {
      rowCount = rsCount.getInt(1);
     }
     //System.out.println(rsRownum.next());
     //System.out.println(rowCount);
     //System.out.println(rsRownum.next());
     while (rsInfo.next()) {
      out.println("<tr>");
      out.println("<td >" + rsInfo.getString("plan_name")
        + "</td>");
      out.println("<td >" + rsInfo.getString("boss_code")
        + "</td>");
      out.println("<td >" + rsInfo.getString("plan_type")
        + "</td>");
      out.println("<td >" + rsInfo.getString("brand_id")
        + "</td>");
      out.println("<td >" + rsInfo.getString("plan_startdate")
        + "</td>");
      out.println("<td >" + rsInfo.getString("plan_enddate")
        + "</td>");
      out.println("</tr>");

     }

    } catch (Exception ex) {
     out.println(ex.toString());
    } finally {
     //rs.close();
     //rsCount.close();
     //rsRownum.close();这一行不被注释的话有错误报出
     //stmt.close();
     //rsRownum.close();
    
     stmt1.close();
     stmt2.close();
     stmt3.close();
     stmt4.close();
     stmt5.close();
     stmt6.close();
     conn.close();
    }
    out.println("</tbody>");

    //上一页
   %>
  </table>

  <%
   if (rowCount % pageSize == 0) {
    pageCount = rowCount / pageSize;
   } else {
    pageCount = rowCount / pageSize + 1;
   }
   if (pageNow != 1) {
    out.println("<a href=index.jsp?pageNow=" + (pageNow - 1)
      + ">上一页</a>");
   }
   for (int i = 1; i <= pageCount; i++) {
    out.println("<a href=index.jsp?pageNow=" + i + ">[" + i
      + "]</a>");
   }
   if (pageNow != pageCount) {
    out.println("<a href=index.jsp?pageNow=" + (pageNow + 1)
      + ">下一页</a>");
   }
  %>


  <!--   </table>
  <div id="toolbar">      
   <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" οnclick="newUser()">增加</a>
   <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" οnclick="editUser()">编辑</a>      
   <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" οnclick="destroyUser()">删除</a>    </div>
  </div>
   -->

 


  <script type="text/javascript"
   src="http://code.jquery.com/jquery-1.6.min.js"></script>
  <script type="text/javascript"
   src="http://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="scripts/Jq/jquery-1.6.4.js"></script>
  <script type="text/javascript" src="scripts/js/WdatePicker.js"></script>
  <script type="text/javascript">
 $(function() {
  $("tbody>tr").click(function() {

   $(this).addClass("selected").siblings().removeClass("selected");

  });
 })
</script>
  <script type="text/javascript">
 function addWindow() {

  window
    .open(
      "add.jsp",
      "Sample",
      "fullscreen=no,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, copyhistory=no,width=350,height=140,left=200,top=300");
 }
 function editWindow() {
  // alert($("tr.selected>td").eq(5).text());
  if (!$("tr.selected").text()) {

   alert("没有行被选中");
   return;
  }
  s_plan_name = $("tr.selected>td").eq(0).text();
  s_boss_code = $("tr.selected>td").eq(1).text();
  s_start_time = $("tr.selected>td").eq(4).text();
  s_end_time = $("tr.selected>td").eq(5).text();
  //window.open ("edit.jsp");
  window.location = "edit.jsp?s_plan_name=" + s_plan_name
    + "&s_boss_code=" + s_boss_code + "&s_start_time="
    + s_start_time + "&s_end_time=" + s_end_time;

 }

 function delWindow() {
  //alert($("tr.selected>td").eq(1).text());

  if (!$("tr.selected").text()) {

   alert("没有行被选中");

   return;
  }
  if (!confirm("是否将此信息删除?"))
   return;
  var s_boss_code = $("tr.selected>td").eq(1).text();

  $("tr.selected").remove();
  alert("删除成功！")
  // alert(s_boss_code);   //正确显示
  window.location = 'index.jsp?px=' + s_boss_code;

 }
</script>


 </body>
</html>

转载于:https://www.cnblogs.com/tom38/p/3437405.html

aaron2080
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用JSP,servlet,mybatis,html,css,javaScript实现商品数据的增删改查过程中遇到的各种问题
m0_51056814的博客
07-11 317
使用JSP,servlet,mybatis,html,css,javaScript实现商品数据的增删改查过程中遇到的各种问题
JSP增删改查
m0_60390944的博客
08-14 935
一、思维导图 二、步骤 先在SQLServer数据库建立相对应的3个表 再去eclipse里做项目 做项目时我们要把相对应的jar包都导好 下面是本次项目的目录 倒包里面的所有方法 package com.dao; import java.sql.Connection; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.util.ArrayList; import jav...
js实现增删改查
12-18
利用原生js实现增删改查操作 附带多样效果，打包分享，仅供参考
JavaScript/Jsp 实现对数据库的增删改查和简单的下载上传文件
孺子-小哥
10-21 6852
完成目标：在页面显示数据库的信息，并且完成对数据库的增删改查。在页面实现图片或文本的下载。 1.增删改查操作 User实体类代码： package com.jredu.web.entity; public class User { private int id; private String userName; private String pwd; private String
sevlet+Js+jsp实现登录注册以及用户信息的增删改查相关问题记录
gsggd的博客
12-07 702
1.js与jsp数据相互转换 js转jsp (1）隐式提交： 页面接收： “change为表单域的名称” jsp转js: 2.数据库的相关操作注意点： 这个地方不要忘记加单引号！ String sql="DELETE FROM users where userName='"+str+"'"; 3.java中字符串的相等用equal而不是等于号（我不清楚这一点搞了好久来着） 4.sevlet页面跳转或者中文显示乱码的话万能三句话，加进去就完事 ...
eclipse+jsp+servlet+sqlserver+tomcat实现增删改查的一个小项目(超详细教程)
胡广的比特星球
09-03 8626
哈喽，大家好，我是胡广，，拖延了一天，实在是太抱歉(虽然也没多少人看我的博客，哈哈) 这个小项目我一共花了五天的时间才把它的功能给完成，因为个人原因，学过的知识已经丢了两年，不过我会在最短的时间学习到足以通过8k的java程序员面试。 废话不多说上教程 第一步下载需要使用的工具 eclipse(版本为2019-06 (4.12.0))，下载链接https://www.eclipse.org/downloads/ tomcat(版本为9.0)，下载链接https://tomcat.apache.o.
jsp+servlet+el+jquery+ajax增删改mysql
12-10
总的来说，这个"jsp+servlet+el+jquery+ajax增删改mysql"的项目是一个典型的前后端分离的Web应用实例，通过整合这些技术，可以实现高效、友好的用户交互和数据库操作。对于学习J2EE的开发者来说，这是一个很好的起点...
jquery实现的无刷新分页增删改
02-16
本示例“jquery实现的无刷新分页增删改”正是将jQuery的强大功能应用于数据管理，提供了一种高效且用户体验良好的解决方案。 首先，我们来理解“无刷新分页”。传统的网页分页通常需要用户点击分页按钮后，页面重新...
使用jsp,jquery,easyUI,ssh,mysql框架完整的表格增删改,及页面布局的项目
03-27
在项目中，EasyUI用于创建表格展示数据，实现数据的增删改功能，以及页面布局和美化，如分页、排序和筛选功能。 **SSH (Spring, Struts2, Hibernate)** SSH是一个流行的Java Web开发框架组合，包括Spring、Struts2...
用AJAX实现网页中的增删改
03-22
本篇文章将深入探讨如何使用AJAX实现网页中的增删改功能，并结合具体的源码分析来帮助你理解和掌握这一技术。 首先，理解AJAX的基本工作原理是至关重要的。AJAX通过JavaScript创建XMLHttpRequest对象，该对象可以...
基于Javaweb jsp servlet mysql bootstrap layui jQuery的图书管理系统
08-01
在这个系统中，mysql存储了图书的所有相关信息，如书名、作者、出版社、库存量等，同时处理数据的查询、增删改操作。 5. **bootstrap**：Bootstrap是Twitter开源的一个前端开发框架，主要用于快速构建响应式和移动...
## 基于jsp+jQuery+javaBean封装+tomcat实现简单的数据库增删改查（新闻管理系统）
qq_38874701的博客
11-05 1292
基于jsp+jQuery+javaBean+tomcat实现简单的数据库增删改查（新闻管理系统） 用到的软件：JavaEE- -jspStudy(tomcat)- -mySQL数据库- -DW(前期可用DW写页面布局，当然在eclipse中也可以写布局，但是没有代码提示和时时视图！) 数据库页面 3.实现功能：注册管理员，管理员登录，添加新闻，删除新闻，修改新闻，查询新闻（根据数据库字段模糊...
jsp+servlet实现一套简单的增删改查
光头强的博客
04-27 4686
功能简介 登录功能 ajax用户名失焦之后判断是否存在，cookie设置十天免登陆。 学生信息显示 图片上传以及图片删除功能未添加 删除功能 添加功能 修改功能 全选删除功能 代码实现 login.jsp登录界面： <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% Str...
JSP之remove标签
weixin_44855573的博客
03-26 904
JSP之remove标签
jquery中addClass（）、removeClass（）、Css（）
蕉下客
07-13 1808
1、jQuery中addClass方法用来为节点添加样式 .important{ font-weight:bold; font-size:xx-large; } .blue{ color:blue; } $(function(){ $("#btn").dblclick(function(){ $("h1,h2,p").addCl
JSP的一个增删改查例子和总结
weixin_34242658的博客
08-01 2943
   总结的几点： 　　1、在jsp中注意&lt;%! %&gt;声明代码块中的变量只会在项目开始的时候第一次运行jsp的时候执行一遍，有点类似于java类中的static代码块，所以如果是会改变的值不应该声明在这里面。而是卸载&lt;%%&gt;代码块中 　　2、使用js中的location.href有时候就是无法生效，也就是无法跳转到你想要的页面。你可以在location.href语句后...
vue ref和reactive区别
灰海
08-25 4510
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
jQuery基础——DOM
最新发布
m0_54066656的博客
08-27 1735
JQ基础——DOM操作
jsp c3p0 mysql实现增删改
03-16
JSP C3P MySQL 实现增删改，可以通过以下步骤实现： 1. 首先，需要在 JSP 页面中引入 C3P 数据库连接池的 jar 包，以及 MySQL 驱动的 jar 包。 2. 在 JSP 页面中，使用 JSP 标签库或者 Java 代码，创建一个 C3P 数据库连接池对象。 3. 在 JSP 页面中，编写 SQL 语句，实现增删改操作。可以使用 PreparedStatement 对象来执行 SQL 语句。 4. 在 JSP 页面中，使用 try-catch 块来捕获 SQL 异常，并进行相应的处理。 5. 最后，关闭数据库连接池对象，释放资源。 具体实现步骤可以参考 C3P 官方文档和 MySQL 官方文档。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值