好了, 各位, 这将是非常, 非常有趣｡
我们将创建一个实际的联系人页面, 用户可以在其中提交联系人信息并输入消息, 以便他们可以在线与您联系｡
现在, 如果我们转到Flask上的快速入门指南, 我们将转到访问请求数据｡
这实际上告诉你如何处理它｡
在request对象中的这里是我们从浏览器中获取信息的代码｡
现在甚至还有文件上传这样的功能, 我们可以让人们加载他们的文件, 并将其发送到我们的服务器｡
但现在, 我们先把注意力集中在这件事上｡
我想先复制代码然后我们再讨论发生了什么.
让我们转到我们的服务器｡
点馅饼｡
我们的根基就在这里｡
我们再加一个｡
就像这样｡
现在我唯一关心的是｡
就在这里｡
我想创建一条新路线, 现在就命名它｡
提交表单｡
这是我们必须要创造的东西｡
它有post和get两个方法, 这也是默认的get,
表示浏览器希望我们发送信息post, 表示浏览器希望我们保存信息, 但我们现在不用担心这个.
我们还想定义一个名为submit form的函数｡
最后｡
我想现在就回去｡
已提交表单｡
答｡
留言｡
这就是我们的提交表单, 结束点｡
但它现在什么都没做｡
我们永远不会在浏览器的前端调用它｡
那我们怎么才能让它起作用呢？
好吧, 让我们转到联系人HTML, 看看当我们单击按钮时, 会发生什么？
让我们来搜索一下｡
如果我转到标题页, 你会看到我们有发送按钮｡
因此, 当我们点击send时, 理想情况下, 我们会向服务器发送一些信息｡
所以让我们命令F并寻找send｡
你看, 好像在这里｡
让我们把这个做得更好一点｡
再大一点, 就这样｡
所以我们看看是怎么回事｡
我们看到有一个submit类型的按钮, 我们单击该按钮进行发送｡
所以是74号线｡
现在在顶部, 我们看到有一种叫做形式的东西｡
有了形式, 我们就有了可以采取的行动｡
这是标准HTML｡
创建HTML时, 我们的想法是显示页面, 但也使用此表单, 能够将数据发送到服务器,
我们使用此action属性来完成此操作｡
在这里, 我们可以放, 张贴或获得｡
如果你还记得的话, 这就是我们这里的情况｡
此端点将能够接受get或post方法｡
现在我们不需要深入了解get和post是什么, 但一个好的思考方式是,
我们可以通过简单地将信息附加到URL上来使用get发送数据｡
这里也一样, 但理想情况下, 我们不希望在URL中发送人们的电子邮件和消息｡
理想情况下, 我们希望通过一些不那么清晰和明显的文本主体发送它｡
在我们的例子中, 我们将使用post, 我将向你们展示它是如何工作的｡
所以我们在这里有一个操作, 它是post.
现在, 实际工作方式是我们必须调用提交表单, 顺便说一下, 这就是我们的端点｡
以便在单击时显示表单｡
送过来｡
它将运行此URL｡
基本上提交表单时使用｡
法｡
那是帖子｡
因此, 当我单击“发送”时, 将发布操作提交表单｡
让我们保存它并再次检查它是否工作｡
所以我在这里说提交表单｡
我要去保存｡
现在, 我要回去了｡
表单已提交｡
好耶!
如果我们回去写些乱七八糟的东西｡
让我们真正刷新一下｡
确保是新的｡
如果我点击发送｡
你看那个｡
我收到提交的表单｡
好耶
您可以看到这里的端点是submit form｡
这是我们在HTML文件中添加的操作｡
同样, 如果我们返回, 请打开开发人员工具｡
请在此处转到网络｡
让我们把它弄小一点｡
如果我点击发送｡
请看我的网络, 您可以看到我们有提交表单｡
如果我点击它, 我得到的回应是提交万岁｡
如果我转到header, 你会看到我用了post方法, 因为我就是这么说的｡
这将是我发送数据到服务器｡
您会看到内容类型是application x, w, w w（URL编码）｡
这只是我们可以发送的标准数据类型｡
我们用的时候｡
HTML中的form标记, 但是我们不需要担心这个, 因为我们现在已经可以访问数据了｡
用户发送的｡
在下一个视频中, 我们将尝试捕获发送到服务器的数据, 并使用python代码读取这些数据｡
下次见｡
再见, 再见, 再见