五、easyUI中的datagrid（数据表格）组件

news2024/12/29 0:31:25

1.datagrid（数据表格）组件的概述

datagrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。datagrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富，单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。

2.datagrid（数据表格）组件的使用

使用JavaScript去创建datagrid组件，通过datagrid组件自带的url属性请求数据。通过url属性加载数据实际上是easyUI底层通过Ajax请求数据，然后显示在页面中，这个过程是在页面加载完成后执行的。新建一个05-datagrid.html页面。

通过url请求传给它的数据

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>datagrid</title>
    <!-- 引入easyUI的css文件和js库 -->
    <link rel="stylesheet" type="text/css" href="./js/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
</head>
<body>
    <table id="dg"></table>

    <script type="text/javascript">
        $(function() {
            // 页面加载完成后，创建数据表格datagrid
            $('#dg').datagrid({
                //指定数据表格发送Ajax请求的地址
                url:'./data/datagrid_data1.json',
                //定义标题行所有的列，注意这是一个二维数组
                columns:[[
                    //像field、title等就是列属性
                    {field:'productid',title:'商品编号',width:100},
                    {field:'productname',title:'商品名称',width:100},
                    {field:'unitcost',title:'商品单价',width:100,align:'left'},
                    {field:'status',title:'商品状态',width:100,align:'right'},
                    {field:'attr1',title:'商品属性',width:100,align:'right'},
                ]]
            });
        });
    </script>
</body>
</html>

数据格式必须是一个JSON数组，示例如下：

[
  {
    "productid": "FI-SW-01",
    "productname": "Koi",
    "unitcost": "10.00",
    "status": "P",
    "listprice": "36.50",
    "attr1": "Large",
    "itemid": "EST-1"
  },
  {
    "productid": "K9-DL-01",
    "productname": "Dalmation",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "18.50",
    "attr1": "Spotted Adult Female",
    "itemid": "EST-10"
  },
  {
    "productid": "RP-SN-01",
    "productname": "Rattlesnake",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "38.50",
    "attr1": "Venomless",
    "itemid": "EST-11"
  },
  {
    "productid": "RP-SN-01",
    "productname": "Rattlesnake",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "26.50",
    "attr1": "Rattleless",
    "itemid": "EST-12"
  },
  {
    "productid": "RP-LI-02",
    "productname": "Iguana",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "35.50",
    "attr1": "Green Adult",
    "itemid": "EST-13"
  },
  {
    "productid": "FL-DSH-01",
    "productname": "Manx",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "158.50",
    "attr1": "Tailless",
    "itemid": "EST-14"
  },
  {
    "productid": "FL-DSH-01",
    "productname": "Manx",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "83.50",
    "attr1": "With tail",
    "itemid": "EST-15"
  },
  {
    "productid": "FL-DLH-02",
    "productname": "Persian",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "23.50",
    "attr1": "Adult Female",
    "itemid": "EST-16"
  },
  {
    "productid": "FL-DLH-02",
    "productname": "Persian",
    "unitcost": "12.00",
    "status": "P",
    "listprice": "89.50",
    "attr1": "Adult Male",
    "itemid": "EST-17"
  },
  {
    "productid": "AV-CB-01",
    "productname": "Amazon Parrot",
    "unitcost": "92.00",
    "status": "P",
    "listprice": "63.50",
    "attr1": "Adult Male",
    "itemid": "EST-18"
  }
]

使用到了datagrid组件的两个属性，如下列表所示:

属性名属性值类型描述默认值
columnsarrayDataGrid列配置对象，详见列属性说明中更多的细节undefined
urlstring一个UR!从远程站点请求数据null

也用到了如下列表所示的三个列属性

属性名称属性值类型描述默认值
titlestring列标题文本undefined
fieldstring列字段名称。undefined
alignstring指明如何对齐列数据。可以使用的值有: eft,right，centerundefined

field属性后面跟的是通过Ajax请求响应回来的JSON数组中的每一个JSON对象中的属性名称，例如productid

在这里插入图片描述

运行的结果如下图所示：

在这里插入图片描述

数据表格要间隔变色显示，需要用到datagrid组件的striped属性

属性名属性值类型描述默认值
stripedboolean是否显示斑马线效果false

05-datagrid.html页面的内容就要修改成下面这个样子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>datagrid</title>
    <!-- 引入easyUI的css文件和js库 -->
    <link rel="stylesheet" type="text/css" href="./js/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
</head>
<body>
    <table id="dg"></table>

    <script type="text/javascript">
        $(function() {
            // 页面加载完成后，创建数据表格datagrid
            $('#dg').datagrid({
                // 指定数据表格发送Ajax请求的地址
                url:'./data/datagrid_data1.json',
                //定义标题行所有的列，注意这是一个二维数组
                columns:[[
                    // 像field、title等就是列属性
                    {field:'productid',title:'商品编号',width:100},
                    {field:'productname',title:'商品名称',width:100},
                    {field:'unitcost',title:'商品单价',width:100,align:'left'},
                    {field:'status',title:'商品状态',width:100,align:'right'},
                    {field:'attr1',title:'商品属性',width:100,align:'right'},
                ]],
                // 显示斑马线效果，即数据表格中一行显示白色，一行显示浅灰色
                striped:true
            });
        });
    </script>
</body>
</html>

运行的结果如下图所示：

在这里插入图片描述

datagrid组件提供了一个分页工具栏，想使用datagrid组件提供的分页工具栏，必须得在datagrid组件中添加pagination:true，即要用到datagrid组件的pagination属性

属性名属性值类型描述默认值
paginationboolean如果为true，则在DataGrid控件底部显示分页工具栏false
pagePositionstring定义分页工具栏的位置。可用的值有: top,bottom,both’(该属性自1.3版开始可用)bottom

使用datagrid组件提供的分页工具栏，05-datagrid.html页面的内容便要修改成下面这个样子了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>datagrid</title>
    <!-- 引入easyUI的css文件和js库 -->
    <link rel="stylesheet" type="text/css" href="./js/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
</head>
<body>
    <table id="dg"></table>

    <script type="text/javascript">
        $(function() {
            // 页面加载完成后，创建数据表格datagrid
            $('#dg').datagrid({
                // 指定数据表格发送Ajax请求的地址
                url:'./data/datagrid_data1.json',
                //定义标题行所有的列，注意这是一个二维数组
                columns:[[
                    // 像field、title等就是列属性
                    {field:'productid',title:'商品编号',width:100},
                    {field:'productname',title:'商品名称',width:100},
                    {field:'unitcost',title:'商品单价',width:100,align:'left'},
                    {field:'status',title:'商品状态',width:100,align:'right'},
                    {field:'attr1',title:'商品属性',width:100,align:'right'},
                ]],
                // 显示斑马线效果，即数据表格中一行显示白色，一行显示浅灰色
                striped:true,
                // 显示分页工具栏
                pagination:true,
                // 分页工具栏显示的位置，默认就是在datagrid控件底部显示分页工具栏
                pagePosition:"bottom"
            });
        });
    </script>
</body>
</html>

运行的结果如下图所示：

在这里插入图片描述


发现分页工具栏默认显示的是英文，但想显示中文，得引入locale目录下的easyui-lang-zh_CN.js文件，于是，05-datagrid.html页面的内容便要修改成下面这个样子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>datagrid</title>
    <!-- 引入easyUI的css文件和js库 -->
    <link rel="stylesheet" type="text/css" href="./js/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="./js/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
    <table id="dg"></table>

    <script type="text/javascript">
        $(function() {
            // 页面加载完成后，创建数据表格datagrid
            $('#dg').datagrid({
                // 指定数据表格发送Ajax请求的地址
                url:'./data/datagrid_data1.json',
                //定义标题行所有的列，注意这是一个二维数组
                columns:[[
                    // 像field、title等就是列属性
                    {field:'productid',title:'商品编号',width:100},
                    {field:'productname',title:'商品名称',width:100},
                    {field:'unitcost',title:'商品单价',width:100,align:'left'},
                    {field:'status',title:'商品状态',width:100,align:'right'},
                    {field:'attr1',title:'商品属性',width:100,align:'right'},
                ]],
                // 显示斑马线效果，即数据表格中一行显示白色，一行显示浅灰色
                striped:true,
                // 显示分页工具栏
                pagination:true,
                // 分页工具栏显示的位置，默认就是在datagrid控件底部显示分页工具栏
                pagePosition:"bottom"
            });
        });
    </script>
</body>
</html>

运行的结果如下图所示：

在这里插入图片描述

其中，datagrid组件还有一个pageList属性，如下列表所示：

属性名属性值类型描述默认值
pageListarray在设置分页属性的时候 初始化页面大小选择列表[10,20,30.40,50]

在05-datagrid.html页面中应用了该属性，就如下面这样

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>datagrid</title>
    <!-- 引入easyUI的css文件和js库 -->
    <link rel="stylesheet" type="text/css" href="./js/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="./js/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
    <table id="dg"></table>

    <script type="text/javascript">
        $(function() {
            // 页面加载完成后，创建数据表格datagrid
            $('#dg').datagrid({
                // 指定数据表格发送Ajax请求的地址
                url:'./data/datagrid_data1.json',
                //定义标题行所有的列，注意这是一个二维数组
                columns:[[
                    // 像field、title等就是列属性
                    {field:'productid',title:'商品编号',width:100},
                    {field:'productname',title:'商品名称',width:100},
                    {field:'unitcost',title:'商品单价',width:100,align:'left'},
                    {field:'status',title:'商品状态',width:100,align:'right'},
                    {field:'attr1',title:'商品属性',width:100,align:'right'},
                ]],
                // 显示斑马线效果，即数据表格中一行显示白色，一行显示浅灰色
                striped:true,
                // 显示分页工具栏
                pagination:true,
                // 分页工具栏显示的位置，默认就是在datagrid控件底部显示分页工具栏
                pagePosition:"bottom",
                //下拉列表里面写什么（在分页显示时，可以选择每页显示的记录数）
                pageList:[3,5,10]
            });
        });
    </script>
</body>
</html>

运行的结果如下图所示：

在这里插入图片描述

一般来说，每一行记录最后面的那列都代表的是一组操作，例如修改或者删除，以方便对记录执行修改或者删除操作，就像下图所示的那样。

在这里插入图片描述

要想实现这样的效果，必须用到一个列属性，即formatter属性

在这里插入图片描述

如此一来，05-datagrid.html页面便要修改成下面这个样子了

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>datagrid</title>
    <!-- 引入easyUI的css文件和js库 -->
    <link rel="stylesheet" type="text/css" href="./js/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="./js/themes/icon.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="./js/locale/easyui-lang-zh_CN.js"></script>
</head>
<body>
    <table id="dg"></table>

    <script type="text/javascript">
        $(function() {
            // 页面加载完成后，创建数据表格datagrid
            $('#dg').datagrid({
                // 指定数据表格发送Ajax请求的地址
                url:'./data/datagrid_data1.json',
                //定义标题行所有的列，注意这是一个二维数组
                columns:[[
                    // 像field、title等就是列属性
                    {field:'productid',title:'商品编号',width:100},
                    {field:'productname',title:'商品名称',width:100},
                    {field:'unitcost',title:'商品单价',width:100,align:'left'},
                    {field:'status',title:'商品状态',width:100,align:'right'},
                    {field:'attr1',title:'商品属性',width:100,align:'right'},
                    {field:'xxxx',title:'操作',width:100,align:'left', formatter:function(value,row,index) {
                            // row为行记录，index是每一行的行号从0开始
                            console.log(value, row, index);
                            return "<a href='#'>修改</a> | <a href='#'>删除</a>";
                        }
                    }
                ]],
                // 显示斑马线效果，即数据表格中一行显示白色，一行显示浅灰色
                striped:true,
                // 显示分页工具栏
                pagination:true,
                // 分页工具栏显示的位置，默认就是在datagrid控件底部显示分页工具栏
                pagePosition:"bottom",
                //下拉列表里面写什么（在分页显示时，可以选择每页显示的记录数）
                pageList:[3,5,10]
            });
        });
    </script>
</body>
</html>

输出结果如下所示：

在这里插入图片描述

前台向后台发送的请求是一个Ajax请求，这时并没有刷新页面，也就是说当前所在页面只需要通过在原来的基础上+1或者-1即可，总页数又可以通过计算得知。所以，具体的响应数据的格式应该像下面这样

{
  "total": 28,
  "rows": [{
    "productid": "FI-SW-01",
    "productname": "Koi",
    "unitcost": "10.00",
    "status": "P",
    "listprice": "36.50",
    "attr1": "Large",
    "itemid": "EST-1"
  },
    {
      "productid": "K9-DL-01",
      "productname": "Dalmation",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "18.50",
      "attr1": "Spotted Adult Female",
      "itemid": "EST-10"
    },
    {
      "productid": "RP-SN-01",
      "productname": "Rattlesnake",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "38.50",
      "attr1": "Venomless",
      "itemid": "EST-11"
    },
    {
      "productid": "RP-SN-01",
      "productname": "Rattlesnake",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "26.50",
      "attr1": "Rattleless",
      "itemid": "EST-12"
    },
    {
      "productid": "RP-LI-02",
      "productname": "Iguana",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "35.50",
      "attr1": "Green Adult",
      "itemid": "EST-13"
    },
    {
      "productid": "FL-DSH-01",
      "productname": "Manx",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "158.50",
      "attr1": "Tailless",
      "itemid": "EST-14"
    },
    {
      "productid": "FL-DSH-01",
      "productname": "Manx",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "83.50",
      "attr1": "With tail",
      "itemid": "EST-15"
    },
    {
      "productid": "FL-DLH-02",
      "productname": "Persian",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "23.50",
      "attr1": "Adult Female",
      "itemid": "EST-16"
    },
    {
      "productid": "FL-DLH-02",
      "productname": "Persian",
      "unitcost": "12.00",
      "status": "P",
      "listprice": "89.50",
      "attr1": "Adult Male",
      "itemid": "EST-17"
    },
    {
      "productid": "AV-CB-01",
      "productname": "Amazon Parrot",
      "unitcost": "92.00",
      "status": "P",
      "listprice": "63.50",
      "attr1": "Adult Male",
      "itemid": "EST-18"
    }
  ]
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/539199.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

MDM（移动设备管理策略系统）、MAM、MCM作用

MDM（移动设备管理策略系统）、MAM、MCM作用

目录 定义 MDM MAM MCM 作用 定义 MDM 移动设备管理是一种软件应用程序，用于管理企业中的终端，如笔记本电脑、智能手机、平板电脑等。随着越来越多的员工使用这些设备，各种形式和规模的企业现在都转向移动设备管理，以增强数据安全性并提高生产力。 Device Management…
阅读更多...
C嘎嘎~~[构造函数提升篇]

C嘎嘎~~[构造函数提升篇]

构造函数提升篇 1. 再谈构造函数1.1. 引入1.1.1问题引入1.1.2 const引入 1.2 正篇1.2.1 构造函数体赋值1.2.2 初始化列表1.2.3.1 浅浅认识1.2.3.2 构造函数的 行走顺序1.2.3.3 引用修饰成员变量1.2.3.4 没有默认构造的自定义类型 1.2.3初始化列表的 坑1.2.4 谈谈初始化列表 和 …
阅读更多...
如何使用ChatGPT生成Excel公式?

如何使用ChatGPT生成Excel公式?

Excel是日常工作和生活中经常使用的一款数据统计和分析软件&#xff0c;它可以帮助我们快速完成各种复杂的数据计算。但对于一些复杂的计算公式&#xff0c;不是每个人都能轻松掌握&#xff0c;或者说有时候并不想手动输入计算公式。如果能有一个智能工具&#xff0c;帮助我们快…
阅读更多...
libiosa语音信号处理

libiosa语音信号处理

img { margin: auto; display: block } librosa是一个非常强大的python语音信号处理的第三方库&#xff0c;本文参考的是librosa的官方文档&#xff0c;本文主要总结了一些重要&#xff0c;对我来说非常常用的功能。学会librosa后再也不用python去实现那些复杂的算法了&#xf…
阅读更多...
人工智能与大模型主题师资培训落地，飞桨持续赋能AI人才培养

人工智能与大模型主题师资培训落地，飞桨持续赋能AI人才培养

5月12日-5月14日&#xff0c;由百度飞桨联合中国自动化学会、复旦大学共同举办的“人工智能与大模型”主题师资培训班在百度飞桨&#xff08;张江&#xff09;人工智能产业赋能中心圆满举办。来自全国各地17所高校、26个人工智能及相关专业的50名教师线下参加此次培训。复旦大学…
阅读更多...
Java --- redis的缓存淘汰策略

Java --- redis的缓存淘汰策略

目录 一、redis内存查看与设置 二、redis的数据删除方式 三、redis缓存淘汰策略 一、redis内存查看与设置 查看redis最大占用内存&#xff1a; redis默认内存使用&#xff1a; 不设置最大内存大小或设置为0&#xff0c;在64位操作系统下不限制内存大小&#xff0c;32位操作系…
阅读更多...
Linux系统编程（四）—— 进程基本知识

Linux系统编程（四）—— 进程基本知识

一、进程标识符pid 1、pid的类型&#xff1a;pid_t pid 是有符号的16位整型数&#xff0c;也就是说可以同时进行三万多进程。 2、命令&#xff1a;ps ps命令用于报告当前进程的信息&#xff1a; ps命令有着不同的组合&#xff0c;可以显示进程不同的内容&#xff1a; &…
阅读更多...
夜天之书 #83 Web API 的开发工具和平台

夜天之书 #83 Web API 的开发工具和平台

上一篇文章《Web API 简介》的落脚点是 Web API 的体验。 Web API 作为许多软件的第一道门面&#xff0c;提升其体验的努力从来没有停止过。今天&#xff0c;围绕 Web API 的开发体验和使用体验&#xff0c;已经成长出一个庞大的软件生态。本文以常用的 Web API 开发工具和平台…
阅读更多...
什么是 Java中的零拷贝

什么是 Java中的零拷贝

什么是零拷贝 WIKI中对其有如下定义&#xff1a; “Zero-copy” describes computer operations in which the CPU does not perform the task of copying data from one memory area to another. 从WIKI的定义中&#xff0c;我们看到“零拷贝”是指计算机操作的过程中&#x…
阅读更多...
数据库迁移 | 拥抱国产化数据库openGauss

数据库迁移 | 拥抱国产化数据库openGauss

Squids DBMotion再添新库同步能力&#xff0c;本期增加了对openGauss数据库的同步支持。 openGauss数据库是一款开源关系型数据库管理系统&#xff0c;采用木兰宽松许可证v2发行。openGauss内核深度融合华为在数据库领域多年的经验&#xff0c;结合企业级场景需求&#xff0c;持…
阅读更多...
PFTL101B 20KN 3BSE004203R1主要介绍ACS380 Modbus通讯功能

PFTL101B 20KN 3BSE004203R1主要介绍ACS380 Modbus通讯功能

​ PFTL101B 20KN 3BSE004203R1ABB系统优化船舶性能、效率和可持续性 根据经合组织的一份报告&#xff0c;货物和人员的海上运输是全球经济活动的重要驱动力&#xff0c;到2050年将增加两倍。据国际海事组织&#xff08;IMO&#xff09;称&#xff0c;这一增长将导致该行业的温…
阅读更多...
Hi3861 移植 LVGL

Hi3861 移植 LVGL

一、前言 给 Hi3861 适配了硬件 spi &#xff0c;master 模式下最高 spi 速率可以达到 40M&#xff0c;用来驱动 oled 屏幕。 适配过程遇到了一个芯片bug&#xff0c;困扰了很久&#xff0c;clk 管脚驱动能力差&#xff0c;需要外接一个上拉电阻才能正常运行。适配完成移植 lvg…
阅读更多...
k8s系列（五）——资源控制器

k8s系列（五）——资源控制器

k8s系列五——资源控制器 控制器的必要性 自主式Pod对象由调度器调度到目标工作节点后即由相应节点上的kubelet负责监控其容器的存活状态&#xff0c;容器主进程崩溃后&#xff0c;kubelet能够自动重启相应的容器。但对出现非主进程崩溃类的容器错误却无从感知&#xff0c;这…
阅读更多...
阿里下放自动驾驶，汽车业务是个坑，或是时候探讨下一个乐视了

阿里下放自动驾驶，汽车业务是个坑，或是时候探讨下一个乐视了

阿里发布公告指达摩院自动驾驶团队将全部并入菜鸟集团&#xff0c;虽然并没有说关闭自动驾驶业务&#xff0c;但是自动驾驶业务已不再是阿里看重的业务&#xff0c;导致如此结果在于当前汽车行业发生的重大变化。 一、传统汽车开始发力 今年4月份的新能源汽车企业销量排名数据显…
阅读更多...
配置gitee ssh免密拉取代码-唯一客服系统文档中心

配置gitee ssh免密拉取代码-唯一客服系统文档中心

Gitee 我们的客服系统代码托管于Gitee私有仓库默认情况下只用于开发者自我代码管理&#xff0c;不对外公布。如果你也是放在私有仓库进行托管&#xff0c;可以如下配置免密操作。 部署公钥免密拉取代码 部署公钥允许以只读的方式访问仓库&#xff0c;主要用于仓库在生产服务器的…
阅读更多...
即时通讯在线聊天APP开发解决方案

即时通讯在线聊天APP开发解决方案

即时通讯是目前移动端最为流行的通讯方式&#xff0c;各种各样的即时通讯软件也层出不穷&#xff1b;服务提供商也提供了越来越丰富的通讯服务功能&#xff0c;打造一个实时通信系统&#xff0c;允许两人或多人使用网络实时的传递文字消息、文件、语音与视频交流。今天河北领行…
阅读更多...
Excel中时间戳与标准日期格式的互相转换

Excel中时间戳与标准日期格式的互相转换

背景 在excel中将13位毫秒级别的时间戳转换为标准的日期格式(yyyy-mm-dd hh:mm:ss.000)&#xff0c;使用如下模板 TEXT(<source_cell>/1000/8640070*36519,"yyyy-mm-dd hh:mm:ss.000") 在excel中将10位秒级别的时间戳转换为标准的日期格式(yyyy-mm-dd hh:mm:ss…
阅读更多...
每日学习记录

每日学习记录

GDB调试 首先是安装&#xff0c;以及普通的一些命令&#xff0c;重点是如何打断点 调试多进程和多线程 不同的gdb版本可能不是很支持&#xff0c;需要用比较新的版本>8.3 多进程 fork()函数创建一个一模一样的进程正常来说&#xff0c;同一个执行文件&#xff0c;gdb只…
阅读更多...
使用 CNN 进行面部情绪识别

使用 CNN 进行面部情绪识别

面部表情是人类之间交流的重要方式。 在人工智能研究中&#xff0c;深度学习技术已成为增强人机交互的强大工具。心理学中面部表情和情绪的分析和评估涉及评估预测个人或群体情绪的决定。 本研究旨在开发一种能够使用卷积神经网络&#xff08;CNN&#xff09;算法和特征提取技术…
阅读更多...
【Java每日一练】总目录（2023.3.11~5.18）共69篇

【Java每日一练】总目录（2023.3.11~5.18）共69篇

2023.3.11~2023.5.18 连载两个多月共69篇&#xff0c;暂停更 Java 2023.05 2023.5.11-2023.5.18 20230518 1. 移除链表元素 &#x1f31f; 2. 跳跃游戏 II &#x1f31f;&#x1f31f; 3. 复原 IP 地址 &#x1f31f;&#x1f31f; 20230517 1. 存在重复元素 &#x…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023