前后端日常开发及Linux命令使用率较高的代码合集

打算把平时开发常用的一些代码收集起来，以便后面用到的话直接复制，文章内容会持续更新

打印html 里面new 的FormData() 的值

const fd = new FormData();
fd.append('type', JSON.stringify(p));
        fd.append('status', status);
          for (var value of fd.values()) {
    
    
              console.log('va->',value);
          }

复制一张表的字段到另一个字段并转为字母

这里先放复制的代码，后面补转字母的代码

/*去空格*/
UPDATE bjsys_gridman_infos a INNER JOIN bjsys_gridman_infos b ON a.id = b.id
SET a.xm = replace(b.xm,' ','');

/*转字母*/
UPDATE bjsys_gridman_infos a INNER JOIN bjsys_gridman_infos b ON a.id = b.id
SET a.mxloginname = to_pinyin(replace(b.xm,' ',''));

Linux 查看端口占用情况

ss -lntpd | grep :80

80是端口号 根据自己需要修改

Linux 杀死被占用进程

kill -9 进程号

java 对姓名进行脱敏处理

/**
     * 功能描述: 姓名脱敏   如：赵四    赵*   赵思思  赵**  赵实施思思   赵****
     *
     * @param : [name]
     * @return : java.lang.String
     * @auther :
     * @date : 2019年11月5日, 0005 11:14:17
     */
    public static String nameDesensitization(String name) {
    
    
        if (name == null || name.isEmpty()) {
    
    
            return "";
        }
        StringBuffer myName = null;
        char[] chars = name.toCharArray();

        if (chars.length == 1) {
    
    
            myName = new StringBuffer(name);
        }

        if (chars.length > 1) {
    
    
            myName = new StringBuffer(name.substring(0, 1));
            for (int i = 0; i < chars.length - 1; i++) {
    
    
                myName.append("*");
            }
        }
        return myName.toString();
    }

mysql 合并查询出来的字段

有时候需要将查询出来的两个字段的结果合并为一个字段，然后输出。

• CONCAT(s1,s2…sn)
  字符串 s1,s2 等多个字符串合并为一个字符串
• CONCAT_WS(x, s1,s2…sn)
  同 CONCAT(s1,s2,…) 函数，但是每个字符串之间要加上 x，x 可以是分隔符

mysql NOW()减时间

SELECT NOW( ) AS '当前时间', date_sub( NOW( ), INTERVAL '00:00:10' DAY_SECOND ) AS '10秒钟之前时间'

减去时间 -------------------------
重点是date_sub()函数，这个函数的作用是从日期减去指定的时间间隔，
语法：
DATE_SUB(date,INTERVAL expr type)
date 参数是合法的日期表达式。expr 参数是您希望添加的时间间隔。

type 参数可以是下列值：
Type 值
MICROSECOND
SECOND
MINUTE
HOUR
DAY
WEEK
MONTH
QUARTER
YEAR
SECOND_MICROSECOND
MINUTE_MICROSECOND
MINUTE_SECOND
HOUR_MICROSECOND
HOUR_SECOND
HOUR_MINUTE
DAY_MICROSECOND
DAY_SECOND
DAY_MINUTE
DAY_HOUR
YEAR_MONTH

加时间 -------------------------
定义和用法
DATE_ADD() 函数向日期添加指定的时间间隔。
语法
DATE_ADD(date,INTERVAL expr type)
date 参数是合法的日期表达式。expr 参数是您希望添加的时间间隔。

type 参数可以是下列值：
Type 值
MICROSECOND
SECOND
MINUTE
HOUR
DAY
WEEK
MONTH
QUARTER
YEAR
SECOND_MICROSECOND
MINUTE_MICROSECOND
MINUTE_SECOND
HOUR_MICROSECOND
HOUR_SECOND
HOUR_MINUTE
DAY_MICROSECOND
DAY_SECOND
DAY_MINUTE
DAY_HOUR
YEAR_MONTH

js打印日志

console.log("列树原始数据->",data);

js生成uuid

/**
 * 生成uuid
 */
function uuid() {
    
    
    var s = [];
    var hexDigits = "0123456789abcdef";
    for (var i = 0; i < 36; i++) {
    
    
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
    }
    s[14] = "4";  // bits 12-15 of the time_hi_and_version field to 0010
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);  // bits 6-7 of the clock_seq_hi_and_reserved to 01
    s[8] = s[13] = s[18] = s[23] = "-";

    var uuid = s.join("");
    return uuid;
}

js去除空格

//html input插入下面代码
onblur="clearBlank(this);"

//js代码
/**
 * 去除空格
 */
function clearBlank(that) {
    
    
    var value = $(that).val();
    var vv = value.replace(/\s+/g, "");
    $(that).val(vv);
}

ajax请求完成返回值处理

console.log("修改名 称返回值->", data);
if (data.code == 0) {
    
    
    layer.msg(data.message, {
    
    shift: -1, time: 3000}, function () {
    
    
        location.href = "dataAuthorityRoleList.html";
    });
} else {
    
    
    layer.msg(data.message, {
    
    shift: -1, time: 3000}, function () {
    
    
    });
}

js给数组指定位置添加元素

acquiredData.splice(0, 0, 123})

这里的acquiredData是数组对象，splice是给数组指定位置添加元素的方法，
第一个参数是要添加元素的位置（下标）
第二个参数是要删除的元素的下标（如果是0则为追加元素）
第三个参数是需要添加的元素

jquery清空元素内容

• remove() - 删除被选元素（及其子元素）
• empty() - 从被选元素中删除子元素

//清空内容
$("#iframee").empty();
//清空内容
$("#iframee").remove();

jquery添加元素内容

• append() - 在被选元素的结尾插入内容
• prepend() - 在被选元素的开头插入内容
• after() - 在被选元素之后插入内容
• before() - 在被选元素之前插入内容

jquery模拟点击按钮

$("#columnHref").click();

#columnHref是按钮的id

css将元素固定在一个地方不随页面的滚动而滚动

<button style="position: fixed; right: 100px;bottom: 10px" class="btn btn-primary" type="submit" onclick="add()">

主要代码：
style=“position: fixed;
right: 100px;
bottom: 10px”
可以设置上下左右距离

js获取url后的参数值

//获取url后的参数值
function getUrlParam(key) {
    
    
    var href = window.location.href;
    var url = href.split("?");
    if (url.length <= 1) {
    
    
        return "";
    }
    var params = url[1].split("&");

    for (var i = 0; i < params.length; i++) {
    
    
        var param = params[i].split("=");
        if (key == param[0]) {
    
    
            return param[1];
        }
    }
}

//调用示例
function initData() {
    
    
    var roleid = getUrlParam("roleid");
    var rolename = getUrlParam("name");
    $('#roleid').val(roleid);
    $('#rolename').val(decodeURI(rolename));
}

html必填标志

css：

<style>
    .myRequired {
    
    
        color: red;
    }
</style>

html：

<label class='col-md-2 control-label'>  <span class="myRequired">*&nbsp;&nbsp;</span>  角色名称</label>
<!--主要代码:<span class="myRequired">*&nbsp;&nbsp;</span>-->

禁用所有的input和select

$("input").attr("disabled", "disabled");
$("select").attr("disabled", "disabled");

添加字典值代码

controller代码

@GetMapping("/getTypeOfResidence")
@ApiOperation(value = "获取住所类型")
public Result<Object> getTypeOfResidence() {
    
    
    Result<Object> objectResult = new Result<>();
    try {
    
    
        List<PageData> data = flowPopulaDao.getTypeOfResidence();
        objectResult.setData(data);
    } catch (Exception e) {
    
    
        objectResult.setCode(ResultCode.FAIL);
        objectResult.setMessage("获取获取住所类型失败，系统异常请联系管理员");
        return objectResult;
    }
    objectResult.setCode(ResultCode.SUCCESS);
    objectResult.setMessage("获取获取住所类型成功");
    return objectResult;
}

dao代码

@Select("SELECT d.k AS code,d.val AS 'name' FROM t_dict d WHERE d.type ='typeOfResidence'")
List<PageData> getTypeOfResidence();

js代码

/*加载住所类型*/
function getTypeOfResidence() {
    
    
    $.ajax({
    
    
        "url": "/GridGuardVisual/flowpopula/getTypeOfResidence",
        "type": "get",
        "async": false,
        "success": function (data) {
    
    
            var dept = data.data;
            if (data.code == 0) {
    
    
                for (var i = 0; i < dept.length; i++) {
    
    
                    var code = dept[i].code;
                    var name = dept[i].name;
                    $("#domicileType").last().append("<option value='" + code + "'>" + name + "</option>");
                }
            } else {
    
    
                alert(data.message);
            }
        },
        "error": function (data) {
    
    
            alert("获取 流入原因 失败,请联系管理员");
        }

    })
}

html代码

<select id="domicileType" name="domicileType" lay-verify="required"
        class="layui-input-inline">
    <option value="">请选择住所类型</option>
</select>

js刷新当前页面

window.location.reload();

sql注释

/*
	=========================================
	
			一条sql解决查询被指派人员列表
			
	=========================================
*/

配置mybaits打印日志

mybatis.configuration.log-impl= org.apache.ibatis.logging.stdout.StdOutImpl

系统自启动目录

C:\ProgramData\Microsoft\Windows\Start Menu\Programs\Startup

js打印信息

console.log("========= shootVideo 开始 ===========")
console.log(e.target.id)
console.log("========= shootVideo 结束 ===========")

---