小白在项目中的增删改查错误逻辑（贰）

最新推荐文章于 2022-07-28 20:14:51 发布
最新推荐文章于 2022-07-28 20:14:51 发布
阅读量425 收藏
点赞数 1
文章标签： javascript jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47708359/article/details/108285127
版权

项目场景：

XXX仓库货物进出记录清单之记录员添加、查找、修改、删除（谨慎使用）【增删改查】

问题描述：

前面我们说到了登录（注册）中的bug，在记录人员进行清单的添加、查找、修改、删除时，在记录员填写信息时，出现错误信息也进行了清单的添加、查找、修改（错误信息也发送了ajax请求），在记录员做这些前我们的程序是需要做一些逻辑判断，不能出现错误信息，这里我们就用简单的人员简单信息清单举例，在清单中人员姓名不能出现字母、数字、非法字符等（这里按照中国人人名来，后面同理【请杠精注意不要说外国人名哦 ,^ _ ^】），性别不能是除了‘男’、‘女’汉字的其它汉字、字母、数字等等。我们已查询为例，这里因为逻辑比较多。
在使用查询时我能通过其中一项查询、两项查询和多项查询。
数据代码：

//分类查询
$('.chaxunbtn').on('click',function(){
    // 查询面板隐藏   分页出现
    select();
    $('.fenye').css({display:'block'});
    $('.onbtn').attr({disabled:false}).css({background:'gre'});
    $('.chaxun').css({display:'none'});


    var objarr = {
        name : $('.Name').val(),
        age : $('.Age').val() ,
        sex : $('.Sex').val()
    }
    function sex(){
        if(objarr.sex == '男'){
            return '0';
        }else if(objarr.sex == '女'){
            return '1';
        }else{
            return '';
        }    
    }
    var sexname = sex();
    // console.log(objarr);
    if(objarr.name == '' && objarr.age == "" && objarr.sex == ""){
        $(".content").html('');
    }else{
        $('.Name').val('');
        $('.Age').val('');
        $('.Sex').val('');
        $.ajax({
            type: "GET",
            url: "http://101.37.175.185:3000/index_getdata",
            data: {
                uname: uName
            },
            dataType: 'JSON',
            success: function (data) {
                var obj = data;
                // console.log(letdata);
                var str = "";
                function Str(){
                    if(i >=(10*(x-1))&&i <(10*x) &&i<=obj.data.length){
                        str += `<ul data= "${obj.data[i].pid}">
                        <li>${obj.data[i].name}</li>
                        <li>${obj.data[i].sex == 0 ? '男' : '女'}</li>
                        <li>${obj.data[i].age}</li>
                        <li>${obj.data[i].mail}</li>
                        <li>${obj.data[i].phone}</li>
                        <li><input class="del" type="button" value="删除" />
                        <input class="xiu" type="button" value="修改" /></li>
                        </ul>`;
                    }
                }
                var namearr =[];
                var sexarr = [] ;
                var agearr =[];
                for (var i in obj.data) {
                    if(objarr.name ==''){
                        namearr[i] = obj.data[i].name; 
                    }else{
                        namearr[i] = objarr.name;
                    }
                    if(objarr.sex ==''){
                        sexarr[i] = obj.data[i].sex; 
                    }else{
                        sexarr[i] = sexname;
                    }
                    if(objarr.age ==''){
                        agearr[i] = obj.data[i].age; 
                    }else{
                        agearr[i] = objarr.age;
                    }
                    if((obj.data[i].name == namearr[i])&& (sexarr[i] == obj.data[i].sex)&&(agearr[i] == obj.data[i].age)){
                        Str();
                        letdata.push(obj.data[i]);
                    }    
                }
                $(".content").html(str);
                
            }
        });
    }
})

原因分析：

通过分析这是和登录、注册时一样的逻辑错误，因为验证是否为空了，所以就发送请求。而我们在这里也是需要进行多次逻辑判断，因为少了步骤所以会出现没有通过验证时，错误的数据也会发生程序请求导致我们能成功操作。

解决方案：

通过代码分析我们可以明显看到在ajax请求前的逻辑少了判断，同理我们只需在是否全部非空判断过后进行更严格的正则判断，第一步验证是否全部为空，第二步非空通过后验证是否通过单项、双项或多项查找，所以在单项查找时其它项为空必须通过，两项查找时同理，通过精确查找时则需要全部通过验证。 注意：因为在使用查询时我能通过其中一项查询、两项查询和多项查询，所以要多次判断。 代码： 
//分类查询
$('.chaxunbtn').on('click',function(){
    // 查询面板隐藏   分页出现
    // select();
    var objarr = {
        name : $('.Name').val(),
        age : $('.Age').val() ,
        sex : $('.Sex').val()
    }
    function sex(){
        if(objarr.sex == '男'){
            return '0';
        }else if(objarr.sex == '女'){
            return '1';
        }else{
            return '';
        }    
    }
    var sexname = sex();
    //验证非空
    if(objarr.name == '' && objarr.age == "" && objarr.sex == ""){
        $('#contents').css({display:'block'});
        $('.chaxun').css({display:'none'});
        // select()
    }else{
    //通过非空验证后 
        if(regname.test(objarr.name)  ||  objarr.name == ""){
            if(regsex.test(objarr.sex) || objarr.sex == ""){
                if(regage.test(objarr.age) || objarr.age == ""){
                    $.ajax({
                        type: "GET",
                        url: "http://101.37.175.185:3000/index_getdata",
                        data: {
                            uname: uName
                        },
                        dataType: 'JSON',
                        success: function (data) {
                            var obj = data;
                            // console.log(letdata);
                            var str = "";
                            function Str(){
                                if(i >=(10*(x-1))&&i <(10*x) &&i<=obj.data.length){
                                    str += `<ul data= "${obj.data[i].pid}">
                                    <li>${obj.data[i].name}</li>
                                    <li>${obj.data[i].sex == 0?'男':'女'}</li>
                                    <li>${obj.data[i].age}</li>
                                    <li>${obj.data[i].mail}</li>
                                    <li>${obj.data[i].phone}</li>
                                    <li><input class="del" type="button" value="删除" />
                                    <input class="xiu" type="button" value="修改" /></li>
                                    </ul>`;
                                }
                            }
                            var namearr =[];
                            var sexarr = [] ;
                            var agearr =[];
                            for (var i in obj.data) {
                                if(objarr.name ==''){
                                    namearr[i] = obj.data[i].name; 
                                }else{
                                    namearr[i] = objarr.name;
                                }
                                if(objarr.sex ==''){
                                    sexarr[i] = obj.data[i].sex; 
                                }else{
                                    sexarr[i] = sexname;
                                }
                                if(objarr.age ==''){
                                    agearr[i] = obj.data[i].age; 
                                }else{
                                    agearr[i] = objarr.age;
                                }
                                if((obj.data[i].name == namearr[i])&& (sexarr[i] == obj.data[i].sex)&&(agearr[i] == obj.data[i].age)){
                                    Str();
                                    letdata.push(obj.data[i]);
                                }    
                            }
                            $(".content").html(str);
                        
                        }
                    });
                    $('.Name').val('');
                    $('.Age').val('');
                    $('.Sex').val('');
                    $('.chaxun').css({display:'none'});
                    $('.anniu').css({display:'none'});
                     $(".fanhui").css({display:'block'}); 
                     $('.fenye').css({display:'block'});
                }else{
                    $('.Age1').eq(0).text('年龄不符合规范，只能为数字').css({color:'red'})
                }
            }else{
                $('.Sex1').eq(0).text('性别不符合规范,只能是男或女').css({color:'red'})
            }
        }else{
            $('.Name1').eq(0).text('姓名不符合规范').css({color:'red'})
        }
    }
})
前端搬砖工程师
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
0428课堂案例实现增删改查的业务逻辑处理
qq_41632036的博客
05-12 620
0428课堂案例实现增删改查的业务逻辑处理注意要点增加（INSERT）删除（DELETE）修改（UPDATE）查找（SELECT） 注意要点 PrepareStatement与CreateStatement比较： * prepareStatement预编译的SQL语句的对象会先初始化SQL，先把这个SQL提交到数据库中进行预处理，多次使用可以提高效率，在变量上可以使用参数的形式来提交数据；在SQL语句中可以包含？，一个？代表一个参数。 * createStatement对象不会初始化，每次从0开始执行SQ
后台管理的增删改查逻辑
weixin_44727080的博客
04-20 2098
查：把姓名和日期参数 还有一页显示多少条，当前页 这四个参数，在点击查询时候传给后台，后台会给我们反过来，列表list 还有总条数 total,得到的数据然后我们在data中定义，渲染在页面上。 增：新增的话我们会出现弹框，弹框里的内容，就是表单的表头，新增打开是没有内容的，所以要给他清空，而且新增里面的确定，也要调用后台，把新增的数据当成参数传给后台，后台会给成功或失败的状态；调用查询方法 this.$refs.tankuang.form = { //给弹框赋值 name: '', ...
ORM--数据库增删改查操作逻辑
qq_40132294的博客
07-07 659
1.数据获取逻辑 1.1 获取多条数据 1.2 获取单条数据 2.创建数据逻辑 3.修改数据逻辑 3.1 修改前的数据 3.2 修改 3.3 修改后 4.删除数据逻辑 删除表中数据时，从表模型若定义外键on_delete=models.CASCADE属性，则从表中的关联 数据也会被删除。.........
史上最简单的SpringDataJpa教程
11-28
本课程针对广大的Java开发工作者。使大家可以全面、完整的掌握SpringDataJpa技术。并独立实现复杂的查询业务。
ssm整合增删改查
lwj_07的博客
07-28 5023
总体的ssm整合增删改查的思想1、一般我们做增删改查的项目的时候，我们可以先从数据层开始写，在数据层把增删改查的功能方法写好，然后再写业务逻辑层的逻辑，业务逻辑层接口的代码基本上和数据层的没什么区别，在业务层增删改查方法中加上和数据层的依赖关系，最后再在表现层加上和业务层的依赖，那么就是说当客户访问表现层的增删改查方法的时候，因为与业务层添加了依赖，那么就可以再调用业务层的增删改查方法，又因为业务层和数据层之间有依赖关系，所以最终就相当于调用了数据层的增删改查方法了~（其实就是相互调用而已）........
jsp连接Oracle数据库实现增删改查
01-09
在JavaWeb开发中，连接Oracle数据库并实现增删改查操作是常见的需求。"jsp连接Oracle数据库实现增删改查"这个项目旨在教你如何利用JSP（JavaServer Pages）技术来构建一个完整的用户管理系统，包括登录、注册以及对...
oracle 数据库 增删改查
08-17
小白学oracle
restful-增删改查
03-24
本篇文章将详细探讨RESTful架构在增删改查操作中的应用，以及与前端控制器、静态资源访问配置和视图控制器相关的知识点。 首先，我们来理解RESTful的基本概念。REST（Representational State Transfer）代表表现层...
Servlet+jsp+mysql增删改查(小白)
10-15
Servlet、JSP（JavaServer Pages）和MySQL是Java Web开发中的三个核心组件，它们共同为实现数据的增删改查（CRUD：Create, Read, Update, Delete）功能提供了基础。以下是对这些知识点的详细说明： **Servlet**： ...
nodejs做一个增删改查的小项目
12-10
本项目名为"nodejs做一个增删改查的小项目"，显然目标是构建一个基础的CRUD（创建、读取、更新、删除）应用程序。CRUD操作是任何数据库驱动的应用程序的核心，对于学习和理解Web应用的运作方式至关重要。 首先，...
C语言用字符串sex储存,C语言必须要记住的经典程序
weixin_42476912的博客
05-17 2434
原标题：C语言必须要记住的经典程序 1、/*判断101-200之间有多少个素数，并输出所有素数及素数的个数。程序分析：判断素数的方法：用一个数分别去除2到sqrt(这个数)，如果能被整除，则表明此数不是素数，反之是素数。*/#include "math.h"main(){intm,i,k,h=0,leap=1;printf("\n");for(m=101;m<=200;m++){k=sqrt...
SQL练习6 - INSERT/UPDATE/DELETE/NULL/VIEW
LIUYARU111的博客
03-28 416
数据更新 插入数据 两种方式： （1）插入元组 INSERT INTO <表名>[(<属性名1>[,<属性名2>...)] VALUES (<常量1>[,<常量2>]...); （2）插入子查询结果（多个元组） INSERT INTO <表名>[(<属性名1>[,<属性名2>...)] 子查询; /...
增删改查（CRUD）前端逻辑步骤
qq_41154522的博客
11-24 2015
CRUD前端逻辑 一、分页查询步骤 页面加载完成直接发送 ajax 请求，获取分页数据 解析并显示员工数据 清空表格数据（因为发送 ajax 请求 上一次的记录若不清除 会叠加） 循环获取并显示表格数据（可使用 jQuery 提供的遍历方法：$.each() ） 解析并显示分页信息 清空分页信息 获取并显示分页信息 解析并显示分页条数据 清空分页条信息 添加首页和上一页 判断是否有...
实现增删改查等业务逻辑管理操作
Drama55的博客
06-19 766
一、增加信息 public void testInsert(){ try{ Connection conn = MySqlDbUtil.getConnection(); String sql = "INSERT INTO band(name,remark) VALUES(?,?)"; PreparedStatement pstmt = conn.prepareStatement(sql); pst
业务逻辑处理——实现增删改查
kkkjy的博客
05-20 1886
1.Band实体类 package cn.edu.mju.project1.entity; /** * 用户实体类 * CREATE TABLE `band` ( * `id` int(11) NOT NULL, * `name` varchar(40) NOT NULL, * `remark` varchar(32) NOT NULL, *
数据库的增删改查功能详解（初阶）
m0_51405559的博客
12-03 4298
文章目录一、SQL注意事项二、新增(Create)1.单行数据+全列插入2.多行数据+指定列输入三、查询(Retrieve)1.创建一个案例2.全列查询3.指定列查询4.查询字段为表达式5.别名6.去重：DISTINCT7.排序：ORDER BY8.条件查询：WHERE9.分页查询：LIMIT四、修改(Update)五、删除(DELETE) 一、SQL注意事项 1.在命令行工具写sql时，最后用“；”表示结束整个语句；本质是输入“；”+回车，客户换才会发送sql语句到服务端，由服务端执行这条语句 2...
12-文件的增删改查【考验逻辑！！！】
chuiai8582的博客
12-25 211
要求：完成对haproxy.conf文件的增删改查----->本文只实现查询和修改【其余异曲同工】 #haproxy.conf文件的显示 global log 127.0.0.1 local2 daemon maxconn 256...
数据库数据的增删改查操作
weixin_61422097的博客
09-21 3612
上期我们简单学习了库的增删改查，学会了建表操作，今天我们来完成数据的增删改查吧！ 首先我们来做个小练习： 创建information数据库，插入学生表，字段：id、姓名、年龄、教室。 1.创建infromation数据库 create database infromation charset utf8; 2.使用该数据库 use infromation; 3.创建学生表 create table student(id int primary key,name varchar(20),a...
C++ 中，列表的增删改查
最新发布
03-02
下面是对于数组和链表的增删改查操作的示例： ### 数组 #### 增加元素 ```c #define MAX_SIZE 100 int list[MAX_SIZE]; // 定义一个长度为MAX_SIZE的数组作为列表 int length = 0; // 记录列表当前长度 // 在...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值