vform表单设计器怎么用

在项目开发的时候遇到这种可视化表单，如果实现呢？比如说在左边是我们相关的一个组件，我们通过在左边去拖动组件到中间，然后我们就可以去实现相关的一个可视化表单了， 我们在这里可以简单的预览一下，然后针对于这个表单，我们可以在右边去进行相关的一个配置，针对这个输入框的这个组件，我们可以去给他定义一个这段名称以及提示信息。另外我们也可以针对于这个整体的表单进行一个统一的配置，比如说这个标签位置现在他是居左，我们可以让他居右， 或者说让他往上，如果自己去手写这么一个东西还是挺费时间的，我们可以通过网上现有的一些组件，比如说 form quick 的 可以去轻松搞定父母表单。他提供的 ui 版本有我们常见的 animal plus， 当然也有些其他的一个 ui 版本。其次针对于 v u e， 他也有另外一个基于 v u e 的可视化表带设计器，在这里我们可以去查看 看看他的视力。嗯，支持 vv 三版本以及 vv 一二版本，他的使用也是非常简单的，比如说针对于 vv 三，我们可以去安装他的依赖，然后去进行一个挂载，这里去直接引用组件就可以了。如果要配合后端存储数据的话，我们可以点击这里有个生成表单，我们可以去获取到这个组件中的一个表单的生成规则， 比如说这里我们通过这里的两个方法去拿到他的生成的一个规则，然后将这两个字段，然后保存到后端的数据库中，最终要回险的时候，再将这两个字段设置进去，然后也可以通过规则去生成表态，整体上来说还是非常简单的，你学会了吗？

今天我们来分享一下如何在网页上安装一个联系表单 contact form seven。 我们先说一下为什么我们需要在页面上 添加 contact form seven 这种联系表单，那如果一个用户呃想给我们发信息的话，会有三种方式，第一个呢，他可能会复制我们的邮件，然后到他的 邮件列表里边进行写邮件，或者是点击我们的邮件，然后呢弹出邮件的客户端写邮件。还有一种方式呢，就是我们今天要讲的联系表带， 客户呢可以直接在我们的页面上啊输入他的想填的一些信息，然后呢点 你发送就可以了。那这三种方式呢？无疑啊，这是最快的一种方式，我们需要做的就是让用户能够以最节省他的时间的方式来给我们发送巡盘。 所以呢，这就是为什么我们需要安装一个呃联系表带，那我们呢，今天以 contact 的 form seven 为例来给大家演示一下 我们来看什么是 contact 的 set， 为什么我们呃选择它这个呢也是一个连接表带，嗯，但是呢，我们还是用 contact form seven 来给大家演示 呃他目前呢已经有五百万用户在使用，而且呢完全免费啊。后期的话，我们还可以搭配 谷歌呃分析来查看一下转化的效果。我们也可以呃来通过其他的一些搭配其他的插件来实现 contact form 在外 阻止垃圾循盘的这种功能。而且呢我们还可以通过插件呃来把所有的客户的循盘下载下来保存起来。 那所以呢， contact form seven 呢也是非常好用的一个插件。那我们今天呢就来说一下它是如何安装的使用并且配置的啊？首先呢我们进入 嗯 word press 的后台，呃点击安装插件，然后呢在这里输入 contact form seven， 然后就会 找到这个插件，我们呢安装然后启用就行了，因为这个我已经安装过了，不再给大家演示。之后呢我们会看到如果你安装成功的话啊会看到一个联系的 界面，那这个就是康大 fm 三百，如果你找不到的话，你可以到插件里面安。呃已安装的插件里面来找到啊，这个联系表带啊，那我们点击 呃联系表单啊，就会出现他的是自动给我们出现一个呃联系表单啊，就是联系表单一， 这个上面呢会有一些基础的格式。我们先说一下什么是表单，在这个地方哈，他会显示在啊这里啊，就就这个地方，他是一个基础的一个框架， 那我们来看一下，如果我们想删除掉一部分的话，你比如说我们想把这个请选择删除掉，那我们看一下啊，大家先看一下这个效果啊， 这个地方是是不是有个选择哈可以选择的地方，那我们想把这一块删掉，我们来看一下，我们把它删掉， 然后呢我们点击保存， 然后我们刷新一下页面，看看有没有变化 啊，大家可以看到这个地方已经呃没有刚才的精选的那一个呃栏目了，所以呢啊，这 就是我们说的哈表单呢，他就是一个基础的啊显示的模块啊，我们想要显示什么可以显示客户的姓名，这里需要让用户填写他的姓名，填写他的邮件，填写主题，还有填写他信息，然后点击提交， 我们呢还可以哈，呃通过这个表单添加一些其他的，你比如说哈我们让他添加一个电话，这个地方呢是在一个呃 label 标签里边，你可以 按照它的这个写法来写啊，那我们看一下，呃这个地方呢是你看是这个地方有个信号呢，就是必选啊，有个信号是必选， 那我们呢想添加一个您的电话 电话您的电话，然后呢？呃这个地方大家可以看到啊，有文本，有邮件地，有邮箱地址，因为这个这个地方已经有了邮箱地址啊，文本呢就是这个啊这个文本地址， 然后呢还可以加链接，然后电话数值日期，文本段下拉开单复选框，单选接受，呃测验啊等等的，我们都可以啊来添加到这上面啊，添加的方式也是非常简单，你看我们来给大家添加一下，看一下 这个档啊，你可以选是必选的还是呃可选的？如果是 必选的话，就这个地方我们给大家说有一个小星的啊，小星星啊，这个地方 呃默认值呢是什么意思？就是呃如果我们写上默认值的话，他就会在呃，他就会在这个地方啊，有在这个地方有呃相应的字符，我们写上吧电话我们写 tia 电话。 那这个 id 属性呢和样式属性呢？他呢是呃改变表单的样式，大家可以看一下这个表单呢他的样式呢是根据这个主题来定的，你看我没有做呃任何的调整，但是呢他是这么显示的 啊，他是这么显示的啊，呃他呢就是和这个主题是融入了这个主题。 那你想把这个按钮变一下可以吗？是可以的啊。那我们怎么怎么变呢？我们就需要呃通过这个地方 id 属性，呃写，呃 css 的 id 属性和样式属性。这个地方呢不给大家说了，因为会涉及到一些代码的。 呃知识啊，不给大家说了。嗯我们的这个表达呢就完全能用是没问题的。嗯如果你想深入的学习的话我们的这个网站上啊也有一部分就告诉你怎么呃来改变 contact from seven 的样式，因为 contact seven form seven 它呃可能就是不是你想要的样子啊。然后我们可以通过就是刚才修改这个 id 的方式 啊来修改一下。那我们先不修改啊，我们插入标线，插入标线啊就在这个地方。嗯我们来看一下啊我们来看一下。呃这个有没有啊？呃变化 啊，这刚才没有添加电话的时候是这样，然后我们看一下添加 电话之后他是什么样啊？大家看看啊这是添加电话这地这个地方添加电话您的电话。嗯这个地方是我们说的啊，我们他会你写完之后他会在这里显示 这表单内容啊。咱再给大家举个例子啊，你比如我想添加一个下拉式的菜单啊，怎么添加？然后点击下拉式菜单啊，我们可以选是必填的字段还是不是必填的字段。然后呢可可选项，呃 你这边显示每行一个选项，我们写一二三， 然后呢可不可以允许多选然后让我们允许多选，然后我们插入标签插入标签呢？ 如果哈你想和上面的格式是一样的那我们呢就需要啊把这个 label 标签复制一下 label 标签复制一下，把你想写的这个画也复制一下。 这里我们啊看一下，做个区分，看看他会是什么样的。点击部分 我们看一下啊，加了一个嗯，瞎了的复选，然后大家可以看到是这个样子。呃，我 我们没有加 labo 标签，所以呢他这个地方也没有啊，我们没有写这个文字啊，和他是不一样的。那我们来看一下啊，再给大家演示一下啊。为了让大家看清楚，我们再给大家演示一下， 我们把 libo 标签加上，呃网页的标签呢，都是一个呃开始标签，一个闭合标签啊，不要忘记，如果忘记的话就不会成功。这地方呢我们写的是 啊这个地方可选啊和不可选，其实我们呃在添加的时候已经选了，虽然这里是可选，但是呢他是必选的，因为啊他有这个，他有这个，如果我们把它删掉的话，他就这个星星，如果删掉的话，呃他就是， 嗯复选的啊。再一个我们来看哈这个提交的按钮，提交的按钮呢？是在这啊，他是提交啊，这个地方是提交，那我们想把这个文字改掉，怎么改啊？哎，再提交，再 啊来啊，就这个提交按钮他是怎么出来的？是在这个地方啊，在这个地方打开看啊，是提交，然后我们啊放上两个按钮来看一下。提交标签，我们 写提交英文的提交，然后呢啊他的话就会是， 呃显示，它不会显示提交啊，它会显示 w mat 这英文，我们来看一下是不是啊，刚才我们做了两个改变啊，第一个改变呢是 增加了复选框啊，复选框，我们增加一个 label 标签，看看它会变成什么样，然后呢我们还增加了一个技巧大按钮，我们来看一下啊。呃先看没有改变之前样式啊，这是复选框 啊，下拉的下拉的，呃选框。然后呢这地方只有一个踢球，那我们改变了一下，看他会是什么样？ 这边我们刷新一下，大家可以看到啊，他是不是啊？这个地方啊增加了一个按钮啊， submate 啊增。这个地方增加了一个复选框，嗯写出来了复选框。 在这个地方啊，其实我们还需要设置最重的地方啊，是设置邮箱，设置完这个表达你想让客户在后台看到，在在这个我们网页前台看到的一个内容啊，是什么啊？就是 从表单里进行设置。那我们还可以需要设置一下设置邮箱，这个邮箱的地方呢非常的重要，一定不要写错。呃这个地方呢一般呢是，呃如果你是用你的邮箱作为用户名安装的我的 price 吧， 它会这么显示啊，或者呢它一般是这样显示，它一般是这样啊，然后呢加上你的玉米的形式，呃 这个地方一定要呃写对啊，如果你不写对的话会非常的麻烦，你可能邮件就发不出去。这个收件人呢你可以写多个啊，比如说我们写两个或者三个，然后用逗号啊来进行分割，用逗号来进行分割 啊，这个地方我们就不用动他啊，不用动他啊，这个地方呢还可以添加，呃呃判断用户的 发巡盘的人的 ip 地址啊，可以添加一段呃代码，但这里咱不用添加了，因为有时候你添加这个代码之后可能会导致发送不成功啊，我们还是第一个 是稳定，因为呃循盘呢是最重要的，我们希望我们的这个表单呢，他是稳定的啊，可以牺牲一些功能，但是我们一定要让他稳定。 呃，这是邮箱，邮箱设置好之后呢，还有留言，留言呢，这个地方哈，就是你发送成功之后，他会显示 你发送的信息成功，或者这个地方你可以自己写，但是呢也不要紧，可以根据你的需求写，你你你比如说用户发送邮件成功了，你可以说啊，我们呢会在多少小时之内联系你，你的信息已经发送成功之类的，这个可以自己写 啊，也可以啊，不写啊，我们说了，我们呢需要的是稳定啊，这个系统稳定就行了，不用很复杂，我们需要稳定。 然后呢？呃，改完之后点击保存， 保存之后呢哈，大家可以看一下啊，呃，我们呢第一步呢是安装插件，激活插件，第二步呢是呃配置表单还有邮箱。那第三步呢，我们呢需要把我们的这一个 表单放到相应的位置上，那对于我们网站来说啊，主要就是放在哈， 嗯，联系我们的页面，那这就是个联系我们的页面啊，我们把它放在你想让他出现的位置前面的时候，我们讲过，呃配置标的啊，一些使用方式。那我们呢今天来给大家演示啊，怎么把它放在一个 相应的位置，你比如我们把这块删除掉哦， 马上会删除掉哈，然后你看他这个表单就没有了哈。嗯，我们给大家演示一下怎么添加上，然后呢？呃，点击这里哈，插入一个元素，我们写用这个 h t m l 原版， 然后呢把短代码粘贴一下啊，从这里大家可以是不是可以想到了我们以前的时候讲到哈， 怎么在首页或者是在产品页面调用无 commos 的产品，我们也讲到了短代码，短代码呢， 呃，后面的时候我们还会讲啊，讲幻灯片的调用，我们也是用的这个短代码啊，所以短代码在我的 price 里边用途是非常大的啊。呃，然后呢粘贴过来，大家看显示这样的，我们保存一下 啊，是不是他变样了啊？变样了，就是刚才我们呃填写的那些一些刚才我们设置的，我们想让表单如何显示，显示哪些内容啊？啊，然后呢哈，我们点击完成， 点击发布就可以了，这个表单已经放在这个相应的位置了， 那我们呢哈再把这个表单的样式改一下，因为，嗯，刚才呢是为了让大家演示清楚啊，我们把它改一下，然后呢看看发送邮件能不能成功， 直到编辑表达这里啊，我们把这一个 t 九按钮删掉，然后把这个复选框和您的电话删掉，然后保存一下 啊，在这个相应的页面刷新就可以了 啊，大家可以看到啊，这个就可以了啊，然后呢我们来看一下我们发送邮件能不能成功，我们来看一下， 嗯，大家可以看一下啊，这个地方 谢谢你发送了您的信息，这就说明我们的邮件是可以发送成功的啊，有时候呢啊，根据服务器的不同，他有的没有开一些功能服务器后台，那这会造成服呃发送不成功的情况啊，如果发送不成功，那怎么办呢？ 嗯我们呢啊也给大家来讲解了一下为什么 contact from seven 或者一些其他的联系表单他无法发送成功啊，他就是因为呃我的 prad 后台呢？ 嗯没有开启啊，这个 p 十 p meal 的功能，那我们如何修复呢？啊？这个也有相应的教程，告诉大家怎么来修复啊，通过安装其他的一些 呃插件来修复这个问题。嗯一般的我们用的 呃 vps 呢，很多都没有开通这个功能，我现在用的是 cytagram 的，然后呃还都有这个功能，而且能够呃很简单的就能够配置成功。 那今天呢就是我们讲呢如何设置一个循盘的表单， 这个循环表单如何设置，设置完成之后如何放在我们页面的相应的位置，以及如何测试他有没有成功，如果不成功的话啊我们怎么处理啊？所以呢循环表单是非常重要的，因为他能够节省用户的时间 啊，减少用户发送巡盘的路径，所以呢它是非常重要的。今天的课到这里。

哈喽，大家好，今天呢乔治给大家带来这个工具，是我们在做外贸营销的时候经常会用到的这个网站，那么这个网站呢，它一个工具是 google form， 也就是谷歌表单，那么这个谷歌表单经常用于我们第一时间 不知道这个客户的一个基础情况的时候，也不知道这个客户基于对哪款产品感兴趣的时候，我们可以这种表单的形式做一个什么呀？问卷调查，那么首先我们先登上这个网址，然后在里面选择自己想要去设定的那某个问卷库的一个模板， 比如说我是对于某个产品感兴趣的话，那我这样的话就可以自己去设定一个关于什么呀？订购单的一个模板，那么点击这个订购单的模板了以后， 紧接着我们就可以去自己做一个属于自己的一个什么呀？一个订单的一个请求表格，就是当很多国外客户看到了以后，他在这里面去选择他的一个类型，比如说我是作为一个客户的话，我在这里可以是一个问题，你是新客户还是老客户，那么客户就可以在这里去 勾选自己的一个什么样一个客户属性，那么客户想要订购什么样的产品，在这个地方可以去选自己的产品类型，以及客户想订购什么样的颜色，还有数量，还有自己客户的一个名字电话号码，一秒以便于我们后续得到这个表单了以后跟客户取得联系。那么这一实行的一个操作流程呢？都是可以在这个表单里面去实行啊，那么实行好了以后呢，紧接着就是需要在这个地方 点击什么呀？点击发送，那么发送的同时我们只需要把这个网址放在你的谷歌设备里面，或者是你的一个宣传的一些什么呀？呃， whatsapp 里面给到你的客户， 然后当客户复制这个网站了以后，就可以去打开一个属于自己你自己定制的一个股票单，让客户去填写他的一个信息啊，在这里面去跟大家讲一下。呃，有的很多学员会问这个地方怎么去更换这个自己的公司主题，那么在这个栏目框里面 你可以去上传一个自己的一个图片，那么这个主题框就会自动去修改啊。那么这个呢就是给大家带来的我们在外贸里面如何去做到外贸营销的这个工具以及 google form 这个表单是非常非常重要的，在外贸里面。

现在我们使用 formaking 表单设计器来设计一个层次去联动的表单，我们先来看一看最后的效果， 好我们从头开始进行配置，首先贴标省市区三个下拉框，配置好各自的参数， 我们将表单初始的时候适合区设置成隐藏。 接下来我们开始设置省市区售楼框选项的数据员， 在表单属性数据源中打开数据源设置面板，开始添加数据源， 这里请求地址是我事先准备好的一个省市区的接口，我们测试一下接口的可用性，然后看一下数据结构，来配置一下响应的数据。 好，最后点击保存，这样我们省份的数据也就配置完成了。接下来我们开始配置市区的数据， 不让表单初始获得时候获取是 数据，根据选择的省份来获取市区数据。 同样的操作方法，这样省事区的三个数据员就配置好了。现在我们给三个下拉框绑定好数据员， 最后一步就是给下拉框添加好时间， 完成后我们 点击预览即可展示效果，就这样我们一个省市区联动的表单就完成了， 谢谢大家的观看，这次的视频分享就到这了，大家可以通过下方链接进入我们官方网站体验更多的功能。

哈喽，大家好，我是浩啊，今天这期视频教程呢，我会教大家怎么在 ctanticathewm seven 这个表单上去添加一个骨骼验证器啊，骨骼验证器呢，可以帮助我们有效的去阻止一些垃圾邮件，并且呢可以让我们的表单更加的安全。 ok 啊，那么首先呢，我们来到我们的网站，哎，先确保我们网站已经啊安装了 ctenticotheforms seven 这个插件，并且呢我们已经啊添加了一个表单。 ok， 这时候呢，然后我们需要来到谷歌， 然后我们搜索 goodwork， 然后呢点击来到他的官网， 这里呢，我们点击这个菜单， 这里呢，我们可以输入我们的一个名称，还可以随意命名一下。这里呢，我就以我的网站的名称呢命名一下， 这里呢，我们选择他的一个第二版本，然后呢选择啊进行人机身份验证的复选框。 ok， 这里呢填写我们的网站的域名， ok， 这里不管我们的网站域名是三 w 还是不带三 w 呢，我们统一的都要去掉。 ok， 这时候呢，我们点击接受 他的一个服务条管，然后我们点击提交。 ok， 这时候呢，谷歌会给我们两段蜜月啊，我们需要复制这个蜜月，两段蜜月我们都复制一下，复制第一个，然后来到我们网站的后台， 这时候呢，找到我们的 fomo seven 的一个表单，然后我们选择他的这个选项， 然后呢来到这里一个 recapture 啊，然后我们点击 ctop 啊，设置一下。 ok， 这里呢输入我们的第一段蜜月，然后复制我们第二第二段蜜月，然后把它单切进去，然后保存 一下，设置。 ok 啊，当我们啊成功添加他的蜜月之后呢，这时候呢我们还需要去安装一个插件， 这里呢我们搜索 contact um seven recapture。 ok， 我们这个单词呢可能是我说错了， ok， 然后呢我们找到这个插件第二个插件， 然后我们点击安装，我们把它激活， ok， 当我们启用之后呢，我们再来到我们的 ctanticophoneseven 这个插件呢，我们可以看到这里呢会多了一个选项，我们点击它。 ok， 这里呢我们去选择他的一个版本，这里呢我们点击提交， ok， 然后呢我们复制这一段的一个短代码，然后把它复制一下， ok， 来到我们呃已经添加的表单这里，我们点击编辑， 然后呢在我们的提交按钮的上面呢，我们把这个短代码给复制进去，然后我们点击保存。 ok， 这时候呢再刷新一下我们的页面， ok， 这时候呢我们可以成功的看到，哎，我们的一个验证性呢，已经成功的添加到了我们的表单，然后我们进行测试一下， ok 啊，我们先打开一个页面之后呢，然后我们去输入我们的一个表单信息，在这里呢我们就随便的去填写一些内容。 ok 啊，这时候呢我们先不点啊这个骨骼验证气囊，然后我们直接点击提交， ok 啊，这时候呢就会给我们一个提示啊，必须我们要验证这个骨骼验证器，然后我们才能通过。然后这时候呢我们点击这个验证器， ok， 这里呢给我们按照他的这个提示呢，我们去选择选择汽车。 ok 啊，这时候呢就验证成功啊，然后我们再点一下这个提交， ok 啊，这时候呢，我们 的邮件呢？我们的信息呢？就成功的被发送， ok 啊，今天的教程呢，就到这里，感谢大家的观看。

来接着我们介绍一下表单的表情，呃，表单的作用呢？是在页面中呢，给我们的这个用户呢，提供填写信息的这个功能， 实现对于浏览器会通过表单对于客户端的信息进行采集，然后收集到了之后呢，然后实现我们的页面交互，他就会把用户提交的数据，呃，带到服气端，带到一个服气端。好，那咱们首先看一下这个表单的标记啊，放我们标记。 来看一个例子，在页面中我们写一个放标签，里边有 icus 属性，他给的属性以及埋色的属性，放标签里面呢应该是要有一些内容的，嗯， 如果里面没有内容呢，整个页面展出来也是空白的，对放物本身没有效果，他没有效果，哎，放物里面呢是需要写一些组件的，我们现在电器中写了一个输入框的组件，叫 input test， 哎，就是一个输入框，这叫一个输入框，他要把一个密码太不等于帕斯沃尔的，这叫密码框，输入框你输啥就是啥，密码框你不管输啥都是点，就不让你看嘛，所以这个太博叫帕斯沃尔 好。呃，下面这个 input 呢，泰国等于三分米的，就是表单提交的意思，就是用来做登录提交的，做登录提交好了，这是我们的这个 follow 的表单啊，里面写内容讲，那么他所实现的 功能呢，就是当我们点写出内容之后，再点撒猫咪的提交，会把这里边的这个输入框里面的值带到 form 指定的 action 的福气端， 就就带过去了，就带过去了，行，呃，我来举个例子，我来举个例子，你比如说我们在这里提交给这样， http， 冒号斜杠三 w 点，百度点 com。 哎，我们可以把它提交给百度，你看这个 action 呢？就是指你的数据提交到哪里去， 你的数据提交到哪里去的。好，咱们看一下，姓名写一，密码写二，简单点，登录好了，大家看一下，我提交给百度，大家看后面 这个 u sir name 等于一，有一个按的符号就是分格，他是沃尔等于二。哎，就是说我们刚把刚才的数据就提交给了百度， 呃，但百度并不认，百度并不认。百度说这是什么？我不知道，对吧？哎，这是百度是不认的。哎，那我们肯定要提交给一个认识我们的那个数据服务器端 提，提交给一个我们认识那个福气端。行，那么现在他还不认，他还不认。呃，那么他如果我们提交给一个认识我们这个数据的福气端，就需要我们写福气端的代码，而我现在还没学， 我妈现在还没学，所以我们说不提交就不提交了，哎，你就先不管他，先不管他啊，那我们也不提交给白柱了。那如果我们什么都不写呢？我们什么都不写，他会提交给谁呢？ 你如果什么都不写，你点提交，大家可以看到他会把这个数据提交给当前页面，就提交给自己。哎，就是他去跟百度玩，百度不跟他玩，那么于是他就自己跟自己玩，就是这个数据默认就提交给自己了， 哎，当然提交给自己也没意思，就他一定要提交给认识他的人，对吧？一个服务器端，这个咱们到后面才能讲怎么去开发，因为要结合扎。我得到第三个月了，第二个月末，第二个月末的时候。 好，这是我们的这个油丝耐磨发素味是怎么提交过去的？好，这是 action， 这是 action。 再说一下，他给的，他给的，他给的呢？是目标，目标，我们把数据提交 给这个服务器端了之后，那么他返回的数据我会在哪里打开？赛奥服就是当前窗口，所以你会发现呢？他所实现的效果是 我们提交的数据，哎，他就会在当前窗口打开，他还可以写成 black 布莱格，就是新装口，他所提交的数据呢，就会在新装口打开 提交给服务器端返回来的，因为还是当前页面，所以你看到就是这个效果，就这个效果好。 下面这个是埋塞的，是方法，方法，这个方法是指的是你的数据提交给福气端，他走一个什么样的一个方式？方法，呃，通常 会有两个指，一个是 get， 呃，当我们用 get 提交数据的时候，大家看一下，一二提交两个数据走，就提交过去了，提交过去了之后，咱们看这里，这只， 这就是提交过去的数据啊， u sirname 和怕错误的。好，那么接下来咱们再看另外一个方式，另外一个方式是 post， post， 好，咱们再来看 post， 提交，好，你再过来看这里。 哎，后边有数据吗？没有，他跟那个盖子不一样。盖子，刚才我们是不是在后台看到数据了？ 再来一次，盖的，我给删了，我给关了。好，咱们再来一次，盖的，大家看，这个是 盖的，你看盖的之后是不是有数据啊，对吧？你看这里有数据的，哎，这个是 pose 的提交的，这个 pose 的没有数据，这个 pose 的在这里没有数据啊，你看后面就没有没有这个值了啊。行，那么咱们再说这个 pose 的这种方式提交过去了，就是说，呃， 它的效果就是 ul 后面不带这个数值而盖的提交数据的话就是指数据呢，在这个 ul 后面，一个是明显的能看到，另外一个是看不到， 哎，那我们用哪种啊？你，你得看情况，你得看情况，哎，这两种都能把数据带到服务区，哎。举个例子，就比如说，嗯，就比如说你要去找一个局长办点事情 啊，你给他送礼，他来给你办，哎，那么于是呢，你就买了条烟，行吧，别买酒了，你要买一箱酒，无敌太沉，你就买了条烟，买条烟大知道烟也不大，对吧？一条烟吗？ 呃，你，你想去给他，去他办公室给他，或者去他家给他，那么你想怎么给他？两种方法，一个盖的，一个 boss。 盖子是咋送过去的？自个拿自个拿，都是自个拿的呀，就盖子的话呢，就是你把它顶在脑门上，顶在脑袋上， 就是，或者是拿在手里，就这么拿着就过去了，是不是？大家都看见了，对不对？哎，街坊都看见了，就都看见。你给局长送礼了，送了一条鱼，好。 第二种 pose pose 的是咋送的？装袋子哎。这个装个袋子里，或者是装在那个大衣口袋里，对吧？冬天穿个羽绒服口袋里一件，然后到到人家里了之后给你拿出来，别人都没看见，我偷偷拿过来， 是不是要 pose 呀？一种盖的，一种 pose。 那咱开发的时候，呃，用哪种啊？你看，只要是客户端向服务器端提交数据啊，就得用盖的和 pose。 我问你个问题啊，大家可能选他的时候不太好选。问个问题，嗯，这个叫百度，百度在这里输入内容，然后点击这个提交，对吧？点击这个提交，呃，是不是要把这个数据 带到福气端，对不对？你想他做他有所做的事情呢？就是你写一二三四五一起写一个数字，写好了之后呢？这些数据需要带给福气端，福气端再返回来。嗯，用盖子还是 pose 的， 这就是个表单了。他用的盖的还是 pose？ get it 是吗？你们觉得，哎，大家看一下，我们提交了之后，你看到后面有值吗？有，还有呢，是 get， 他怎么不用 pose 呢？没有必要，没有必要吗？哈哈。哎，那那么大家想一想，如果用 pose 的 可以吗？就我在这里边输入这个值，看，我在这输入这个值，哎，如果我输入值了之后，我，我一点击，我一点击，要是走 pos 的会怎么样？ 如果手 pos 的的话，这些纸是不是就都没了？是不是都没了？对，都没了。好，那个，那么 怎么样？这这样写怎么样呢？ pos 的好吗？百度能用这种写法吗？ 不能，百度不能用这种写法。你想想，如果是 pose 的话，就是提交的信息，把那个后面的都删了，只有前面这一堆。 嗯，对于你来讲其实没有什么什么什么缺点，但是我一说一个场景啊，我一说场景，你看你比如说你搜了一对关键字，然后搜了好多内容啊，你说啊，这些内容都挺有用的啊，这是很纯重要的东西， 对不对？好，那么有一个同学，一个朋友，然后他不会搜索，然后你就这么搜出来的，然后你是不是想把这个地址复制下来，然后通过微信发给他， 你是不是想这样做，对不对？发给他，发给他了之后他一点开，跟你点开的一样吗？一样啊，这是个地址啊，他有关键字啊，一样啊， 这就是盖的提交数据的，但如果是 pos 的提交数据，是不是因为他后面这个数据都没有？是不是他只有一个这个地址啊？ 对吧？ pose 后面不带数据，你看后面这些数据不就都没了吗？对吧？他都是藏起来的吗？对，是在地址上是不显示的，这个时候当你把这个地址再发给你的朋友的时候，你朋友点开了， 点开这个了，点开这个了，是不是就是回到这个百度主页上去了？ 隐藏没有，直接删除？我给你展示的时候是直接删了他吧，你看这个里边，你看这个如果是盖的提交的话，是不是数据在后面展示的呀？如果是 pos 的提交的话，那么后边是没有这对提交的数据的， 但是我，我用百度，我又不能给你改原码，所以我只能给你删一下吧，对吧？所以我给你演示的时候，我就跟你说给你删了吗？就是演示的时候，是不是如果是盖子的话，是不是这一堆就都没了？要 pose 的，如果 pose 的话，这一堆后边是 都没了，就，就我就，我就给你删了吗？这个意思好了。哎，所以说百度为了能够在搜索的数据能够去分享给大家，所以呢，他是要用 get， 他要用 get 好，这个是他的，这个用的是盖的，还有谁用待用 get 呢？还有我们的这个，比如说，嗯，就是淘宝， 淘宝，淘宝，你通过关键字搜索到的信息，然后你打开那个那个地址了之后，那个全球数据都是盖的， 都是盖的，因为这些数据都可能要分享的，对吧？咱们有时候搜索到一些纸纸的时候，他就可以分享到群里面，因为分享的纸就数据都是盖的。清楚， 凡是要分享的都是盖子，如果 pose 的话，你分享的数据你能看得到，别人就看不到，那明白了，别人是看不到，好，行。那么什么时候不能用盖子呢？有时候盖的挺好吗？大家都能看得到，对吧？什么时候不能用盖子呢？ 你比如说，你比如说这个登录这个登录，你看这个登录，我们输入用户名跟密码，点登录，这是个表单，提交吧，对吧？不断提交，你看我们在这输入用户名跟密码。好，我一提交大家可以看到，哎，这里面带的值有传过有，这里面后面有值吗？ 没有说明这个提交是什么？是 pose， 他是 pose， 他没有带着这个数据展示过来。那如果是用盖的会怎么样？是不是这后边就会出现我的这个用户名？ 就是，呃，当然不能是中文了。等于什么什么什么按的密码等于什么什么？好，你是不是就看到我密码了， 对吧？我还直播呢，你把我密码都看见了用，我没有密码你都看见了，对不对？所以不能不能，这这这边就不能用盖子吧。 好，哎，所以咱们这个是没事的。 pos 的和 get 你要理解他的区别，你要知道在什么情况下应该用 pos 的，什么情况下应该用 get， 对吧？好， 这是错误。表单里面最重要的三个参数啊。 action 就表示提交的目的，他给的是提交到那个目的之后返回 你的数据在哪里打开，没事的，提交数据的方式。呃。这里边有音铺的，刚才说了是组建，然后这个音铺的，咱们再说一下这个内幕，再说一下这个内幕，这个内幕呢，他也是非常重要的，这个内幕是一个名字。 呃，如果你没有这个内幕的话，咱们再来看，如果你没有这个内幕， 呃。我们改成把它改成盖的。 这里你看我在这里没有这个内容啊，看姓名和密码提交。好，大家注意看这里 password 等于二是不交给夫妻了， 这个姓名没有提交，为什么？因为他们没有内幕，所以大家记住这样一点，如果主件没有内幕，浏览器在提交数据时是不带他去服气的， 你可以这么想，就是不是名人他不带你去，没有名，没名的，没名的我带你去啊，你得有名，你得有名啊， 没名可不行，所以没有内幕不行，没有内幕，因为我们在这写这个路径的这个值的时候，他要写名字等于值，你没名可不行，明白吧？所以要写名字的 太棒等于撒币的，只有他才能做表态的提交。呃。下面呢我们在这写了一个 例子，这个例子是这样子的，就说这个例子呢，我们找了一个地址啊，这个地址是我们已经在那个 f 幺二零八已经写好的，咱们 f 幺二零八呢，用的是那个 pgp 的福气。 呃。所以我们在这的访问页面是 php 的，当然里面写的代码也是 php 的，就是我们的这个学习平台， 平平台咱们选的是一个 pgp 的服务器。呃。之所以当时选择 pgp 去写，没有用账号去写，嗯，是因为呢，呃，咱们在做这个作业平台的时候啊，就学习平台的时候， 呃，我在想的是如果用扎过来写的话，这个扎过太熟了，这个写的没意思，呃，用扎过来写就像干活一样，就没有新鲜感，嗯，就有一种用腻了的感觉。呃，于是就想换一个语言去写， 嗯，就当时呢，就觉得 apgp 反正也不会用。嗯，就用 pajp 写吧，因为不会用嘛，所以要用它写。呃，然后边学就是边写就翻手册，然后一看呢，然后去去用啊，等把这个学习平台写完了，那么 pajp 就学会了。 嗯，所以当时有其余这样的一个原因啊，就选择了 phb， 然后去写，所以这个福气也是为了从学文语言就专门用这个去写了。别用了 php 啊，那么这个 php 他也可以接受福气的请求。所以我们的 x 深大家看一下，这里边就写了一个有意义的一个 地址，呃，我们在这里边传入了 fu 五和帕斯沃的，哎，一个电话和一个密码，好，我们在这传入一些值，好，然后然后点击提交，大家可以看到服务器就能接收的到。 当服系志愿代码。后面我们到第二阶段，第二个月末的时候，然后给大家去讲，你应该在怎么在服系端能做到这样的一个操作， 这是在扎我中去写，在扎我中，到时候我们去写。好，那么如果你们的这个内幕在这里，比如说少写了一个字，你看否？你，你乱写，你乱写。好，呃，你再提交数据， 大家可以看到错，你就接不到了，看吧，他接不到的啊，当然你要说没名字就是彻底没名字，彻底没名字他也接不到。 明白，太清楚。好，就是只有你的客户端跟服务器端约定好了，我这里写什么名字到服务器端用什么来接？这都说说，约定好了才能接的到。好，这是我们的表单里面的属性啊。认知一下表单。