总结vue3 的一些知识点：MySQL NULL 值处理

虎头金猫

已于 2023-06-27 13:32:34 修改

阅读量191

点赞数

分类专栏：前沿技术 h5+app 文章标签： mysql 数据库数学建模

于 2023-06-08 20:38:01 首次发布

本文链接：https://blog.csdn.net/2301_76147196/article/details/131115617

版权

h5+app 同时被 2 个专栏收录

25 篇文章 1 订阅

订阅专栏

前沿技术

12 篇文章 0 订阅

订阅专栏

MySQL NULL 值处理

在命令提示符中使用 NULL 值

实例

创建数据表 kxdang_test_tbl

MySQL NULL 值处理

我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时，该命令可能就无法正常工作。

为了处理这种情况，MySQL提供了三大运算符:

IS NULL: 当列的值是 NULL,此运算符返回 true。
IS NOT NULL: 当列的值不为 NULL, 运算符返回 true。
<=>: 比较操作符（不同于 = 运算符），当比较的的两个值相等或者都为 NULL 时返回 true。

关于 NULL 的条件比较运算是比较特殊的。你不能使用 = NULL 或 != NULL 在列中查找 NULL 值。

在 MySQL 中，NULL 值与任何其它值的比较（即使是 NULL）永远返回 NULL，即 NULL = NULL 返回 NULL 。

MySQL 中处理 NULL 使用 IS NULL 和 IS NOT NULL 运算符。

注意：
select * , columnName1+ifnull(columnName2,0) from tableName;
columnName1，columnName2 为 int 型，当 columnName2 中，有值为 null 时，columnName1+columnName2=null， ifnull(columnName2,0) 把 columnName2 中 null 值转为 0。

在命令提示符中使用 NULL 值

以下实例中假设数据库 RUNOOB 中的表 kxdang_test_tbl 含有两列 kxdang_author 和 kxdang_count, kxdang_count 中设置插入NULL值。

实例

尝试以下实例:

创建数据表 kxdang_test_tbl

root@host# mysql -u root -p password;
Enter password:*******
mysql> use RUNOOB;
Database changed
mysql> create table kxdang_test_tbl
    -> (
    -> kxdang_author varchar(40) NOT NULL,
    -> kxdang_count  INT
    -> );
Query OK, 0 rows affected (0.05 sec)
mysql> INSERT INTO kxdang_test_tbl (kxdang_author, kxdang_count) values ('RUNOOB', 20);
mysql> INSERT INTO kxdang_test_tbl (kxdang_author, kxdang_count) values ('菜鸟教程', NULL);
mysql> INSERT INTO kxdang_test_tbl (kxdang_author, kxdang_count) values ('Google', NULL);
mysql> INSERT INTO kxdang_test_tbl (kxdang_author, kxdang_count) values ('FK', 20);
 
mysql> SELECT * from kxdang_test_tbl;
+---------------+--------------+
| kxdang_author | kxdang_count |
+---------------+--------------+
| RUNOOB        | 20           |
| 菜鸟教程  | NULL         |
| Google        | NULL         |
| FK            | 20           |
+---------------+--------------+
4 rows in set (0.01 sec)

以下实例中你可以看到 = 和 != 运算符是不起作用的：

mysql> SELECT * FROM kxdang_test_tbl WHERE kxdang_count = NULL;
Empty set (0.00 sec)
mysql> SELECT * FROM kxdang_test_tbl WHERE kxdang_count != NULL;
Empty set (0.01 sec)

查找数据表中 kxdang_test_tbl 列是否为 NULL，必须使用 IS NULL 和 IS NOT NULL，如下实例：

mysql> SELECT * FROM kxdang_test_tbl WHERE kxdang_count IS NULL;
+---------------+--------------+
| kxdang_author | kxdang_count |
+---------------+--------------+
| 菜鸟教程  | NULL         |
| Google        | NULL         |
+---------------+--------------+
2 rows in set (0.01 sec)
 
mysql> SELECT * from kxdang_test_tbl WHERE kxdang_count IS NOT NULL;
+---------------+--------------+
| kxdang_author | kxdang_count |
+---------------+--------------+
| RUNOOB        | 20           |
| FK            | 20           |
+---------------+--------------+
2 rows in set (0.01 sec)

使用 PHP 脚本处理 NULL 值

PHP 脚本中你可以在 if...else 语句来处理变量是否为空，并生成相应的条件语句。

以下实例中 PHP 设置了 $kxdang_count 变量，然后使用该变量与数据表中的 kxdang_count 字段进行比较：

MySQL ORDER BY 测试：

Vue.js 安装

1、独立版本

我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。

下载 Vue.js

2、使用 CDN 方法

以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载到本地。

Staticfile CDN（国内） : https://cdn.staticfile.org/vue/2.2.2/vue.min.js
unpkg ：https://unpkg.com/vue@2.6.14/dist/vue.min.js。
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js

Staticfile CDN（国内）

<div id="app">
  <p>{{ message }}</p>
</div>

unpkg（推荐）

<div id="app">
  <p>{{ message }}</p>
</div>

cdnjs

<div id="app">
  <p>{{ message }}</p>
</div>

3、NPM 方法

由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm，安装使用介绍参照：使用淘宝 NPM 镜像。

npm 版本需要大于 3.0，如果低于此版本需要升级它：


# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g


# 升级或安装 cnpm
npm install cnpm -g

在用 Vue.js 构建大型应用时推荐使用 cnpm 安装：


# 最新稳定版
$ cnpm install vue

命令行工具

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。


# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author kxdang <test@kxdang.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
     cd my-project
     npm install
     npm run dev
   
   Documentation can be found at https://vuejs-templates.github.io/webpack

进入项目，安装并运行：


$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE  Compiled successfully in 4388ms

> Listening at http://localhost:8080

成功执行以上命令后访问 http://localhost:8080/，输出结果如下所示：

**注意：**Vue.js 不支持 IE8 及其以下 IE 版本。

Vue 项目打包

打包 Vue 项目使用以下命令：

npm run build

执行完成后，会在 Vue 项目下生成一个 dist 目录，一般包含 index.html 文件及 static 目录，static 目录包含了静态文件 js、css 以及图片目录 images。

如果直接双击 index.html 打开浏览器，页面可能是空白了，想要修改下 index.html 文件中 js、css 路径即可。

例如我们打开 dist/index.html 文件看到路径是绝对路径：

<link href=/static/css/app.33da80d69744798940b135da93bc7b98.css rel=stylesheet>
<script type=text/javascript src=/static/js/app.717bb358ddc19e181140.js></script>

我们把 js、css 路径路径修改为相对路径：

<link href=static/css/app.33da80d69744798940b135da93bc7b98.css rel=stylesheet>
<script type=text/javascript src=static/js/app.717bb358ddc19e181140.js></script>

这样直接双击 dist/index.html 文件就可以在浏览器中看到效果了。

五、代码实现

ERROR ITMS-90189: “Redundant Binary Upload. You’ve already

uploaded a build with build number ‘5.0.0’ for version number ‘1.3.1’.

六、总结

PHP 脚本中你可以在 if...else 语句来处理变量是否为空，并生成相应的条件语句。

以下实例中 PHP 设置了 $kxdang_count 变量，然后使用该变量与数据表中的 kxdang_count 字段

虎头金猫

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
总结vue3 的一些知识点：MySQL NULL 值处理

columnName1，columnName2 为 int 型，当 columnName2 中，有值为 null 时，columnName1+columnName2=null， ifnull(columnName2,0) 把 columnName2 中 null 值转为 0。在 MySQL 中，NULL 值与任何其它值的比较（即使是 NULL）永远返回 NULL，即 NULL = NULL 返回 NULL。MySQL 中处理 NULL 使用 IS NULL 和 IS NOT NULL 运算符。
复制链接

扫一扫