javaweb项目(四)

9 篇文章 0 订阅
8 篇文章 0 订阅
本文介绍了在JavaWeb项目中如何实现批量删除功能,涉及到GradeDAO的数据库操作,Servlet的请求处理,以及EasyUI DataGrid的使用方法。通过DataGrid创建数据表格,实现动态加载数据,并讲解了在前端进行数据操作时需要注意的JavaScript方法,如加入删除功能,利用ajax进行数据交互。此外,还探讨了EasyUI的弹框提示和jQuery框架在简化代码中的作用。
摘要由CSDN通过智能技术生成

 今天要学习批量删除

 首先是修改功能的实现

  首先,要在GradeDAO里建立要在数据库的操作,既然是在底层,根据实际情况,那我是想从数据库里掏出我的值

 

其次,在servlet里加上页面的返回值对象

 

最后,在前台EASYUI中调用返回的值

{

引入easyui中的dategrid功能  

DataGrid

n. 数据表格; 数据网格;

datagrid是个建表插件~用法

 

html:

 

<table id="tt"></table>

js:

$('#tt').datagrid({  

    title:'Column Group',  

    width:560,  

    height:250,  

    url:'datagrid_data.json',  

    columns:[[  

        {field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true},  

        {field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true},  

        {title:'Item Details',colspan:4}  

    ],[  

        {field:'listprice',title:'List Price',width:80,align:'right',sortable:true},  

        {field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},  

        {field:'attr1',title:'Attribute',width:100},  

        {field:'status',title:'Status',width:60}  

    ]],  

    rownumbers:true  

});

 

}  

  1. 亲自试验一下gradedao中的sql语句是否正确,如果把and变成where呢

 今天要学习批量删除

 首先是修改功能的实现

  首先,要在GradeDAO里建立要在数据库的操作,既然是在底层,根据实际情况,那我是想从数据库里掏出我的值

 

其次,在servlet里加上页面的返回值对象

 

最后,在前台EASYUI中调用返回的值

{

引入easyui中的dategrid功能  

DataGrid

n. 数据表格; 数据网格;

datagrid是个建表插件~用法

 

 

 

html:

 

<table id="tt"></table>

js:

$('#tt').datagrid({  

    title:'Column Group',  

    width:560,  

    height:250,  

    url:'datagrid_data.json',  

    columns:[[  

        {field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true},  

        {field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true},  

        {title:'Item Details',colspan:4}  

    ],[  

        {field:'listprice',title:'List Price',width:80,align:'right',sortable:true},  

        {field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},  

        {field:'attr1',title:'Attribute',width:100},  

        {field:'status',title:'Status',width:60}  

    ]],  

    rownumbers:true  

});

 

 

}  

 

1.亲自试验一下gradedao中的sql语句是否正确,如果把and变成where呢

 

2.servlet是发送请求的,request和response等来表明状态,doget与dopost来传递消息

 

实现一个功能:

先从dao色绘制一个方法,在servlet来处理请求的信息,再在前台jsp中用javascrip来制定显示具体方法

 

今天学习删除操作:

1.删除操作,两种方法,一种是i用for循环,一条一条删除。一种是sql语句:delete f(rom 表名 where id in (1,3,5)

 

???:为什么sql语句中要加上+。。。+的形式,去掉+试一试

 

2.xml上配置好servlet信息,方便寻址

3.在jsp文件中,调用已经写好的javascript方法为 <href="javascript:gradeadd()">这种形式

4.java中Easyui 问题 :var row=$('#dg').datagrid('getSelected');

这两个括号里dg和getSelected代?

$('#dg')代表的是id是dg的html元素

getSelected代表datagrid数据表格中“返回第一个被选中的行或如果没有选中的行则返回null。

 

5.firebug断点使用

6.messager.alert弹框

$.messager.alert("系统提示","请选择要删除的数据!会弹出一个系统提示框");

7.在javascript中建立方法

join方法 JS数组:在其中每个元素之间加入你输入的符号

 

 

8.easyui弹框 ps:只是它封装了一些样式形式,它基于js提供的基本语法改编

一、$.messager.alert()类似js中的alert(‘String’)

 

  方法参数:title, msg, icon, function(回调函数)

 

  描述:title头部面板标题、msg主要消息内容、icon:消息图标,可用值有(error,question,info,warning)、function回调函数

 

参考网址:https://blog.csdn.net/u010427935/article/details/66973513

 

9.

 

用ajax写入一些post传递信息方法

 

10.

在前台操作之后,servlet对应代码要跟上

 

!!重大发现:datagrid是i数据表单,其它不仅仅是一个可以显示数据的form表单,他还是一个可以从后台controller接收数据,来展现在前端网页上的表单

 

ps:jsp代码:

 

<table  id="items" ></table>

说明:只需要定义一个table,给他一个id就OK。

https://www.cnblogs.com/Gabby/p/6425302.html

 

 

11.修改servlet的数据显示

 

12.jQuery是一个快速简洁的javascipt框架,jQuery设计的宗旨是“write Less,Do More”即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

:

展开全部

$.post()是jquery一个简单的 POST 请求功能以取代复杂 $.ajax

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值