项目笔记：新增、编辑与删除

最新推荐文章于 2023-05-13 08:10:59 发布
最新推荐文章于 2023-05-13 08:10:59 发布
阅读量296 收藏
点赞数
文章标签： javascript json ui ViewUI

一、新增：

　　//添加序列号
    function addSerialNumber(obj){
        var type = $("input[name='serialNumber']:checked").val();
        showWindow($(obj).attr("title"),"genuineSerialNumberManagementAction_addUI.do?genuineSerialNumberManagement.type="+type,"500","320",true);
    }

1、后台新增：由于需要传入type来辨别是正版还是非正版，所以在  addUI  上需要将type  get出来，然后传给前台页面，前台页面通过下面这样去获取

var type = '<s:property value="genuineSerialNumberManagement.type"></s:property>';
　　//新增序列号UI
    public String addUI(){
        if(genuineSerialNumberManagement.getType() != null && !"".equals(genuineSerialNumberManagement.getType())){
            getRequest().setAttribute("type", genuineSerialNumberManagement.getType());
        }
        return RETURN_ADDUI;
    }

2、addUI页面：表单里面需要加上隐藏域，否则后台那边收不到值

<form id="genuineSerialNumberManagementAction_add">
            <table id="itemTable" align="center">
                <tr><input type="hidden" id="type" name="genuineSerialNumberManagement.type"></tr>
                <tr><input type="hidden" id="softId" name="genuineSerialNumberManagement.softId"></tr>
                <tr>
                    <td class="rightAlign"><label>软件名：</label></td>
                    <td><input type="text" id="softDisplayName" name="genuineSerialNumberManagement.softDisplayName" class="inputText {required:true}" /> <label id='requiredLabel'>*</label></td>
                </tr>
                <tr>
                    <td class="rightAlign"><label>版本号：</label></td>
                    <td><input type="text" id="version" name="genuineSerialNumberManagement.version" class="inputText {required:true}" /> <label id='requiredLabel'>*</label></td>
                </tr>
                <tr>
                    <td class="rightAlign"><label>序列号：</label></td>
                    <td><input type="text" id="serialNumber" name="genuineSerialNumberManagement.serialNumber" class="inputText {required:true}" /> <label id='requiredLabel'>*</label></td>
                </tr>
                <tr style="line-height: 60px;">
                    <td colspan="2" align="center">
                        <button class="layerButton" id="buttonSubmit">
                            <span>提交</span>
                        </button>
                        <button class="layerButton" id="closeBT">
                            <span>取消</span>
                        </button>
                    </td>
                </tr>
            </table>
        </form>
$(function(){
        var type = '<s:property value="genuineSerialNumberManagement.type"></s:property>';
        $("#type").val(type);
        $("#softId").val(11223344);
        
        $("#buttonSubmit").click(function(){
            var softDisplayName = $("#softDisplayName").val(),
                version = $("#version").val(),
                softId = $("#serialNumber").val(),
                type = $("#type").val(),
                serialNumber = $("#serialNumber").val();
            $("#genuineSerialNumberManagementAction_add").form("submit",{
                method : "POST",
                url : "genuineSerialNumberManagementAction_add.do?disc=genuineSerialNumberManagement_add&genuineSerialNumberManagement.softDisplayName="
                        + escape(escape(softDisplayName)) + "&genuineSerialNumberManagement.version=" + escape(escape(version))
                        + "&genuineSerialNumberManagement.serialNumber=" + escape(escape(serialNumber))
                        + "&genuineSerialNumberManagement.type=" + type
                        + "&genuineSerialNumberManagement.softId=" + softId,
                timeout : 3000000,
                success : function(data){
                    var jsondata = eval("(" + data + ")");
                    if(jsondata.msg == 'success'){
                        if(type == 1){
                            getDeskTopObj().$('#inside_tableElement').datagrid('insertRow',{
                                index:0,
                                row: {
                                    id : jsondata.id,
                                    softDisplayName : jsondata.softDisplayName,
                                    version : jsondata.version,
                                    serialNumber : jsondata.serialNumber
                                }
                            });
                        }else{
                            getDeskTopObj().$('#inside_tableElement_no').datagrid('insertRow',{
                                index:0,
                                row: {
                                    id : jsondata.id,
                                    softDisplayName : jsondata.softDisplayName,
                                    version : jsondata.version,
                                    serialNumber : jsondata.serialNumber
                                }
                            });
                        }
                        showMsg("", "添加成功！", true);                    
                    }else{
                        showMsg("", "添加失败！", false);
                    }
                }
            })
            return false;//禁止表单提交事件，防止2次请求
        })
        
    });

注意表单提交的时候因为有默认的submit，所以请求会提交2次，需要阻止表单的默认提交事件。

3、后台新增功能：

　　//新增序列号
    public void add(){
        log.info("【正版序列号管理--新增序列号：开始】");
        this.msg = RESULT_FAIL;
        GenuineSerialNumberManagement temp = null;
        String resultInfo = "";
        try {
            this.msg = RESULT_FAIL;
            if(genuineSerialNumberManagement.getSoftDisplayName() != null && !"".equals(genuineSerialNumberManagement.getSoftDisplayName())){
                genuineSerialNumberManagement.setSoftDisplayName(EscapeUnescape.unescape(genuineSerialNumberManagement.getSoftDisplayName()));
            }
            if(genuineSerialNumberManagement.getVersion() != null && !"".equals(genuineSerialNumberManagement.getVersion())){
                genuineSerialNumberManagement.setVersion(EscapeUnescape.unescape(genuineSerialNumberManagement.getVersion()));
            }
            if(genuineSerialNumberManagement.getSerialNumber() != null && !"".equals(genuineSerialNumberManagement.getSerialNumber())){
                genuineSerialNumberManagement.setSerialNumber(EscapeUnescape.unescape(genuineSerialNumberManagement.getSerialNumber()));
            }
            if(genuineSerialNumberManagement.getType() != null && !"".equals(genuineSerialNumberManagement.getType())){
                genuineSerialNumberManagement.setType(genuineSerialNumberManagement.getType());
            }
            if(genuineSerialNumberManagement.getSoftId() != null && !"".equals(genuineSerialNumberManagement.getSoftId())){
                genuineSerialNumberManagement.setSoftId(genuineSerialNumberManagement.getSoftId());
            }
            genuineSerialNumberManagementService.save(genuineSerialNumberManagement);
            //自动生成xml
            genuineSerialNumberManagementService.createXML();
            this.msg = RESULT_SUCCESS;
            
            temp = (GenuineSerialNumberManagement)BeanUtils.cloneBean(genuineSerialNumberManagement);
            temp.setId(genuineSerialNumberManagement.getId());
            resultInfo = "{\"msg\":\""+ this.msg +"\","
                    + "\"id\":\"" + temp.getId() +"\","
                    + "\"softDisplayName\":\"" + temp.getSoftDisplayName() +"\","
                    + "\"version\":\"" + temp.getVersion() +"\","
                    + "\"serialNumber\":\"" + temp.getSerialNumber()+"\"}";
            
        } catch (Exception e) {
            log.info("【正版序列号管理--新增序列号：新增失败】");
            this.msg = RESULT_FAIL;
            e.printStackTrace();
        }finally{
            print(resultInfo);
            log.info("【正版序列号管理--新增序列号：结束】");
        }
    }

二、编辑：

　　//修改序列号
    function editSerialNumber(obj){
        var type = $('input[name="serialNumber"]:checked').val();
        if(type == 1){
            var rows = $("#inside_tableElement").datagrid('getSelections');
        }else{
            var rows = $("#inside_tableElement_no").datagrid('getSelections');
        }
        if (rows.length < 1) {
            showAlertDialog("信息确认", "请选取记录！");
        } else if (rows.length > 1) {
            showAlertDialog("信息确认", "目前只支持单条记录删除，请去掉多选项！");
        } else {
            showWindow($(obj).attr("title"),"genuineSerialNumberManagementAction_editUI.do?genuineSerialNumberManagement.id="+rows[0].id,"500","320",true);
        }
    }

注意：编辑表单里面需要加上id，并且每行加上value，设置为库里的值，这样编辑的时候不至于为空

<form id="genuineSerialNumberManagementAction_edit">
            <!-- ID -->
            <input id="id" type="hidden" name="genuineSerialNumberManagement.id" value="<s:property value='genuineSerialNumberManagement.id'/>">
            <table id="itemTable" align="center">
                <tr></tr>
                <tr></tr>
                <tr>
                    <td class="rightAlign"><label>软件名：</label></td>
                    <td><input type="text" id="softDisplayName" name="genuineSerialNumberManagement.softDisplayName" 
                    value="<s:property value='genuineSerialNumberManagement.softDisplayName' />" class="inputText {required:true}" /> <label id='requiredLabel'>*</label></td>
                </tr>
                <tr>
                    <td class="rightAlign"><label>版本号：</label></td>
                    <td><input type="text" id="version" name="genuineSerialNumberManagement.version"
                    value="<s:property value='genuineSerialNumberManagement.version' />" class="inputText {required:true}" /> <label id='requiredLabel'>*</label></td>
                </tr>
                <tr>
                    <td class="rightAlign"><label>序列号：</label></td>
                    <td><input type="text" id="serialNumber" name="genuineSerialNumberManagement.serialNumber"
                    value="<s:property value='genuineSerialNumberManagement.serialNumber' />" class="inputText {required:true}" /> <label id='requiredLabel'>*</label></td>
                </tr>
                <tr style="line-height: 60px;">
                    <td colspan="2" align="center">
                        <button class="layerButton" id="buttonSubmit">
                            <span>提交</span>
                        </button>
                        <button class="layerButton" id="closeBT">
                            <span>取消</span>
                        </button>
                    </td>
                </tr>
            </table>
        </form>
$(function(){
        $("#buttonSubmit").click(function(){
            $.doAjax({
                isSend : $("#genuineSerialNumberManagementAction_edit").valid(),
                url : "${basePath}/genuineSerialNumberManagementAction_edit.do",
                //dataType:"json",
                data : $("#genuineSerialNumberManagementAction_edit").serialize(),
                success : function(data) {
                    if (data == 'success') {
                        getDeskTopObj().editRow( {
                            softDisplayName : $("#softDisplayName").val(),
                            version : $("#version").val(),
                            serialNumber : $("#serialNumber").val()
                         });
                        showMsg("", "修改成功！", true);
                    } else {
                        showMsg("", "修改失败！", false);
                    }
                },
                error : function() {
                    showMsg("", "修改失败！", false);
                }
            });
            return false;
        });
    });

编辑后台方法：通过id去查找到数据，然后把查到的数据更新为页面传过来的数据

　　//修改序列号
    public void edit() {
        log.info("【正版序列号管理--修改序列号：开始】");
        this.msg = RESULT_FAIL;
        try {
            this.msg = RESULT_FAIL;
            if (genuineSerialNumberManagement != null) {
                GenuineSerialNumberManagement findGenuineSerialNumberManagement = genuineSerialNumberManagementService.queryById(genuineSerialNumberManagement.getId());
                if (findGenuineSerialNumberManagement != null) {
                    findGenuineSerialNumberManagement.setSoftDisplayName(genuineSerialNumberManagement.getSoftDisplayName());
                    findGenuineSerialNumberManagement.setVersion(genuineSerialNumberManagement.getVersion());
                    findGenuineSerialNumberManagement.setSerialNumber(genuineSerialNumberManagement.getSerialNumber());
                    genuineSerialNumberManagementService.update(findGenuineSerialNumberManagement);
                    //自动生成xml，删除原有的重新生成
                    genuineSerialNumberManagementService.createXML();
                    this.msg = RESULT_SUCCESS;
                }
            }
        } catch (Exception e) {
            this.msg = RESULT_ERROR;
            log.error("【正版序列号管理--修改序列号：修改失败】", e);
        }finally{
            print(this.msg);
            log.info("【正版序列号管理--修改序列号：结束】");
        }
    }

三、删除

　　//删除序列号
    function deleteSerialNumber(obj){
        var type = $('input[name="serialNumber"]:checked').val();
        var $table;
        if(type == 1){
            var trIds = getSelectedIds("#inside_tableElement");
            $table = $("#inside_tableElement");
        }else{
            var trIds = getSelectedIds("#inside_tableElement_no");
            $table = $("#inside_tableElement_no");
        }
        if (checkRecordSize(trIds, false)) {
            var title = $(obj).attr("title");
            showConfirmDialog(title, "删除后数据将无法恢复，您确定要删除吗?", function() {
                $.doAjax({
                    url : "${basePath}/genuineSerialNumberManagementAction_delete.do",
                    data : {
                        "selectedIds" : trIds.join(";")
                    },
                    success : function(data) {
                        if (data == 'success') {
                            deleteRows();
                            showMsg("", "删除成功！", true);
                            $table.datagrid("reload");
                        }else{
                            showMsg("", "删除失败！", false);
                        }
                    },
                    error : function() {
                        showMsg("", "删除失败！", false);
                    }
                });
            });
        }
    }
　　//获取选中行的id
    function getSelectedIds(id){
        var ids = [];
        var rows = $(id).datagrid('getSelections');
        for(var i=0;i<rows.length;i++){ 
            ids.push( jQuery.trim( rows[i].id ) );
        }
        return ids;
    }

后台删除方法：

　　//删除序列号
    public void delete() {
        log.info("【正版序列号管理--删除序列号：开始】");
        this.msg = RESULT_FAIL;
        try {
            this.msg = RESULT_FAIL;
            Integer[] ids = new Integer[selectedIds.split(";").length];
            if (selectedIds.length() > 0) {
                String[] delIds = new String[selectedIds.split(";").length];//声明一个数组保存要删除的id
                for (int i = 0; i < selectedIds.split(";").length; i++) {
                    delIds[i] = selectedIds.split(";")[i];
                    ids[i] = Integer.parseInt(String.valueOf(delIds[i]));
                }
                genuineSerialNumberManagementService.deleteByIds(ids);
                // 自动生成xml，删除原有的重新生成
                genuineSerialNumberManagementService.createXML();
                this.msg = RESULT_SUCCESS;
            }
        } catch (Exception e) {
            this.msg = RESULT_ERROR;
            log.error("【正版序列号管理--删除序列号：删除失败】", e);
        } finally {
            print(this.msg);
            log.info("【正版序列号管理--删除序列号：结束】");
        }
    }

我们可以看下deleteByIds，继承自BaseService，实现于BaseServiceImpl

　　@Override
    public void deleteByIds(Integer[] ids) {
        if (ids != null && ids.length == 1) {
            baseDao.delete(ids[0]);
        } else if (ids != null && ids.length > 0) {
            baseDao.deleteByIds(ids);
        }
    }
　　@Override
    public void deleteByIds(Integer[] ids) {
        this.getSession().createQuery(" DELETE " + this.clazz.getName() + " this WHERE this.id IN(:ids) ")//
                .setParameterList("ids", ids)//
                .executeUpdate();
    }

 

weixin_34087503
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ManGe-Notes:网络云笔记，个人博客系统
05-29
描述 ManGe-Dev 是一个云笔记管理系统，在线编写笔记，导入导出...[新增] 收藏链接的编辑与删除 v0.1.5 [新增] 草稿功能 [新增] 笔记本管理模块 修改笔记本 [新增] 笔记本管理模块 删除笔记本 [新增] 移动笔记到指定笔
基于springboot+mybatisplus+vue的影视管理系统
Pluto_ssy的博客
04-01 1436
该项目已上传至GitCode代码仓。
删除的方法
TiAmo_su的博客
05-18 194
删除的方法 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：VS 作者：粟源 撰写时间：2022/5/17 编程里删除的方法千万种，懂一种是一种，会一种是一种，但是我们目前在学校学习用到的最多的删除方法就是写在渲染里，每条数据的后面。 例如： 这种就比较简单一些，不用去勾选当前的数据即可点击按钮删除，那我要讲的删除是哪种呢？ ...
编程中的增加和删除
weixin_54666193的博客
06-08 322
新增是将本来没有的东西，后面再增加上去的操作，用数据举例：在数据中本来没有从广州飞往上海的航班，现在新增一条数据，让广州可以飞往上海，这就是新增操作。 在进行新增操作的时候最重要的就是进行数据验证，用if….else….语句进行判断。 编程基础：删除操作 删除操作顾名思义就是将数据进行删除，那要如何进行删除操作，我们要根据ID进行定位，精确的删除数据 在进行删除数据时我们一般会用到try….catch….来捕捉错误。 用if….else….语句进行数据判断...
Ant Design Pro使用之--EditableProTable 可编辑表格
weixin_62192841的博客
10-27 9030
EditableProTable 可编辑表格的一些些总结和实践，对于其相关属性：recordCreatorProps和editable及columns配置写了些自己的理解，以作记录和参考
EditableProTable(可编辑表格) 之坑
m0_58293192的博客
04-24 2475
EditableProTable(可编辑表格) 之坑
.Net开源云端个人笔记系统.zip
07-18
新旧版的登录界面新旧主窗体界面：新版相对旧版的更新内容如下：新增所见即所得的HTML富文本编辑功能，感谢YARTE开源项目提供的源代码新增用户注册功能新增笔记的临时删除（删至回收站）和永久删除功能新增回收站...
节点笔记_Ve.3.5.3内部测试版
09-26
7、增加节点归一化功能，选中需要归一化的节点后，程序会将笔记内与选中节点节点名、内容、颜色、大小相同的节点删除，被删除节点的所有连接转移至归一节点。 8、增加TXT文本导出功能。 9、优化了菜单栏，使功能模块...
Note-taking-CRUD:一个简单而漂亮的笔记
05-07
新增笔记 删除笔记 编辑笔记 截屏 设置： 安装依赖项： npm i mysql express express-session body-parser pug morgan node-env-file 创建数据库： CREATE DATABASE notes ; USE notes; 创建和修改表 CREATE ...
fret-zone::guitar:Guitar Pro选项卡编辑器的React克隆
05-14
FretZone Web的Guitar ... 行动捷径新增曲目Cmd Alt N 删除曲目Cmd Alt R 加注任意数字0-63 增加休息[R 删除笔记/休息退格键删除小节Ctrl- 变更措施/注释←/→ 变更字串↑/↓ 延长音符持续时间-- 缩短音符持续时间+ / =
Antd-ProComponents中的EditableProTable无法新增子行的问题
qq_42802698的博客
12-16 957
业务中需要做一个树形结构的参数可编辑表格，即可无限制增添子级，调研了一下EditableProTable，记录一下问题效果还是很不错的，点击添加一行数据时直接添加子级有点不太符合业务，应该是在每一行的操作栏进行添加子级。
好用的笔记软件怎么修改笔记内容？
CyberpunkC11的博客
05-13 446
平时在学习中和工作中，当人们遇到一些比较重要的知识点时，很多人都会做笔记把它们记录下来。4、除了这个方法之外，也可以直接双击笔记内容，在编辑窗口中进行笔记内容的修改，编辑完成后，点击编辑框右下角的对勾样式【保存】按钮，即可成功修改笔记内容。2、如果想要修改此条笔记内容的话，那么用鼠标右键单击一下它，这时会弹出一个下拉菜单，在下拉菜单中有很多不同功能的选项，点击选择【编辑】这个选项。3、点击选择编辑选项后，会打开编辑窗口，在编辑框中修改完笔记内容之后，点击一下右下角的保存按钮。
【antd组件之ProTable，EditableProTable】
小蓝人的博客
01-16 6269
【代码】【antd组件之ProTable，EditableProTable】
四大组成部分：查询、新增、修改、删除
weixin_44577418的博客
08-10 752
一．分析过程 1.上回说了JavaScript里面的各种样式，那么今天我们就说一说vs里面的新增、修改、删除，那什么是VS呢？VS的全称Microsoft Visual Studio，VS是一个基本完整的开发工具集，它包括了整个软件生命周期中所需要的大部分工具，比如UML工具、代码管控工具、集成开发环境(IDE)等。 2.其中有 （1）查询：查询是用户通过设置某些查询条件，从表或其他查询中选取全部或者部分数据，以表的形式显示数据供用户浏览。查询是操作的集合，不是记录的集合。查询的记录集实际上并不存在，每次使
涨薪神作，阿里内部火爆的实战文档和搭建项目笔记，你还怕没有项目可做吗
wui66655的博客
02-23 650
前言 认识一个事物最好的方式就是首先去了解它的历史。 随着Spring功能的不断丰富，版本的不断迭代发展，Spring 框架渐渐暴露出了一些问题和弊端。例如太多样板化的配置、繁琐复杂的使用过程等，我们不仅需要维护程序代码，还需要额外去维护相关的配置文件。Spring 项目的配置越来越复杂，让人难以承受。大量的XML配置以及复杂的依赖管理使得人们不得不去解决这个问题一Spring Boot由此应运而生。 Java的Spring Boot框架技术就像搭积木一样简单、愉悦。并且，各大企业都在广泛应用它，Ja
项目笔记（复用代码）
weixin_44683763的博客
05-24 240
<el-table-column fixed="right" label="操作" width="100"> //template模板，可以获取当前信息 //template（模版） 在这里属于一个固定用法： <template slot-scope="scope"> //通过 Scoped slot 可以获取到 row, column, $index 和 store（table 内部的状态管理）的数据 <template slot-sc...
项目笔记
weixin_33787529的博客
06-05 128
项目笔记 前言 最近突发奇想，想以我现在负责的项目为基础写一点关于软件开发方面的东西，之所以有这种想法主要是出于以下几个方面进行考虑： 1. 从02开始参加工作到现在，在软件开发这一行业也摸爬滚打了七年多，现在回头看看，这七年多时间我竟然什么也没有留下，除了自己的技术水平提高了一点、业务分析能力提高一点之...
gstreamer源码阅读笔记:类型系统
最新发布
05-15
下面是关于GStreamer类型系统的一些笔记： 1. GStreamer类型系统是基于GObject库的。它通过GObject库提供的对象系统，提供了一套完整的类型系统，包括类型的继承、属性、信号等。 2. GStreamer类型系统中最基本的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值