wanggeying
- 浏览: 62764 次
- 性别:
- 来自: 济南
-
文章分类
最新评论
完整代码示例如下：
------------------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 1086执行两次bootstrapTable方法，第二次怎么不走后端? ... -
基础了解
2018-12-17 16:59 966注意： 1、bootstrap主要是对界面美观，界面呈现效果比 ... -
增加多个文本框、删除任意一个文本框
2018-12-12 17:51 565实现功能： 增加多个文本框、删除任意一个文本框，并保留已录入的 ... -
modal窗口展示不出来
2018-12-12 17:42 1067遇到的问题： <button type="bu ... -
动态绑定详情按钮 另一种方式打开modal窗口
2018-12-03 16:58 687伪代码如下： { fiel ... -
动态绑定详情按钮
2018-12-03 16:45 901伪代码如下： { fiel ... -
modal窗口
2018-12-03 16:36 1097显示窗口 $('#detailModal').modal( ... -
日期格式化示例
2018-11-30 16:35 1253js [align=left] $('#cjj ... -
bootstrap 简易表格、分页、查询
2018-10-27 11:00 771简单介绍： 1、支持分页、查询 ...
相关推荐
EasyAdmin框架以内置快速生成CURD的命令, 包括控制器、视图、模型、JS文件。能够使开发者效率得到进一步提升。 备注：在进行CURD命令行之前, 请按照规范设计表结构, 请参数表结构规范模块说明。 实际 以应用。
thinkPHP之CURD开发简单源码，适合新手学习
这个是简单的MVC3+LINQ进行数据库CURD的操作 适合新手入门学习
angularjs CURD Example 单页应用程序
vue简单curd例子。
通过ext实现sqlserver数据表的CURD，界面友好，datagrid分页显示数据，下下来可以直接用的哦
这是关于postgreSQL的开发demo，利用jdbc、hibernate、ibatis三种方式去调用postgreSQL的CURD和存储过程。
使用Mybatis完成基本的CURD操作（基于Maven）
奉献出来，包含了gird的curd，tree的curd，4种页面布局，一个dataview实例，这些足够吧！
MongoDB的CURD实例附带C#官方驱动集
S2SH+extjs做的简单CURD功能小例子 初学EXTJS一周做的，网上看到N多例子没有源码或是有错误 这个刚写好 数据库用sqlserver2005 例子比较完整 就是没有放jar包（只有jdbc驱动jar和json的jar） 可以自己搭个S2SH环境把...
mongoDB数据库CURD操作： 1.测试执行环境 。window7 执行。 2.用struts2,jquery,css 美化过页面。 3.注意导jar包。
运用Spring中关于JDBC的一个辅助类(JDBC Template)，进行curd操作
Hibernate构建一个CURD的程序
thinkphp CURD完整案例，控制器，配置文件，增删查改完成案例，带数据库。新建数据库study ,然后导入my_study.sql文件。
Android SQLite数据库的CURD 简单的数据库的CURD 没啥特殊的 做了一个跳转
boot-layui-curd-master.zip
《springboot集成mybatisplus》 --- 常用CURD操作
最新的winform三层CURD操作 附加DB 可以正常运行
jpa的自定义CURD,简单易懂。