jsplumb如何实现动态连线

大家好，我是本次课程的主讲老师曾显志，今天我们学习一杠十八课， 那么这节课我们学习一下关于在杰斯红当中连接运算符的一个使用方法。这节课的话我们会给大家做一个非常有意思的案例，就是自定义求和函数。 好，我们先来看一下，在接四黄当中，如果要把多个数据连接成字符串的话，可以使用加号以及 concate 还有 join 这三种方法。加号的话是最简单的，比方说我们现在有三个这个值，是吧？不论我通过什么方式获取的，我有三个值，我把它放到哪里呢？ 放到我们的这个编辑器里面啊，这个代码里面写在这个代码里面。好， 那么这个时候大家可以看一下，我们按一下 f 十一，来看一下在局部变量这边，是吧？再按一下这个一二三，然后分钟 刚才我们看到了这三个变量他的这个数据，然后呢接下来我们就将这三个数据给加起来给连接起来，那么好，我们来看一下，第一个就是 ctrl log， 我们连接起来之后再立即窗口显示，那么你就可以分别是 a a 连接 b 连接 c， a b c 连接起来，其实就是将它对应的一二三分钟和 good 给连接起来，对吧？那么我们运行的看一下，走看没？哎，这三个都有了， 因为这三个变量都有用到了，所以我们看到他有值了，然后最后是不是输出来就这个样子，然后这中间比方说你想连接一些符号，是吧？像 连接符号的话，比方说在这个中间我们想连接一些符号，那么这个时候的话，你可以这么来，比方说连接一根斜杠行不行？你说这根斜杠的话看起来有点怪，一天加一根斜杠的话，好像变了一，再加一根太斜，因为斜杠有有一个特殊的意义，如果你只是这样来加的话，你看他和后面的 感觉才是一体，是吧？那么你再加一根在他前面，就是把他把这根斜杠转换为普通具有普通意义的这个字符。 前面我们不是说了吗？斜杠可以让可以将普通字符转换成具有特殊意义的字符，也可以将具有特殊意义的字符转换为普通字符。哎，这个大家是明白的，好比方说我们再到这边来，再来再来走一个。好，你看相当于 a 连接一根斜杠，再连接 bb 连接 一根斜杠，再连接 c， 最后大家看一下这个效果，出出来一下就是这个样子，那么这是直接连接的方法，接下来我们再来看一下，还有一些就是使用 contact 这个方法，那么前面比方说 这个 a 是什么？就是说 a 的话，就是前面某一个数据，某一个字符对某一个字符进行连接，那么你看他的写法是什么？好，我们来一个 ctrl log， 然后呢？这个 a 点 can cat， 什么意思啊？就是将这个 a 跟 a 里面的这个字符跟其他的连接，比方跟 b 进行一个连接，那么我们把这个先注释 看到没，那么 a 是不是这个里面对应的一二三连接 b 分钟就连 接起来了，当然可以不断的连接，比方说 a 连接 b， 再连接 c 行不行？哎，也可以，大家看一下是不是都连接起来了，那你说像我刚才这样中间连接些字符行不行？也可以啊，是吧？那么比方说我这个样子在前面这里 连接字符走，你看是不是就出来了？哎，那么有人说我这样看着不舒服，比方说我想把 a b， c， a， b c 连着写在这个括号里面，因为 cancat 后面的话可以一直有更多的。这个什么呀？ 连接这个参数是吧？他参数是不定的，你可以写更多的，然后这个位置的话，你说我能不能既然是字符，我先来个空字符这样子是吧？那么运行来看一下是不是也可以？也就是说看看的就表示你的拿当前的这个字符串，然后去连接谁，去连接另外一个 看看是吧？去连接其他的字符串，然后在括号里面你就随便写，是吧？写多少个参数都没有关系。那么这样子的话看起来是不是比较工整啊？那看一下是不是比较工整？ ok， 这个就完成了， 我们再来看一下，我觉得另外一种更好的方式的话，就是使用数组的形式来来组织。那么比方说使用 joy 什么意思呢？我们把这边给他这个注释一下，重新来啊。 好，那么这个样子，比方说我先在中国号里面写一些元素，比方说我随便写个啊， 这个一二三四，然后对这个数组里面的值，我们可以使用 joy 来试一下啊。好，那么连接的时候我就这样来运行，来看一下是不是一二三四表示什么意思？表 是将这个数组当中的每个元素进行连接，连接的时候他使用的分隔符是什么？这个里面没有任何的分隔符，那你说没有任何的分隔符，能不能不写呢？就这样空着 看到没这样控制的话，他反而会默认使用一个逗号，当然你说我不想使用逗号，我就想使用刚才的斜杠也行，那么大家看一下， ok， 那么比方说你再在中间加一些其他的比方加一个 a， 加一个 b， 加一个 c， 行不行？可以，这个里面也可以是变量，我们再来运行。 哎，所以更好的是不是这种方法不错，当然每一种方式都有它的应用场景。好，这是关于连接运算符，如果从运算符这个角度来说的话，就只有加号，但是我想一并讲一下关于连接的一些处理方式，除了使用加号， 还可以使用 cancat join 这两个方法。那么接下来我们给大家演示一下这个案例，就是自定义求和，假如说我在这个里面有一些数字，我写个一二 三，然后写个十，我想把这个区域的数据进行一个求和，行不行呢？可以，是吧？我们先在这边给大家来看一下这个定义的自定函数的 这个代码是怎么写的，那么他其实很简单，就是将我们这个数组里面提供的数据给什么呀？给连接起来，那么就像我们这个一样，是这个样子的啊，大概给大家演示一下，在这个里面给大家演示一下， 那么比方说这个里面有一个一二三四都是数字，然后这个里面给他来个加号， ok， 大家看一下，就是这个样子，把它做成这个样子，也就是说最后他能够实现的效果， 我现在这个代码抹黑的这这块，他就能够实现这种效果，你看这个数组的话，这个是表示数组的意思，你在这个参数里面传什么，他这个里面就合什么，比方说等一下我把这个参数传到一二三四，传到这个位置，然后呢他就会对 这个里面的一二三四进行连接，连接出来就成这个效果，但这种效果的话，他只是以字符串的方式来呈现， 如果你想让他真正的计算的话，你可以在外侧加一个 vr 这个方法，是吧？这个时候的话，他就会对这个里面的这个算数公式进行一个真正的运算，而不是文本的呈现，哎，就是这个意思，那么我们来试一下啊，比方说我在这个地方 我们来试一下，我来写个 sum， sum 是不是需要参数？这个参数，我就把刚才的这个一二三四给它写进去，以数组的 形式一二三四写进去，那么按一下 f 十一来看一下 f 十一，看到没？ ok， 你看到这个里面来越线，走走走。好，你看这个时候的话再按，是不是一时就出来了？ 那么其实他就是把这个参数带到这个里面来进行连接，连接之后进行运算，运算之后又返回给他，是不是一加二加三就是六，六加四等于十，哎，就可以了。好，那么刚才我们说的在单元格里面操作怎么办？你就直接在这个里面把这个单元格区域给带过来， a 一到 a 四，所以我们在这边来试试啊，先试试写个 range a 一啊， a 四这个区域，将它的值给取出来，先试试，是吧？这个 value 把它的值给取出来，不知道对不对？不对再修改是吧？你看我运行是不是就出来了？没有问题，那么这个里面看一下是不是一加二加三，六加十就等于十秒一十六，然后这个后面比方说我再加一百，那么这个时候的话，你再 a 五就行了。 ok， 再运行，看到没？一百一十六很好玩吧？哎，以后你就可以使用这个自己定义的函数。为什么要我们定一个 sum 的求和的自定义函数呢？因为没有，他不像我们前面那个求最大值，求最小值的话他还有类值的。有，就是我们前面不是 说一下 mas 里面是不是有很多关于数学方面的函数，这个库里面有一个 max、 mini， 这些还可以进行一下统计。但是他没有求和啊，你看到没？没有求和函数哎，你可以自己来定义。好，那么这节课的话我们就讲解到这里，谢谢大家，我们下节课再见。

喂喂 哈喽！喂喂！太子哈喽！ 哈喽哈喽！喂喂，测试测试哈喽！喂。

好，我们下一个我们来看一下啊，叫做，嗯，就叫做这部串运算，这部分连接 走出来就结束了， 这算连接负是什么意思？就是我们原本友谊都做不出来啊，把 a 等于， 好吧， a 等于 a， b， c， 现在我们可以将多个支付串，将多个支付串，将多个支付串 连接为一个字母串，这就是字母串连接符的作用。这个符号也很简单，这是一个加号，这是一个加，这个符号不是加法的，这个加就是加这个符号。现在我们来看一下 a 加上 x、 y、 z 来，嗯，或者这样来写 b 吧， b 等于 a 加 x、 y、 z， 现在我们打印出 b 啊，找到这个是 abc， xyz 是不是放在一起啊？这就是支付创追加支付创连接的啊， 平时讲到字不算最佳，在一个字不算，后面追加上另外一个字不算，把他们放到一起，你说 a 去追加上一二三啊， a 去追加上一二三，就变成了 abc， 一二三啊，这个时候你再去访问 a 啊，这个呢，我们要重新复制啊，我没有重新复制，所以你后面访问 a 还是 abc 啊，只是说我们看这里的结果，原本有个 abc 啊，那么敲门谁出来 abc 出来 abc 最加上一个一二三啊，到了 abc 一二三啊，说这里这个加号啊，这个加号 再来看 啊，哇， c 吧，哇， c 等于 a 加，等啊，或者是我们就就重新来 a 吧， 一加等六六六，我们看下 a 是多少， 说变成 abc 六六六啊，说他还是等下，有什么？ a 等于 a 加上六六六，是我们在我们自己原本的基础上再加上一个六六六啊，说这里加，等 加的好了，这就是很简单啊，将多个字母串合并为一个字母串，当然如果你有更多的，你一直加就可以了 啊，比如说我们这里有多个变量啊，比如说我们这里准备多个变量。 五放 name 等于乘三， 哪怕 h 等于十，八八四个十等于难， 对吧？你把它这三个边的最佳起来，就是 name 加上 h， 加上 c， s， 最后张三十八郎，看对不对？张三十八郎放在一起了没有啊？已经放在一起了，这就是最佳了。好，那么他本身很简单，但是 好注视掉。好，接下来大家要看这几个结果， 那接下来大家看这几个结果啊，我们以这两个变量， y 等于九万，第一等于十，那个十， 现在 a 加 b 的结果是多少？ 好，然后再来。好，大家去运行，我不知道了，大家去想挖 a 等于九，然后挖 a 等于十，十变成这样子来了，大家去看结果。 好发 a 等于九， 然后一等于 十，不变啊，看结果。 当然如果两个都是数字了啊，再看结果，这里有四种情况啊，这里有四种情况，那么大家自己打一下 情况，最后帮我总结一下，由于这个加号比较特殊啊，他既是， 他既是， 嗯，加法运算的那个符号，加法运算的符号， 又是啊，又是这么串的一个连接符号， 那么啊，这一点是没有问题的啊，都是这个符号，那么我的问题是，那么什么时候做加法， 什么时候做四五串连接？大家把这四种情况挨个测试下，最后自己来总结这个问题啊，我不知道，你自己去想，你自己总结说需要大家自己总结这几点，你自己总结一下。 那么什么时候是做加法运算？什么时候是做加法运算？什么时候是做这串连接啊？你去把这个问题考虑一下， 好，正常连接符，你讲这个。

这一节呢，我们来介绍怎么把数组的元素啊连接成一个字符串。 在这些中呢，我们可以使用转方法来把数字中所有的元素啊连接成一个字符串。转方法呢，它有一个参数，这个参数啊是一个连接符。 比如在这个例子中，我们有一个数组，这个数组呢有四个元素。接着呢，我们使用两个转方法，第一个转方法呢，它的连接符啊是个短横杠。第二个呢是使用新号作为连接符。我们查看一下页面的效果， em 的效果就这样了，第一个呢是使用短横杠作为连接符，第二个呢是使用新号作为连接符。这里注意下，这两个输出结果 都是字符串，而不是数组。也就是说呢，这个东西啊和下面这个东西啊，他返回的是一个字符串。那么串方法具体有什么用呢？ 他一般是用于将一个数组啊转换成一个字符串。为什么要转换成字符串呢？因为只有转换字符串，他才可以使用字符串的方法。这个呢跟我们字符串的 spa 方法是非常类似的。 split 方法呢，是将一个字符串呢转换成一个数组。 split 和我们的转这两个方法我们在实时开发中经常是配合在一起使用。我们来看一个简单例子， 在这个例子中呢，我们要实现的效果就是把我们这个字符串中的新号全部 替换为一个井号。具体是怎么实现呢？首先我们用 subli 方法来将我们的这幅串呢转换成一个数组，这个数组呢，每一个元素啊就是一个汉字。 接着呢再使用一个转方法，因为前面是个数组，因此呢他可以使用一个转方法。转方法我们知道了， 是使用一个连接符来把我们的数组元素啊连接成一个字符串，因此呢，整一句代码最终返回的也是一个字符串。 为什么要返回一个字符串呢？因为我们之前要实现的效果是把我们字符串中的新号替换成一个井号，他最终还是一个字符串呢。我们查看一下页面的输出结果，页面的效果就这样了，我们每一个新号 都替换成一个减号，这幅串跟我们的速度啊，这些相互转换都是借助 speed 和转这两个方法。

各位同学大家好，我是风情，欢迎学习 iowork 系列课程第一章开发准备第四节连接设备，本节呢我们将学习如何连接我们移动端的助手，进行自动化开发。我们来看第一个连接模拟器 note 模式， 这里呢我用的是雷电九，你们也可以用这个啊，雷电五或者是雷神模拟器啊，都是可以的，里面呢并没有安装 我们的这个开发助手，现在呢我们要进行连接啊，不安装也可以直接进行连接。 首先大家大家一定要找到这个东西，看了啊，这个两 圈的这个东西，好，现在我们点击打开一下，他应该是打开了啊，只不过啊被挡住了。这里呢我们可以看到这里面有两种连接设备方式，一种是 idb 连接方式，就这个一种是远程连接方式， 你可以把它理解，为什么理解为内网穿透也是可以的啊，公网连接也是可以的，当前呢我们是在本地，所以我们就选择这个 idb 连接就可以了，我们点击 好，现在他已经我们连接好了。连接以后呢你会发现当前呢有黄色的一个警告，未安装我们的助手，现在他给我们 安装啊，安装好了以后进行连接，那么我们模拟器呢，我们就可以点立即开始了，我们也可以在这个地方来点击开始 这里呢来看一下这个地方有个放大，就是当前是一倍，现在我们放大成两倍， 因为实在是太小了，点击放大两倍。好，可以了，可以后立即开始确定允许，允许 好他弹出什么权限让我们去开启。首先你要知道我们的模拟器呢，当前已经是骆驼模式，已经是选择的了啊，选择，但是呢，我们还是要给他必要权限，如果没有， 你要打开必要权限，悬浮窗打开，确定打开啊，允许显示其他应用的上层啊，选择，选择以后返回 后台饱和呢，一般无障碍要用到啊，但是你你不管，因为当前呢，你是属于什么一个调试的一个模式啊，你不用去管这个啊，到底我们要用用什么方式来运行我们的脚本 后台饱和，我们关打开就可以了，允许无障碍模式无障碍的权限 啊，有些同学问了，哎，老师你不是讲入口模式吗？啊，你为什么要打开无障碍权限呢？是因为如果你不打开无障碍权限，那么你的悬浮球就没有这个东西啊。当前我们是属于调试模式， 所以说我们只管打开，不要问其他东西啊，只管打开，因为为什么我们可以看这个跟着我鼠标打包， 当我们真正要打包的时候，我们才会有选择，我们是不是要用无障碍模式这种模式来运行啊？啊，当然触控方法它是有分类的啊，它是不一样的，无障碍有无障碍的触控方法， idb 有 idb 的一个触，这个触控方法啊，它是不一样的，如果我们不用这个无障碍方法呢？那么我们用的是 idb 的一个点击操作呢？我们可以直接什么呢？取消这个无障碍就可以了啊，大家永远记住啊，他就不会再让你去什么选择这个无障碍这个权限了。好，我们打开， 打开以后，我们找到无障碍这里 i work 使用服务，确定好，现在返回最后还有一个蓝牙啊，直观打开啊，就可以了。 好，我们发现当前呢我们就可以看到一个球啊，看了啊，就这个地方 啊，这里有个悬浮球啊，如果你不打开五战权限，那这个悬浮球是不存在的啊，注意， 现在呢，当我们所有的权限我们授权完毕以后呢，我们点击他，哎，打不开了啊，是因为你的权限已经授权给他了，所以你是打不开的啊，如果你权限没有授权完毕，那么 肯定有一个东西他让你去选择，他必定会弹出这个窗口啊，记住这点就可以了。当前呢我们就看了这个是悬浮球，悬浮球呢，我们点击一下悬浮球，哎，这里我们就会发现这里有很多东西，你看啊， 有这个东西，但是你点击以后没用啊，但是这个呢啊，你不用去管，暂时这个齿轮呢，我们打开来看一下。好，就是有一些我们当前我们助手的一些设置， 如果我们打开了禁用日字，打开了，那么日字就会被禁用，他就不会什么了，他就不会实时的显示啊，我们的这个日字窗口， 如果我们打开这个东西呢，他就会保存我们的日志，如果你不打开他就不保存了，详细日志也是一样的，你打开了， 那就会保证详细的。这个日字啊，本机设置呢，你不用去管啊啊，暂时不用去管，他启用远程协助呢，这个涉及到我们待会我们要讲的远程调试啊，进行连接好，当前呢我们暂时先用不到啊，待会我们再来讲 好把这个东西关闭掉，再来打开展开以后呢，如果我们这里呢，我们会看到一个东西，这个看了啊，然后呢我点击一下，哎，我们就把日志窗口打开了，同时我们也可以关闭 啊，不想看就把它关闭掉。然后呢这个东西呢是停止脚本，我们点击了以后他就会停止脚本，当前我们也没有在运行脚本啊，啊？对不对 啊？但是无所谓啊，那么你可以看到这里面呢有个叉叉呢，我们点击一下，点击这里呢，它有两个选项，一个是彻底关闭，一个是后台运行，我们来看第一个后台运行确定，确定以后，你会发现 我们的悬浮球不见了，但是你脚本呢，肯定他还是在运行当中的啊，如果你搞无限循环，他必定是在运行当中的啊，只不过悬浮球不见了， 如果我们想让悬浮球见到，我们就先点击一下，哎，他又来了，看到没有？又出现了啊，然后我们再展开一下，然后再选这个叉，当我们要退出，完完全全的退出我们的这个助手的时候，我们就彻底关闭好， 助手已经关闭了，并且呢你会发现这里调试输出了连接，他当时就是什么就直接断开了啊，出现这种情况呢，我们要再来点击一次，根据我们看到这里连接手机， 好，这个被挡住了，再来连接好，立即开始什么又开始什么？授权啊？好，已经没问题了，没问题，以后呢，现在我们就来调试测试，测试一下啊， 这个地方呢要给大家讲一下啊，这个模拟器当前呢模拟器的菜单跟着我鼠标打开， 然后我们找到什么呢？软件设置，找到其他设置啊，我们会发现我们 rot 是打开了，看了啊， rot 是打开了啊，啊，记住啊，但是它现在呢，也是属于一种正常的东西啊， 同学们不要始终认为老师这样去干，那就以为是什么，以为就是 i work 了，只能无障碍，不是啊，不是的啊，一定要注意啊。好，那么当前呢，我们就来看我们的 这里，跟着我鼠标，你会发现有个主角本，我们打开来看一下啊，你会发现，当然第一次时候你会发现 我们的这个字啊，很小很小，我们的代码当前呢，我们想把我们的代码再扩大一下，怎么扩大呢？字体大小再扩大，跟着我的鼠标找到 设置这个，点击打开，这里有自己大小，这里呢？我设置什么？三十，我估计已经是差不多了，设置完毕以后呢？关闭， 关闭以后呢？哎，这个字还是没有改，没有改呢，把我们的窗口关闭掉，再次打开我们的 air work， 好，然后继续，我把它扩大一点啊， 然后我们再点击我们的主角本 g s 文件，你看，现在我们的这个字是不是就变大了啊？好，我们继续再来连接 好，连接好了以后， 好，连接完成，连完成呢，这里呢，因为是英文啊，我们现在呢，我们不是程序员啊，现在我们就直接啊，不要这个英文，我们直接什么呢？直接？你好， i i 啊，打这个 w o r k， 你好， i walk 运行呢，它有好几种方式啊，但是这里呢，我们只是检测一下我们是否连接成功， 把这段代码呢，这样扣起来，扣起来以后呢，这里你会发现有这么一个东西，就这个像小瓶子，这个东西 好，鼠标放在上面叫测试选中的代码啊，这行代码呢是被我们选中的，然后呢我们点击它一下，好，这下面呢运行日志呢就已经输出了，你好， i work 好，我们这个呢已经是没有任何问题的啊，为了让大家便理解啊， 因为当前我们的设备呢是骆驼模式，是不是那么无障碍呢？他有无障碍的一个触控方法啊？嗯，代理模式呢，有代理模式的一个一个触控方法，我们这里呢跟着我的鼠标 代理看到这里有个代理打开，打开了，这里有个点击，看到了吗？这个东西呢，他就不是， 是什么不是无障碍点击了，虽然说我们当前我们的模拟器设备已经是打开了我们的无障碍服务，但是呢 我们这个环境是是什么？是骆驼的环境对不对？我同样我们也可以用我们的这个代理的模式，只不过呢我们当我们在打包的时候呢，我们可以什么呢？把无障碍这个功能呢去掉啊，就可以了。 好，我们把这个再扩大一些，当前呢我希望是什么呢？我希望是打开我的精品画板，就这个 我用的是什么？用的是这个代理模式，我们鼠标放在这个画板上，就这上面右键 往下复制坐标，真实的坐标选择好，把这个地方选中粘贴好，那么这里呢， 我们就单独运行这个函数 mini 就可以了，看没有画板就已经是被啊被打开了啊， 那么有些同学就问了，哎，老师你不是讲过吗？我们还有一个模式吗？还有个无障碍模式对不对啊？那么无障碍模式呢？ 好，我们现在呢，我们把我们的这个打开，打开以后我们找到 软件设置，把我们的这个看了啊， 这权限弱的权限关闭掉，保存设置，立即重启， 稍微等一下。啊，好，现在已经是可以了，可以后呢，我们二次要再连接一次， 已经连接了，刚，那么刚才出现什么问题呢？刚才我们并没有把这个打开，所以说我们要一下子把它打开，打开以后我们再进行连接，那么就可以了，就正常了啊， 当天呢，我们连接已经正常了，当前呢是什么模式？我们是不是把若特模式关了，关了以后呢？好，现在我们将用把这个东西呢进行注视一下， 我们找到我们的安卓自动化，然后呢你可以看到这里有点击坐标，这个我们点击一下， 好，它两个是不同的类啊，你会发现啊， 是不是好了么？这里呢，我们一样的把这个坐标复制过来，粘贴到这里来，我们运行我们无障碍的方法， 看到没有？一样能够把我们的这个 画板精品画板打开。好，我们下一阶段呢，我们来看第一个连接增肌 red 模式 选择也是连接连接手机。 好，那么这里呢，你会发现我们的设备这个窗口，这下面会出现两个东，这个东西，然后我们来看一下， 找到多个设备，请点击你要连接的这个设备，然后你可以看五五五四，它指的是我们当前的 rene， 这个 rene 九下面这个东西呢 才是我，什么呢？才是我的真机啊，当然如果为了呢，为了方便你确认呢？最好的方式是什么？是把你的这个模拟器关闭掉。好，当前呢，我们把模拟器关闭掉， 退出，再按钮连接好，你会发现什么？这里只找到一个设备，看啊，就是你数据线连接的好，现在他开始连接 好，现在已经连接完毕了啊，注意啊，如果你发现你用数据线进行连接的时候，总是连接失败，那么你要考虑了，是不是你的数据线出了问题。 好，现在呢，我们来看这里呢，当我们连接的时候，我们会发现这里面有什么，有当前我们的设备的一个信息，还有我们的屏幕像素啊， 连接好了以后呢啊，你会发现这里呢？哎，他又拒绝了啊，那倒计时啊，我们先不管啊，这个我们先不管，首先在连接之前你要找到设置， 然后每个设备啊，每个设备都是不一样的啊，大家注意。然后呢，这个是小米的，小米呢 更多设置。我们打开啊，这里呢有个开发者，开发者的一个选项，然后我们先 返回一下，先不管了啊，往上走还是重新打开这个我的设备进去， 进去以后呢啊，我的设备进去以后呢，你会看到这些东西啊，这些东西呢，先不要管啊，每个设备都可能不一样啊，你要自己到百度去找啊，这里呢，你可以看到这里有个全部参数，打开， 然后看到这个版本，这里指的版本啊，然后版本呢？开发版，然后你就这样双击他一下，快速的双击，他告诉你你处于开发者模式啊，无需进行此操作。注意啊，一定 要双击检测，然后他弹出开发者模式，然后返回，返回 再返回， 我这有点卡好，这里能往下拖更多设置， 然后找到什么呢？开发者的选项，这个进去，进去以后呢注意这个一定要把它开启第一个，然后往下拉， 这里呢有一个 usb 调试，把它打开，这个我已经打开了啊，你呢是不打开的啊，你要把它打开，然后呢 再看了这个 usb 的这个安装，安装应用要把它打开，如果你不打开，那么我们连接的时候它就不会自动安装了啊，要注意 这里呢有 usb 调试的按键设置，允许通过 usb 调试修改权限或者模式点击，这个要打开啊，这个它是关闭的。好，这些这些三个东西打开了以后返回返回返回啊，不用管了 啊，这样你先打开才能够连接，如果你不打开就连接不了。好，那么现在呢继续连接，因为当前呢我们的助手啊已经是还没有安装好啊，我们要继续安装 好，然后允许 好，我们这节课我们就讲到这里啊，下节课的时候我们接着讲啊，我们分为两部分。

前端开发小技巧，使用 online 或者 offline 事件监听网络的连接和断开。

这个视频带大家来做这么一个无缝连接的图片轮播的效果，我们来看一下我们要实现的功能有哪些。 首先我们这个图片轮播呢，它里面有五张照片不断的在循环播放，当我们一打开页面的时候呢，照片它是从右向左滑动的，当我们把我们的这个鼠标移进去图片里面的时候呢，它就会停止滑动， 再把鼠标移出来呢，他又会继续滑动了。还有呢就是下面这两个按钮，我们图片一开始呢，他是从右向左滑动的， 如果说我们想让他切换一下方向，我们可以点击一下这个向右走的按钮，他就会向右边滑动，再点击一下向左走呢，他又会往左边移动了。 这个效果里面呢，它涉及到我们 htmlcss 和扎巴斯克哈，不过呢也是比较简单和基础的，我们就来看一下具体是怎么实现的。 这边我们把代码放大一点，这里的话已经写了一个基础的一个 div， 这个 div 的话就是放我们图片轮播的， 然后呢这个 ul 就是放我们轮播的这些图片，下面这个 div 的话放的是我们两个按钮，现在先看一下他长什么样子啊，现在应该是很丑的，哎，就这么一个样子。 然后呢我们要把这边啊这一堆图片，首先把它的样式布局呢，先做成这么一个布局，我们来斜下它的一个 css， 我们现在就来 写一下 css， 先控制一下系统的一些内外编剧的话，先把它全部给清零哈。 然后我们先做 ul 里面的内容啊，先写这个 img， 从里面往外面写出来哈， 我们就直接啊直接写 i m g 吧，简单一点， i m g 的话，这个图片的话我们控制一下它的宽度和高度的话都是个三百像素， 三百限速的话，我们现在到浏览器看一下，现在刷新的话啊，他们的大小呢，就统一为一个三百乘三百了，因为他们本来就是一比一的啊。接着写一下这个力的样式，力的快， 温度的话给他一个三百啊，也是三百，和照片的一样，然后我们清除一下这个小点的样式，给他扔掉， 然后我们让这些照片呢，让他横着排列起来，再让这些照片的话给他一个 拍点，拍点 light， 让这些照片的话就有一定的间距哈，他的间距的话给一个二十个像素。现在我们到浏览器去刷新呢，他就应该横着排列，然后之间的话有个二十个像素的一个间距了。再接着来写写一下这个 ul， ul 的话我们给他一个宽度，宽度应该是多少呢？我们一共有五张照片，照片的话我们给他的宽度是三百个像素，然后每张照片之间呢，还有二十个像素的 一个啊，间距五张照片就是三百二十乘以五，就一共的话是一千六百个像素，然后高度就和我们照片的高度一样，也是三百像素。写完这个 ul 呢，再接着写外面的这个大盒子的样式哈， 整个大盒子他的宽度也一样，也是个一千六百，但是高度的话我们给高一点，高一点的话等一下放这两个按钮的，这里的话就给个四百啊，多给个一百个像素。 现在我们再到浏览器看，其实是一样的啊，没有没有区别，我们还要给他们做一下定位，这个定位的话我们给这个大盒子给他来一个相对定位，然后呢这个 ul 就相对他来做一个绝对定位啊，现在呢是看不出效果的，等一下我们通过 js 来控制的话，这里的话就用的上，就控制他滑动的话就是改变他们的一个位置的，这里的一个 left 的话先给他一个零，给一个零，这里还要做一个 ofloven 益处隐藏掉。现在的话是看起来是没有任何区别的，但是呢，等一下我们做这个用 gs 控制他们滑动的时候呢，就会看看出来效果了， 现在这两个按钮呢，他就不见了，不知道跑哪里去了。我们现在就通过样式来写一下，控制一下他们这两个按钮，他的一个盒子呢是这个 bu 啊，我们就通过这个 bu 来拿到他这个 bu， 这个盒子，我们给他一个四百个像素的宽度，宽度 是四百，然后因为他的大盒子这个 com 这个盒子呢，他做了一个相对定位，这样子的话我们就可以相对他来做一个绝对定位，来控制一下他的位置，然后控制他一个底部哈，一个包臀，包臀的话给他一个二十个像素。 现在的话我们可以先看一下，现在我们一刷新啊，哎，这两个按钮跑到这里来了，这里的话肯定是有问题的话，这两个按钮不可能出现在这里的，我们检查一下代码， 我们看一下，哎，疏忽大意了，这个空这个 id 选择器，我们竟然漏了一个井号，对吧？我们现在再刷新，再去看一下，现在我们再刷新的话，这两个按钮呢，他就已经出现在他的下方了，现在呢，就 是正常的。这里呢，还要让这两个按钮啊，放在我们图片轮播靠中间的一个位置，就好像我们做好的效果一样，放在这个图片轮播差不多是正下方这里哈， 然后我们来学一下我们之前学过这个水平居中的这个基础知识的话，应该知道，因为这里已经是用这个定位来做了，我们就可以给他一个 left 值，这个 left 值给多少呢啊？就是一个百分之五十， 百分之五十的一个 life 值，但是还不足以让他水平剧终哈，这里的话还要让他回退他自身宽度的一半， 这里就给他一个 transform translate translate x， 让他付百分之五十，就是往左边走他自身宽度的一半这里呢？我们再刷新看一下效果，这里呢？我们一刷， 哎，大家好像发现他并没有水平居中，对吧？这个时候我们打开控制台来看一下啊，其实这个 div 看到没有，这个 bu， 因为我们给他一个宽度是四百，大家看到这里出现遮罩的这个部分的话，他其实已经是在这个图片轮播 一个正中间啊，下方正中间的这么一个位置了。我们现在的话就调整一下这两个按钮，在这个 bu 这个 div 里面啊，在它里面的一个位置，那就可以了，现在就来写一下这两个按钮的样式，这两个按钮的话，他的 clus 也是这个 bu， 我们就拿到这个 bu 这两个按钮，然后给他一个高度，高度的话三十五个像素吧，宽度的话给他一个八十个像素，我们再做一下慢点啊，可以控制一下他们水平，水 屏的位置哈，上下为零左右的话给他一个五十个像素，现在的话我们再来刷新呢，哎，发现的话，他就他的位置就差不多就正中了哈。最后呢我们再把整个图片轮播放在我们窗口的正中间的位置呢，那我们这个布局就算结束了， 这里我拿到这个波底来做 玻璃的话，给他一个百分之一百的四口高度哈，百分之一百的四口高度，然后让他 display 为一个弹性盒， 用这个弹性盒子来控制一下里面的内容，水平和垂直都是居中的，再来一个侧轴的，也是一个 stand， 然后我们再来刷新，哎，他就放在我们 四口的正中间的这么一个位置了。好，那布局这一部分的话就写到这里，布局的话简单一点，就没有写的很精美的那种感觉。我们主要来看动画这一块，我们用 js 是怎么实现的，这里就来分析一下我们这个图片轮播这这一块的一个思路， 这里呢我就画了这么一个图，简单的代表我们这个图片轮播这十个小块就是我们的照片，我们通过 js 的话，首先要把我们五张照片给他复制多一份，让他变成十张，这样子的话他才可以进行一个无缝连接。 然后呢我们就控制我们这一十张照片哈，十张照片让他滑动，一直滑滑滑，滑到什么时候呢？滑到这一半的时候，我们迅速把这个整一个 ul 这十张照片让他 拉回来，拉到第一张照片的时候，我们通过过程序去做这一个步骤的话，大家是看不出来的哈，他拉的过程很快，所以的话是看不出来任何破绽的， 我们也就是一直在重复这么一个动作，当我们向左边滑的时候，就一直滑滑滑，滑到中间的时候呢，把它拉回来第一张，然后再滑，然后再拉，所以往左边的时候就是这么一个过程。 我们的一个判断条件呢，就是这个 officer life 和这个 officer with officer left 呢，就是我们 css 里面给这个 ul 他添加这个绝对定位的这个 left 值哈，在 cs 里面拿到呢，就是他的一个 office left， 然后这个 offsetv 呢，就是我们整个 ul 它的一个宽度啊，整个 ul 的宽度，等一下接他拿到之后就是十张照片 一个宽度了，我们怎么去判断呢？当我们这一个 u l 他在滑动，他滑啊滑，滑，滑到一半的时候，滑到一半的时候，因为我们这个 ul 他是往左边滑的，所以他这个 offs 的值呢，是越来越小，但是绝对值来说是越来越大的。 当他这个值小于整个 ul 他这个 offsetv 的一半的时候呢，我们迅速把他拉回来，拉到第一张起始的位置，重复这一个步骤呢，他就会实现一个往左左边滑动的一个无缝轮波的这么一个效果了。 如果这个 ul 往右边滑的话，我们又怎么去判断呢啊？当我们这个 ul 他滑往右边滑，当他滑到左边这里哈，左边这里这个 offs 了，他等于零，他即将大于零的时候呢，我们让他回 回到这个 ul 一半的位置，也就是让这个 offset left 等于这个 offset with 他一半的大小， 他就可以实现这个啊图片轮播无缝连接的这么一个效果了。就他往右边滑，一直滑，滑到这里，他这个 offs 量呢，马上大于零了，就让他回到一半啊，回到这个 ul 一半的大小。这里哈， 好，思路，大概就是这样子，那我们呢，就正式来写一下他 gs 部分的一个代码哈， gs 呢，我们直接写在 html 页面里面，我们写在玻璃上面，这里，这里的话一直接通过一个可以标签。 接着呢，我们就要通过这个 js 拿一下我们需要操作的这些元素，这个 ul 刚才说了，我们要让他复制一份啊，这个 ul 的话我们要拿到， 还有这些 li 这些图片都要拿到，还有这两个 bot 按钮。好，首先呢，我们先拿一下这个 ul 哈，这个 ul 的话先声明一下，辣的一个， 然后通过这个 document， 这个 call it the letter 拿一下我们的 ul， 这样子的话，我们这个 ul 这个对象就拿到了。然后我们应该怎么样让这个 ul 他自己复制一份呢？这里也很简单，这里有一个 oul， 有个 innerhtml， 我们让他这个 h 填标自身加，等于他自己这样子的话，他就可以复制一份了。 我们再拿一下这些小粒，这些小粒的话给他一个 ali， 这里通过一个科列史料， 哦，把这些小链拿，拿一下，再拿一下我们的这两个按钮 也是一样的，也是 chris letter or 把它的类名呢传一下 这里，我们这些 ul 这个 ul 已经拿到了，他已经是复制了一份，里面已经有十张照片了，但是这个 ul 他本身的宽度呢，是不足以放得下这十张照片的，所以我们这里必须重新给他计算一下他的宽度。 那他这个宽度这个时候应该怎么去定义，怎么去计算呢？我们这里已经把所有的小列拿到了，而且他是一个数组来的，我们随便拿到他数组里面的任意一个，我们拿第一个，还要拿到他的一个宽度哈，他一个 再乘以一个整个数组里面一共有多少个小列，我们复制了一份啊，拿到这个数组他的一个长度，再加上单位给他就可以了。 这里的话我们可以弹一下，看一下我们有没有把这个重新定义过的，这个有要他的宽度有没有拿成功哈，我们放进去。 我们刚才我们刚才写的时候呢，这个 ul 我们写的宽度是多少？我们我们看一下 这个 ul 呢，我们写的宽度是一千六，我们复制了一份哈，已经这里复制了一份。然后呢又重新计算了他的宽度，把十张照片十个小绿的宽度传给了他。这里的话如如果没有意外，这里弹出来就应该 是三千二百个像素。哎，这里没错，这里的话我们就可以接下来写。 其实我们这里还要定义一个东西哈，给他随便起一个名字，叫一个别的一个速度，就是控制我们这一个图片轮播他滑动的一个速度来的哈，这里的话我先给他一个直付二。 还有这里呢，还要写一个让我们这个图片轮播他运动起来的这么一个函数，我们叫木 木服呢，我们要判断一下，当他往左边滑动的时候， 往左边滑动呢，我们刚才说了，但我们这这个 ul 啊，这十张照片他一直滑，滑到 一半的时候啊，我们马上要把它拉回来，也就是说他这一个 office officer left 这个值，当他小于他一半的宽度啊， officer with 他一半的宽度的时候呢，就要让他重新为零。 所以这里就是我们的这一个 o u l 它的一个 offstair left 当它小于副的哈，这里是个副词 o u l had a 自身的一个 officer with， 然后呢，除以二，也就是一半。当这个条件成立的时候，我们就要重新对他这个 oul 他的一个 left 让他重新为零，哈，重新为零。这里呢是空 控制他往左边来移动的，我们再来判断一下他往右边移动的一个条件，这个条件应该怎么判断呢？我们回到这个图，当我们这个 ul， 当这个 ul 他往右边来滑，哈，一直滑，他是不是滑到第一张照片这个 off the lap 马上大于零的时候，我们是不是要让整个 ul 他回到他自己宽度的一半啊，也就是回到这个中线了， 回到这里啊，回到这里，让他再重新往右边来移。这个时候是不是啊？单这个 offset left， 当这个 offset left 当他的值马上大于零啊，我们就让他回到这个 offset with 一半的位置哈，所以呢，这里就这样子来写我们这个 o u l 他的一个 offset left 值，当这个 offset left 值大约零的时候呢，我们马上重新对他这个 left 值进行一个副职 复制，多少呢？也就是上面他这一个 ul 他宽度的一半， 然后呢，再加上一个 ps 给他，这样子呢，我们就对他往左边移和往右边移的条件就已经判断好了。接下来呢，我们就可以控制一下这个 ul， 让他有一个动起来的这么一个速度，也就是说我们要改变一下他的一个 left 子，让他 不断的改变它的一个位移，我们可以拿到这个 ul 啊，这个 ul， 它的一个 office left， 这个 office left 呢，我们 我们可以给他一个速度，等一下的话，我们就通过这个定时器不断的改变啊，不断的改变，让他不断的重复复制给他呢，他这个 left 子呢，他就会发生变化，这样子的话他就会产生这一个移动运动的这么一个效果哈，这里再加上一个单位， 这里这个死壁啊，这个速度哈，我们前面这里定义的话，初始化是给他一个副职，也就是说让他一开始他是往左边来滑动的， 下面的话我要让他自动可以运动起来呢，我还要给他做一个定时器，这定时器的话随便给他一个名字， 然后来个 set interval， set interval 呢，把我们这个函数放进去，然后让他每三十个好好秒啊，就运动一次。现在的话我们可以到浏览器啊看一下这个效果。这时候呢， 那我们一刷新我们就可以看到我们这个图片轮播呢，他就已经可以运动起来了。我们试着修改一下这个死逼这个数值哈，把它从负二改成一个正二， 没意外的话，他应该就是往右边来移动啊，正数的话就是往右边来移动，把这个值把它改大一点，这个时候呢，他运动的速度啊，就会快很多了， 我们还是把它改成一个负二，让他一开始呢是往左边来移动的，现在呢我们还要添加上这么一个效果， 也就是说当我们鼠标移到我们这个图片轮播里面的时候呢，这个图片轮播他会停止播放，再移出来他又会继续播放。这里的话我们要怎么做呢？ 其实这里很简单，我们只需要找到我们这个鼠标需要操作的这个对象，也就是这个 ul， 然后的话给他添加一个事件监听，监听的话监听什么事件呢？就是我们这个猫是 over 这个事件，这个事件需要让他干嘛呢？ 需要他帮我清理这个定时器哈，清理这个胎儿这个定时器， 这个时候我们就可以去浏览器，我们一刷新，哎，运动呢，他是没问题的，当我们把鼠标放上去，他就会停止运动了， 只是说我们现在把鼠标移出来呢，他还不会继续帮我们运动起来，没关系，我们接着往下写，我们现在要让我们这个鼠标移出这个 ul 的时候，这些图片他又可以继续 运动起来，这个时候呢，我们可以给这个 ul 再加上一个事件监听哈，这个时候我们需要监听什么事件呢？就监听这个鼠标他移出来这个事件，也就是这个猫啊，这个事件监听了之后我们让他干嘛？ 监听到这个事件的话，我们就要让他是不是重新开启这个定时器啊？那这个定时器重新开启我，我们应该怎么做呢？是不是直接一个 set interval 就可以了？我们这里看起来好像可以，我们试一下， 我们到浏览器哈，我们现在一刷新，当我们鼠标移进去的时候，他确实可以停了，然后移出来，哎，他又运动了，看起来没有什么问题。我们再次糟了，我们发现现在他停不下来了，然后出来，哎，他越来越 快了，越来越快，对吧？这里是什么情况呢？大家有没有发现在我们做这个猫是奥这个鼠标移出去的这一个事件监听的时候， 我们只是让他开启了一个定时器，但是并没有把之前这个定时器啊给他覆盖掉，也就是说当我们把鼠标移进去，他这里确实是 看电影了，把这胎母这个电池器给清掉了，但是他并没有清到这一个啊，对吧？这一个他并没有清掉，所以呢，我们必须把这个胎母在这里给他重新复制一下， 所以这里的话我们再去浏览器，我们刷新，哎，这个时候放进去移出来没问题，放进去移出来没问题，哎，这样子他就没有问题了，我们现在就剩下呢，就这两个按钮，控制一下他的 运动的一个方向，这两个按钮，哈，我们回到代码这个时候，其实想让这两个按钮来控制他运动的方向已经是非常简单了， 我们上面已经把这两个按钮都拿到了，这里是个数组，放的就是我们这两个按钮。还有刚才说了我们要控制这个运动的方向呢，就修改这个识别的他的一个正副直就可以了，副直他就是向左运动，正直呢，他就像右运。我们来给这两个按钮绑定一下事件啊， 先拿到第一个按钮，给他添加上一个昂克力事件，昂克力之后，也就是说点击之后我们要让他干嘛呢？ 是不是直接修改这十笔？直修改他的一个正负值就可以了，对吧？让他是一个负数，这里的话还是负二，然后第二个扭负 这一份哈。这里的话第二个按钮被点击的话，直接让他变成一个正数。现在呢？我们就到浏览器去刷新看一下这边一刷新，哎，没问题哈，放进去没问题，移出来没问题，然后让他向右走， 哎，向左走都没问题。好，那我们整一个图片轮播这一个项目的话就做完成了。好。

哈喽，各位观众朋友们好，今天我们来学习 nisajc 第二十四章 nisajc 去连接这个数据库， ok， 那数据库的种类呢？是非常多的，有这个麦斯口， oracle， mango db 啊等等， 那现在企业呢，用的这个麦色口呢还是比较多，所以说我们今天使用这个 niceases 去连接这个麦色口， ok， 那第一步的话我们就需要安装一下这个麦色口，那你如果装过的话，你直接可以去跳到后边。 ok， 那没装过的话直接点击这个链接就好了，这是我之前写的一个 保姆级的一个安装教程。 ok， 我们可以来看简单看一下啊。那首先去这个麦斯口的官网呢，去做一个下载，点击这个登录的，然后呢去找到这个社区版，然后去下咱们这个麦斯口，选择对应的这个操作系统去下载离线版，然后选择不登录， ok， 然后下载完成，跟着这个教程去安装就 可以了。 ok， 或者的话你嫌麻烦，你可以使用这个刀口，对，下面有这个刀口，刀口的话就这个一行代码，非常简单的。 ok， 装完之后呢，我们就选择这个 o r m 框架，那 o r m 框架也是有非常多的，像这个四扣 leis 和这个泰普沃 m， 那么就使用这个老牌的太 prom， 因为它是使用这个 type squebe 的编写的，所以说可以很好的与这个 nicejs 呢做一个集成。 那什么是 om 框架呢？ overm 框架呢？他其实就是做这个收据库的对象，映射的就是我们不需要去写这个色库语句了，就是我们比如说掉这个饭的方法，他就相当于代替我们使用了这个 c like 的信号 from 去查询啊，或者是 crates， 呃，就代表这个增加啊等等去代替这些色扣语句了。 ok， 那么第一步先安装一下这两个依赖， 去让我们这个 nice 呢，可以去支持这个太破网和连接这个数据库。 ok， 那由于我已经装过了，我就不再装了，大家直接放进来装一下就好了，那你如果使用是这个，偏偏你把这换下就行了，或者是压的话。 ok， 然后装完这个之后呢，我们需要安装一个数据库的一个可视化工具，那可视化工具呢，也是非常多的，但是我在 vs 扣子里边找到一款也是非常好用啊，我们可以点击这个扩展，然后呢去查找一下这个 database， 就是这个第三个 database clint， 去把这个装下就好了。 装完之后呢，你这会有一个桶，然后你点击这个的的 face 去做一个连接就好了，点击这个加号去连接我们这个数据库。 ok， 那这的话我就已经连上了，然后呢他会把我们这些库呢都占 制出来，或者话也可以新建一个。那给大家演示一下，直接点击这个加号，然后咱们新建一个叫这个什么低利吧。 ok， 然后保存完之后呢，右键选择这个执行这个全部四口。 ok， 我们刷新一下。哎，这时候呢就创建出来一个地币了，对，使用这个去创建一个库啊，有了库之后呢，我们就可以做一个连接了。好的，刚才那些依赖呢，我们也装完了，连接的话，我们可以使用在这个 app 猫酒里面去做一个连接。 ok， 那首先需要引入一下这个东西。 呃，艾特 nice to 泰普人，对，他叫泰普 overn 茅酒，就是这个东西。然后呢？他这个初始化叫 forrute。 ok， 它里面有非常非常多的配置像啊，配置像的话我们就粘过来吧， 太多了。 ok， 基本是这么多配置像，第一个是数据库的类型，那我们这的话就连接这个 maxco， 那你如果是 mango， 你就写什么对应的 mango， oliko， 就写这个 oliko， 然后这的话是我们这个数据库的账号，我们这默认是入去，然后密码的话，我是写成一二三四五六了，还有这个厚色啊，默认应该都是 logo， house 端口的话默认就是三三零六。还有我们这个库名，我们刚才建了一个 db， 这的话我们就连这个 db 就好了。 ok， 这是 n 的体，就是我们这个实体文件，这个我们一会再来讲。 ok， 下面这个是自动同步，自动同步的话建议生产环境时不要使用这个，会出一些问题。开发环境的话可以使用 这个，所以说你可以通过一个环境变量去做一个判断，然后这个蕊踹，这个蕊踹的话是重连数据库的一个时间的间隔，下面的话是一个次数，最后一个话是这个自动加载我们这个实体。 ok， 那引路实体的话一共有三种方式， 那我们再来建一个项目吧。 ok， 那么就是用 nice， 这啊，也是创建一个 tize 吧， 那遵循这个 rest， 然后呢？创建一个 c y d， ok， 就是这个泰斯，实体的话，就是我们这个 antita， 这里面这个文件。啊， 啊，我们刚才讲了一个有三种方式，第一种的话，你就是手动引入在这里去引炮的这个文件，然后呢去给它塞进去。这是第一种方式，非常非常麻烦，那你如果有好几个这个目录，你有一百多看在你这的 写一百多次引入，那也是很麻烦的。第二种的话就是这种让他去匹配在每个目录下面呢，去找这个恩德地文件，比如说太子目录下面啊，他这里边呢就给你自己去找去了啊。这是第二种方式，这种方式的话也是不推荐，我们推荐使用第三种，就自动加载这个实体， 你们就不需要这个了。呃，自动加载的话，我们可以给大家演示一下啊，比如说我们就在这个 n 的题这个实体里面去定一点自断，定一自断的话，我们需要引入一下这个太 prom， ok， 第一个我们要引入这个装饰器，就是这个实体把我们这个类呢装饰成一个实体类， ok， 然后这个其实就是我们这个表明，对，太和就是一个表，然后表里边有很多字段，比如说 用户是吧？有这个内部为 string， 还有这个什么密码，这样子为这个什么也是一个 string， 还有 a 值为 number， 这样子，我就随便简单定一点，当然还有我们这个主见这个 id 为 number， ok， 那这是里边这些字段，那如果我们去定义这些列的列的话，我们需要使用这个咖了，使用这个装饰去定用这个列啊，直接给它放上去就好了， ok， 这样定的话也是非常简单啊， ok， 那这个 id 呢？我们一般是自增的，所以说我们这里需要引入一个 这个帕莫瑞杰纳瑞塔卡了，这个的话就会帮我去自增这个 id。 ok， 这个实体呢就大概已经定完成了， 完成之后呢，我们需要做一个关联，在这个猫酒里边，我们先引入一下这个实体，呃， test， 在这个 integrity 里边。 ok， 然后呢再引入一下我们这个太普 om 的猫酒， it's nice to typo， i'm ok， typo and mojo。 然后呢我加一个 inpro test， ok， 关联我们这个实体的话，就使用这个佛飞车，这不是佛入去了，因为它是一个数组，然后呢把我们这个太子给塞进去就好了， ok， 来保存一下， 哎，我们等待这个服务充气一下， ok， 保存完之后呢，他就会去帮我们创建这样一个表，我们再来看一下这个 datebase， 然后还是这个 db 发现一下，来发现这个泰瑟，这个表它就已经创建出来了，然后对应我们这个自断 idnaa 制什么 password， ok， 所以说我们可以使用这种方式去关联我们这个实体， ok， 其实也是跟我们这个麦斯口也是一样的，我们可以来看一下， 那么连接一下我们这个 mac 口，那就是杠 u 为 root， 然后杠皮啊，密码就是一二三四五六。好的，已经连进来了。然后我们来查看一下这个库 啊，一共是有这么多，那么切到这个 db 里边，我们是用柚子切到 db 里边。 ok， 我们来查看一下这个表 啊，只有一个泰斯特， ok， 我们去查看表里面的详细信息，使用 discribes， ok， 那大家可以看到其实也是一样的，完全没有问题啊。 ok， 那以上的话就是连接数据库，下一张的话我们会去讲这个实体里面的一些详细内容。

用 cancat 的方式连接啊，最后呢，这边有一个类型强制转换， 转换，那么我们可以用这个 speed 加一个括号的方式，把数据放在呃参数中， 就能直接把它转换为字符串啊。 好，那么这几个类型前置转换，那么我们知道啊，这个 articat 是一个什么呀？它是一个数字，对不对？它是一个数字，那么我们就把它转换成为字符串，为什么要转换呢？因为 concat 中的参数， 他要求我们给他提供的是一个字符串，明白吧？ 来，必须将被连接为一个字符串或多个字符串对象啊，所以呢，我们给他的需需要是字符串，不能是其他的东西，那么如果他是其他的东西呢，我们就用 spin 的方式给他直接强制转换一下，之后这两个加号可以去掉。 之后呢，这里的话给到第二个参数的位置啊，当然还有更简单的写法啊，那么我为了让大家看起来舒服一些，所以呢，我以这样的方式来讲，好吧，那么这里的话， string 这个的话，我们就可以把它转换成两个，转换成一个，这两个相加吗？对不对？这两个相加，那么我们直接放进去， 哎，就是这两个相加，那么两个，因为它两个其中有一个必定会是一个字符串啊，我看 max， 是 啊，对，这个 max 杠 f 啊，它必定会是一个支付串啊，所以呢，支付串跟一个数字相加，它会返回一个新的支付串，那么这里的话，我们再来一个云，把这个支付串也给到他 之后，再往后呢，就是还要来一个俊， 把这两个相加的值也给到他， 那么这里再给一个值啊，再把这个给到他，那么这样子他返回的结 果呢？跟我们刚才的是一样的，明白吧。呃其实我们写这一串串的时候呢，我们还有简单一些的方法的啊，但是我这样写呢是为了大家能够更好的去理解这个 cancat 是什么意思， 那么到后面的应用中呢，我们呃或者大家也可以自己去尝试和琢磨一下。其实呢他这个 steam 看看他可以怎么样， 他可以直接用一个加号跟后面的所有东西进行零件哎还是用几个加号零进去也可以的啊，也可以。 好，来我们运行看一下结果。诶报错啊，那么这个改成二好我们看看结果是否有什么问题啊。 呃本年度哎没有问题啊哎。这边显示了个五十九云这边显示了个五十九云啊，我们看看五十九有吗？没有啊，我们看看是哪里出问题了。为什么写了个五十九啊？ 嗯这个加上最低是最低是五十九元， 最低是最高销售是十元一百三十五元，那么这里的相加没有问题啊。 maxf 那么这个最低是这里的相加有一点问题啊，那么我们看看问题出在了哪里啊？ 我们在这里呢打一个断点啊，这个调试的方法大家一定要掌握哦，那么我们直接把这个选中看一下他是这里出问题了，那么他是五十九元，那么为什么是五十九元啊？我们看看啊。这个是什么字啊？这个是一个五字，为什么会是一个五字呢？ 我们的 me 顶 f 为什么会是五呢？ me 顶 f find the string and tie up 顶 value up， 他去查找的是 五十四， 在这一行里面去查到五十四 啊，为什么会返回一个五呢？哎，我们来看看啊，我们来追到这句来看看。 哎，他返回的确实是五啊，其实这里最小值返回的应该是哪里啊？哦，这里有个空格啊，刚刚我说了这个有空格会出问题，对不对？那么就是这个原因导致的，好吧，好，我们重新来计算一下吧，重新来运行一下。 好，那么现在就是对的了啊，现在就是对的了，刚刚他定位到了这个位置上面被隔断了啊，被隔断了，所以导致他错误，所以呢，我们用 in 的方法去定位的时候，要注意根据表的情况来定啊，如果说是有空格出现这样 情况的话，我们就不要用这个方法，换一个方法就可以了。好吧，好，那么这就是我们用 cancut 去进行连接的，其实看起来是不是这个还要更简单一些， 虽然看起来好像呃加号用的很多会有点蒙，但是呢，我教大家啊，写的时候如果不好写啊，我们看着有点蒙，我们可以这样 这样把加号啊给他隔开一下，特别是我们去写一些公式的时候，我们在工作表中啊，是可以通过字符串的方式直接把公式给他写进去的，那么我们可以啊， 公式中会出现加号啊，所以呢，我们可以这样去把它稍微隔开一点点，那么我们看起来的话就更清晰一些，好吧。

全部导入到 ccd， 而且是分层的，这十分方便我们的一个工作和操作，比如说我单独想把其中某一个路径挤压出来，或者是扫描出来也是可以的。 然后呢我们呢首先呢啊按鼠标中键全选这些，或者是按鼠标左键全部框选，然后呢右键链接对象加删除。 在这个之前呢我们呢要按 ctrl 键复制一个出来作为它的备份。然后呢我们双击啊，按 alt 键双击这个小圆点隐藏掉，然后呢再按中键全选， 右键链接对象加删除。好，然后呢得到我们这么一个三三个化的一个路径啊，以上这些操作呢，都可以用一个脚本来完成啊，客户呢会给到大家这个 e d i t 的， 比如说我们点击这个路径，点击一下，他就会把我们刚刚这些步骤呢全部统一用这个脚本呢给完成了，十分方便。然后呢我们给一个圆环， 首先呢在给圆环前呢，我们把这个尸体路径呢点击这个复位。 ps 二复位。

g s 老师今天有点放肆。我说实话啊有点飘了可能是 g s 老师有点飘了你们觉得呢？啊 啊我我叫他一下 gs 好像有点飘了我们阴阳他两句好不好 他想他你看他像二考五确实飘了，明明白白飘的挺明挺明显的。确实是飘了啊阴阳他两句 干了干我看他在不在啊哎哎啊来了刚想下呢 择日不如撞日吧。 呀这不是 g s 老师吗 啊你这么叫我是不是呀怎么了这是怎么上来生气了刚才刚才我走之前不是这么叫我啊儿子怎么生气了呢怎么还怎么声音这么大。你小点声咱很熟吗啊啊啊什么 今天今天不开心吗？说你你说什么呢你你问的着吗咱俩很熟吗啊 gs 老师晚上好你连我有什么事啊 我不是他怎么变了啊 谁给他说什么了什么说什么呀刚才不好好的吗什么时候好好的 了吗刚才还还还把空调给你就是安排到最合适的那个温度啊你还踢空调你走之前你走之后空调都关了你是给我按死了我我走之前我怕你冻着真的啊谢谢啊就是他抓住抓住了就是他。 昨天是不是因为你那个房间你那个房间真的很冷给我热出都冒汗了还冷 我怕你我真怕你冻着你别怕我你给我热冒汗我都出汗了昨天我也出汗前天我也出汗了是不是都是你你说哈哈哈不是抓住了就是他抓住了家人们真的他整我 他故意的还说刚才倒水你倒水你是不是想讨好我。谁理你。没有没有没有没有没有那个意思 不好好的吗。谁跟你好好的。那上午那上午那下午。你别你别说上午。我听说你要二考。我 我咱不今咱不感冒了吗。感冒了怎么考呀。哎呀感冒了，而且咱们感冒了唱歌对吧。是肯定是会可能有可能 有一点点可能会会有那么一点点可能有小瑕疵，或者是 gs 老师不得了。都可以都都可以理解。那就说不感冒的话是不是他就是第二卡了家人们他们，哎呀不得了了，现在 gs 老师可真是厉害了不得了了。 那些多多少少高高低低的前前后后左左右右的你是不是有点飘啊 gs 老师家人们他肯定觉得我飘了。完了 解释不清了解释不清了坏了坏了坏了坏了飘了是吧。啊在在听在林夕阁排档的时候 哎是吧还整个还唱歌还七月还学我。对对他学我他学我好多次他还学我他还他说话学我他还要他还他还吓唬我他下播他排档他。哦你等着我这我就过去。过来给我倒了杯水 给你。能的。你挺厉害吗？我不好吗你不开心吗你不是挺厉害吗打我吗。你不是我我要过去给你倒杯水。我怕你 以噎渴着。噎着是吗。好你想噎你想噎死我是不。我怕你居心叵测你这个人你这个人你居心叵测。我跟你讲小心心们看清他真面目。 哇这个假兄弟啊这假兄弟假兄弟。他。你飘了你说这我不服。明天明天你不服是吧。来你不服你不服。这样你说 我不想怎么了我想让我想想那个刷一刷点别的牛排先别刷。 呀呀呀呀呀呀呀呀。哎呀哎呀咋什么意思啊。 不是我没动手什么意思啊？先别刷是吗？等会是吧。哎，别着急。 好好别着急。哎哎好，你这样输了你请我吃和牛，咱打一把 pk。 你这样吧，咱不是 打 pk， 输了输输，输了吃和牛啊。假的，输了吃，输了吃和牛。那赢了吃什么？谁赢。我赢我赢我吃你的和牛。那我我好像我有可能赢吗？ 飘了飘了，家人们真的飘，他要赢我。没有没有没有，不是我不是要赢你，你听我解释。我的意思是万一，万一有人心疼我 就是想对吧。咱们楼下这么多吃的，什么沙县呀，黄焖鸡啊，或者 什么都有对吧？咱们一天比赛了，这样整的省钱呢。这咱们打怎怎么打省钱家人们，但得赢。给我给我出主意。 打榜十。榜十是什么？你纯欺负人啊。榜十是什么？榜十是什么意思？嗯，纯欺负人。你告榜是什么？你给我解释解释。 榜十就是顾名思义吗？就是榜十的意思。榜十什么意思啊？ 嗯，榜十嘛，就打榜十。榜榜十什么意思啊。我也不知道， 你不找啊。打榜一百吧。那不行，你说什么 就行。罚一百是什么意思？你这样吧，我晚上团个卷先打。我不怕团卷。那不打了，直接请吧。好，这么定不打吗？不打直接请吧。你这团卷你还。反正你啊，我打完了我再决定我团不团就是第一百个谁的分高。 一百个人谁的佛高啊一百个人谁的佛高。那这咋看？这在哪看这个哎对呃，等会打完吧。打完我再我再跟你说来。什么意思？ 比点赞也行。你哈哈哈哈哈哈哈哈哈哈哈哈哈哈 我是真不该关呀热死我了你知道吗我刚才我热了我就出去开空调我一看关了我说，哎谁又关我空调。你没有没有没有我走。我我我我走的时候我。呃，杨总那个房间我关了一下。我没想到跟你那是一起的。 对呀，我没想到我给你戴上了一起的。你知道我跟你说过你故意的。我。你现在还找理由。我好我错了我错了我错了我错了。你这样你说了算。来 今天依了你。你说和牛呗。和牛的话。哈哈哈。国国产的吗？还是说哪的 谁那谁管谁管谁吃谁吃。国产 这玩意还有车？明天明天明天银泰中心去。那谁谁去吧。我不团卷了团卷团卷团卷的话就是有点掉面子。真的。 你看飘了还要面子。哎。飘确实飘确实飘。我我我请你我请别人我请别人。别说团券了， 这拼多多我也得拼。我不告诉别人。你放心你团你偷偷你现在你说你不团，完了你偷偷你团没事我不告诉别人。行行行行， 他没团啊，家人们小心心吗？他没团不要传出去啊。他不团行我不钢钢铁一般的男人从来不就不就不就不。打折打不了我真不团我真不团。嗯， 行好，那就不打了啊。嗯，你直接吃呗。嗯，行行。那挂了吧。好了你等会啊。等会。你明天明天不打活动吗？啊？为什么？我刚听说杨总不要你。 什么他不要我？不是，是杨总不参加他。本来他就不参加，人家老板怎么参加。对，那如果我要被送上去怎么办。 那谁管你啊那谁管你啊。国管你。没搭让呀没搭让活该自己打我那和牛还不行吗。和牛不行和牛整不了。 和牛不行的话什么行呢。挂了吃了不吃了挂了不吃了。吃吃吃吃该吃吃该吃吃。明天明天咱们随意。好吧， 先欠着，明天有点忙。行行，那明天先先欠着下周。 嗯，行行吧，那么说定了。然后呢？我问你你原谅我没有吃了再说。你原先原谅你再晚安。明天你再关我空调呢我。 你要那么说你我不跟你犟啊，就你还得关注再说。那你明天你万一你在在在在厅里面你在唱我歌你在说我呢 是吧。你看你看不说话了啊。周一吧家人们家人们咱们就看周一好吧哼。嗯你现在你就 跟以前你就不一样了，你变了，你有点沾点你就是以前你憨憨厚厚老老实实，你现在沾点有点腹黑了。我觉得没有有点叛逆了。你就反骨了你现在开始你你反骨你都知道啊。你是不是啊。 谁跟你说的呀。不是坏了。怎么你什么都知道。我看公屏上说了四个字啊。我觉得挺说挺好。感情淡了啊。淡了淡了。没有淡没有淡。嗯，真的没有淡。 他还想二考你可不咋的，他唱歌又唱我关我空调还二考。我每每天的话每每天的话兢兢业业什么样子。刚才我有两片小饼干我两两包小饼干拿走我一包还你看你看他，你们都说我记仇你看他。 呵我要不跟他认识那么长时间，真的我就两包小饼干，他拿走一包能是一样吗能是一样吗？就拿一包饼干我那一包我吃了。我我摸我摸手上，因为那饼干是红色的家人们你们知道吗？我摸手上，我以为我哪流血了。真的。 你可拉倒吧你。行了，再见。挂了，但是手挺好吃，去吧。走了，再见。啊。好 吃吃。吃什么？你吃你挂。我太坏了他这个人。