wanggeying
- 浏览: 66505 次
- 性别:
- 来自: 济南
-
文章分类
最新评论
完整代码示例如下：
------------------js
------------------jsp
------------------controller
------------------js
//获取当前路径
var projectpath=window.document.location.href.substring(0,window.document.location.href.indexOf(window.document.location.pathname))+window.document.location.pathname.substring(0,window.document.location.pathname.substr(1).indexOf('/')+1);
//初始化
$(function () {
queryInfo();
});
//信息查询
function queryInfo(){
var datas = [];
$.ajax({
type:"post",
url:projectpath+"/certificate/msgl/queryPagedResult.do",
dataType:"json",
async :false,
success:function(datas){
$('#reportTable').bootstrapTable({
method: 'get',
cache: false,
striped: true,
pagination: true,
pageSize: 10,
pageNumber:1,
pageList: [10, 20, 50, 100, 200, 500], sidePagination:'client',
idField: "id",
search: true,
showColumns: true,
showRefresh: false,
showExport: false,
exportTypes: ['csv','txt','xml'],
search: true,
clickToSelect: true,
columns:
[
{title:'全选',field: 'select',checkbox: true,width: 25,align: 'center',valign: 'middle'},
{title:'sqr',field:"sqr",title:"申请人",align:"center",valign:"middle",sortable:"true"},
{title:'sqrq',field:"sqrq",title:"申请日期",align:"center",valign:"middle",sortable:"true"},
{title:'lxfs',field:"lxfs",title:"联系方式",align:"center",valign:"middle",sortable:"true"},
{title:'zsh',field:"zsh",title:"证书号",align:"center",valign:"middle",sortable:"true"},
{title:'bk',field:"bk",title:"备注",align:"center",valign:"middle",sortable:"true"},
],
data:datas
});
}
})
}
//保存
function create(){
var createparam = $('#createform').serializeArray();//返回json数据结构
var obj=JSON.stringify(createparam);
$.ajax({
type:"post",
data: {param:obj},//传递slid值
url:projectpath+"/certificate/msgl/save.do",
dataType:"text",
async :false,
success:function(data){
//alert(data);
location.reload();
}
})
}
//修改
function updateView(){
var getSelectRows = $("#reportTable").bootstrapTable('getSelections', function (row) {
return row;
});
if(getSelectRows.length>1){
alert("只能选择一条数据，进行修改！");
}else if(getSelectRows.length<1){
alert("需要选择一条数据，进行修改！");
}else{
var row=getSelectRows[0];
$("#u_id").val(row.id);
$("#u_sqr").val(row.sqr);//申请人
$("#u_sqrq").val(row.sqrq);//申请日期
$("#u_lxfs").val(row.lxfs);//联系方式
$("#u_zsh").val(row.zsh);//证书号
$("#u_bz").val(row.bz);//备注
}
}
//修改保存
function update(){
var postData = $('#updateform').serializeArray();
var obj=JSON.stringify(postData);
$.ajax({
type:"post",
data: {param:obj},//传递slid值
url:projectpath+"/certificate/msgl/update.do",
dataType:"text",
async :false,
success:function(data){
//alert(data);
location.reload();
}
})
}
//删除
function deleteRow(){
var getSelectRows = $("#reportTable").bootstrapTable('getSelections', function (row) {
return row;
});
var selectrows=JSON.stringify(getSelectRows);
$.ajax({
type:"post",
data: {param:selectrows},//传递slid值
url:projectpath+"/certificate/msgl/delete.do",
dataType:"text",
async :false,
success:function(data){
// alert(data);
location.reload();
}
})
}
//公共方法
------------------jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="cdn" uri="http://www.kanq.com.cn/platform/tags/cdn"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 引入css -->
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/solr/css/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/kqoa/common/fileinput/css/fileinput.min.css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/kqoa/common/bootstrap-table/bootstrap-table.css"/>
<!-- 引入js -->
<script src="${pageContext.request.contextPath}/static/supervision-statistics/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/static/solr/css/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/kqoa/common/fileinput/js/fileinput.min.js"></script>
<script src="${pageContext.request.contextPath}/static/kqoa/common/bootstrap-table/bootstrap-table.js"></script>
<script src="${pageContext.request.contextPath}/static/kqoa/common/bootstrap-table/extensions/export/bootstrap-table-export.js"></script>
<script src="${pageContext.request.contextPath}/static/kqoa/common/fileinput/js/locales/zh.js"></script>
<script src="${pageContext.request.contextPath}/static/certificate/js/sjdr/sjdr.js"></script>
</head>
<body>
<ul id="myTab" class="nav nav-tabs" style="padding-top: 50px;padding-left: 50px;">
<li class="active">
<a href="#home" data-toggle="tab">
导入数据
</a>
</li>
[*][url=#ios]查看数据[/url]
</ul>
<div id="myTabContent" class="tab-content">
<div class="tab-pane fade in active" id="home">
<div class="panel-group" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-collapse collapse in" role="tabpanel">
<div class="panel-collapse" role="tabpanel">
<div class="panel-body">
<div class="form-group">
<label class="col-md-3 control-label"></label>
<div class="col-md-4">
<form id="importFile" name="importFile" class="form-horizontal" method="post"
enctype="multipart/form-data" action="${pageContext.request.contextPath}/certificate/sjdr/upload.do">
<input id="excelFile" name="excelFile" type="file" multiple accept=".xls,.xlsx"> <br>
<button type="submit">提交</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="ios">
<table class="table table-striped">
<div id="reportTableDiv" >
<div style="float:left;position: absolute;top: 130px; margin-left: 1%;">
<button type="button" class="btn btn-primary" onclick="deleteRow();">删除</button>
</div>
<div style="float:right;">
<table id="reportTable"></table>
</div>
</div>
</table>
</div>
</div>
</body>
</html>
------------------controller
package com.kanq.platform.cert.web.model.controller;
import java.util.List;
import java.util.UUID;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import com.kanq.platform.basis.common.base.web.controller.BaseModelController;
import com.kanq.platform.cert.model.CertificateMsgl;
import com.kanq.platform.cert.query.CertificateMsglQuery;
import com.kanq.platform.cert.service.CertificateMsglService;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
@RestController
@RequestMapping("certificate/msgl")
public class CertificateMsglModelController implements BaseModelController {
@Autowired
private CertificateMsglService certificateMsglService;
/**
* 保存操作
* @param certificateMsgl
* @return
* @throws Exception
*/
@RequestMapping(value=SAVE,produces = "text/plain;charset=UTF-8")
public String save(String param) throws Exception {
//声明对象
String sqr="";//申请人
String sqrq="";//申请日期
String lxfs="";//联系方式
String zsh="";//证书号
String bk="";//备注
//获取动态传递的数组
JSONArray jsonArray = JSONArray.fromObject(param);
//遍历json对象数组
for(int i=0;i<jsonArray.size();i++){
//获取数组中每个json对象
JSONObject jsonObject=(JSONObject) jsonArray.get(i);
if(jsonObject.getString("name").equals("c_sqr")){
sqr=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("c_sqrq")){
sqrq=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("c_lxfs")){
lxfs=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("c_zsh")){
zsh=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("c_bz")){
bk=jsonObject.getString("value");
}
}
CertificateMsgl certificateMsgl=new CertificateMsgl();
String uuid = UUID.randomUUID().toString().replaceAll("-", "");
certificateMsgl.setId(uuid);
certificateMsgl.setSqr(sqr);
certificateMsgl.setSqrq(sqrq);
certificateMsgl.setLxfs(lxfs);
certificateMsgl.setZsh(zsh);
certificateMsgl.setBk(bk);
certificateMsglService.insert(certificateMsgl);
return "插入记录成功!";
}
/**
* 更新操作
* @param key
* @param certificateMsgl
* @return
* @throws Exception
*/
@RequestMapping(value=UPDATE,produces = "text/plain;charset=UTF-8")
public String update(String param) throws Exception {
System.out.println(param);
JSONArray jsonArray = JSONArray.fromObject(param);
String id="";
String sqr="";//申请人
String sqrq="";//申请日期
String lxfs="";//联系方式
String zsh="";//证书号
String bk="";//备注
for(int i=0;i<jsonArray.size();i++){
JSONObject jsonObject=(JSONObject) jsonArray.get(i);
if(jsonObject.getString("name").equals("u_id")){
id=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("u_sqr")){
sqr=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("u_sqrq")){
sqrq=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("u_lxfs")){
lxfs=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("u_zsh")){
zsh=jsonObject.getString("value");
}
if(jsonObject.getString("name").equals("u_bz")){
bk=jsonObject.getString("value");
}
}
String key=id;
CertificateMsgl certificateMsgl=new CertificateMsgl();
certificateMsgl.setSqr(sqr);
certificateMsgl.setSqrq(sqrq);
certificateMsgl.setLxfs(lxfs);
certificateMsgl.setZsh(zsh);
certificateMsgl.setBk(bk);
certificateMsglService.updateByPrimaryKeySelective(key, certificateMsgl);
return "更新记录成功!";
}
/**
* 删除操作
* @param id
* @return
* @throws Exception
*/
@RequestMapping(value=DELETE,produces = "text/plain;charset=UTF-8")
public String delete(String param) throws Exception {
JSONArray jsonArray = JSONArray.fromObject(param);
for(int i=0;i<jsonArray.size();i++){
JSONObject jsonObject=(JSONObject) jsonArray.get(i);
String key=jsonObject.getString("id");
certificateMsglService.deleteByPrimaryKey(key);
}
return "删除记录成功!";
}
/**
* 分页查询
* @param query
* @return
* @throws Exception
*/
@RequestMapping(QUERY_PAGED_RESULT)
public Object queryPagedResult(CertificateMsglQuery query) throws Exception {
List<CertificateMsgl> list = certificateMsglService.selectListByQuery(query);
System.out.println(list);
return list;
}
}
0
顶
顶
0
踩
踩
分享到：
发表评论
-
执行两次bootstrapTable方法，第二次怎么不走后端
2019-01-25 11:16 1125执行两次bootstrapTable方法，第二次怎么不走后端? ... -
基础了解
2018-12-17 16:59 1034注意： 1、bootstrap主要是对界面美观，界面呈现效果比 ... -
增加多个文本框、删除任意一个文本框
2018-12-12 17:51 611实现功能： 增加多个文本框、删除任意一个文本框，并保留已录入的 ... -
modal窗口展示不出来
2018-12-12 17:42 1157遇到的问题： <button type="bu ... -
动态绑定详情按钮 另一种方式打开modal窗口
2018-12-03 16:58 735伪代码如下： { fiel ... -
动态绑定详情按钮
2018-12-03 16:45 944伪代码如下： { fiel ... -
modal窗口
2018-12-03 16:36 1143显示窗口 $('#detailModal').modal( ... -
日期格式化示例
2018-11-30 16:35 1277js [align=left] $('#cjj ... -
bootstrap 简易表格、分页、查询
2018-10-27 11:00 809简单介绍： 1、支持分页、查询 ...
相关推荐
标题中的“所有使用数据库的Web应用都'just CURD Apps(只是CURD应用)'”指的是在Web开发中，大部分应用程序的核心功能围绕着四个基本操作：创建（Create）、读取（Read）、更新（Update）和删除（Delete），简称CURD...
在IT行业中，CURD是数据库操作的基本概念，全称为Create（创建）、Read（读取）、Update（更新）和Delete（删除）。在Web开发领域，尤其是使用PHP框架进行开发时，如ThinkPHP，CURD操作是构建任何应用的基础。这篇...
本教程将详细讲解如何利用EXT实现SQL Server数据表的CURD操作，并提供一个可以直接使用的EXT应用程序示例。 **1. CURD操作** CURD是数据库操作的基本概念，代表Create（创建）、Read（读取）、Update（更新）和...
在ASP.NET MVC3项目中，结合Entity Framework或NHibernate等ORM（对象关系映射）工具，可以利用LINQ轻松实现对数据库的CURD（创建Create、读取Read、更新Update、删除Delete）操作。 下面，我们将深入探讨如何在MVC...
本文将深入探讨PostgreSQL中的CURD操作以及存储过程，并结合jdbc、hibernate、ibatis三种不同的Java数据访问技术进行讲解。 **一、CURD操作** 1. **创建(Create)**：在PostgreSQL中，创建表是最基本的操作。例如，...
这个"angularjs CURD Example"是一个示例项目，旨在教授如何在AngularJS中实现创建（Create）、读取（Read）、更新（Update）和删除（Delete）这四个基本的数据操作，也就是常说的CRUD操作。在Web应用开发中，CRUD...
在IT行业中，CURD操作是数据库管理的基础，它代表了Create（创建）、Read（读取）、Update（更新）和Delete（删除）这四个最常见的数据库交互动作。本篇将围绕这个"一个CURD的demo"进行深入讲解，结合提供的xxm_...
在IT行业中，CURD操作是数据库管理的基本元素，它代表Create（创建）、Read（读取）、Update（更新）和Delete（删除）。CURD封装是指将这些基本操作抽象为可复用的函数或类，以便在应用程序中高效地处理数据。在前端...
Java后台结合EasyUI实现CURD操作是Web应用开发中常见的需求，主要涉及到Java后端编程、数据库操作以及前端用户界面的设计。在这个项目中，“java后台+easyui完整curd”是一个利用Java技术和EasyUI框架构建的简单但...
在这个MongoDB CURD操作的示例中，我们将探讨如何在Windows 7环境下使用MongoDB进行基本的数据操作，并结合Struts2、jQuery和CSS来创建一个具有图形用户界面的Web应用。 首先，CURD是创建(Create)、读取(Retrieve)...
"boot-layui-curd-master.zip" 这个压缩包文件名暗示了它包含一个基于Spring Boot和LayUI的CURD（Create, Read, Update, Delete）项目模板。CURD是数据库操作的基础，通常用于构建Web应用的核心功能。下面我们将深入...
"CURD"是数据库操作的基础，代表创建(Create)、读取(Retrieve)、更新(Update)和删除(Delete)数据的基本功能。这个"thinkphp CURD完整案例"提供了全面的示例，涵盖了从数据库设计到实现CRUD操作的全过程。 首先，...
在本示例中，我们将深入探讨如何在Spring Boot框架中整合Spring、Struts2和MyBatis（SSM）来实现完整的数据CURD操作。Spring Boot以其简洁的配置和快速的开发能力，使得构建Web应用变得更加高效。接下来，我们将详细...
EasyAdmin框架以内置快速生成CURD的命令, 包括控制器、视图、模型、JS文件。能够使开发者效率得到进一步提升。 备注：在进行CURD命令行之前, 请按照规范设计表结构, 请参数表结构规范模块说明。 实际 以应用。
在这个"vue简单curd例子"中，我们将探讨如何利用Vue.js进行基本的CRUD（创建、读取、更新、删除）操作。 CRUD是数据库操作的基础，也是任何应用程序中的常见功能。在前端应用中，Vue.js可以通过与后端API交互来实现...
标题 "YII 通用CURD外部Action 适合单表" 提到的是在Yii框架中创建一个通用的CURD（创建、读取、更新、删除）操作的外部Action，这种Action适用于处理单个数据表的常见数据库操作。在Yii框架中，Action是Controller...
CURD代表Create（创建）、Read（读取）、Update（更新）和Delete（删除），这是数据库操作的基本动作。在MVC3结合Entity Framework的场景下，这些操作变得非常简单。 1. **创建（Create）**: 在控制器中，我们可以...
在本教程中，我们将重点探讨ASP.NET MVC5中的CURD操作，这是任何Web应用的基础，包括创建（Create）、读取（Read）、更新（Update）和删除（Delete）数据。 **创建（Create）**: 创建新数据通常涉及一个表单，用户...
本项目是一款基于FastAPI框架的数据库CURD脚手架设计源码，包含45个文件，其中包括35个Python脚本文件、2个JavaScript文件、1个Git忽略文件、1个LICENSE文件、1个ini文件、1个markdown文件、1个png文件、1个css文件...
本文将深入探讨如何利用Spring JdbcTemplate进行CURD（Create、Read、Update、Delete）操作。 1. 创建（Create） 创建数据通常涉及插入新的记录到数据库表中。JdbcTemplate提供了`update()`方法来执行SQL的INSERT...