00:00
Hello喽,各位小伙伴,欢迎大家回来,我们继续来看一下上节课给大家讲解的留言板的部分啊,那么我们已经完成我们web留言板的列表显示啊,也就是说现在的话呢,你可以从这个页面呢,呃,访问到我们这个网址的时候呢,啊,当然现在是IP啊,你如果有域名有服务器的话,一上传那你就可以用域名来访问了哈,当然我们只是做了一个简单的页面,并没有什么华丽的东西啊,也不值得上线哈,只是我们要做一个练习好了,那么接下来的话就是说我们现在已经留言的列表已经展示出来的,那么接下来呢,我们想要完成一个呃添加留言,那么这个时候怎么办呢?诶,我希望在这个位置呢,比如说呃,给一个添加留言的一个按钮,一点击以后呢,诶,我们跳到一个页面,它能给我展示一个添加的啊这样的一个内容哈,那么呃,我可以去写一个,比如说我个人的昵称啊,还有留言信息,然后呢,就可以把这个数据呢,给提交到我们的啊数据库里边去啊啊这样来完成哈,那么接下来我们去看一下这样的功能应该如何实现,首先的话,我们要在这里有一个有一个那个链接啊链接那么一点击之后呢,就能跳到一个,呃,这个叫什么呢?一个模板的这样的。
01:00
界面哈,首先的话呢,我们可以先把这个先把这个模板页面啊,先给大家去定义一下哈,所以呢,下边这位置呢,我们可以再去啊,这个叫定义,叫定义路由啊,定义这个视图啊,这个东西叫什么呢?其实它这个上面叫路由,下边叫呃函数,所以它们加起来叫四统函数,也就是说当你去访问这个路由指定的路由之后,它会调用对应的这个呃这个函数,然后函数呢,会帮你去解析内容出来,比如说它你可以直接返回内容,或者说用模板返回都可以啊,所以这个东西简测为视图哈,那么接下来我们看一下特APP啊怎么用呢?特app.root root,然后我们另一个叫呃。呃,AA的吧,A的啊,定义视图显示啊,这个位置主要是显示我们的添加啊,叫留言留言添加的页面啊,注意它只是显示留言添加的页面啊,那么A的之后呢,我们这个位置呢,写一个DF啊,DF叫做留言。呃,留言啊叫A吧,就叫A也行,反正我们这里边没别的东西哈,然后呢,之后呢,这个里边呢,它就一个功能就是啊,显示留言添加的这个具体的页面就可以了,其他不做,那么因此呢,这个位置呢,Return。
02:10
Re,一个什么呢?一个template re template。Ren,这有什么错误吗?它为什么标红啊?A re啊,Sorry,是写错了啊,Return啊return好templ,然后呢,这里面呢,去写我们的一个页面啊,叫我们叫它AA的,点S的啊然后后边呢,啊没有数据啊,没有数据就不用传了,好了,那么接下来呢,我们要把这个页面啊给大家去设计一下,所以呢,在temp这个位置呢,去创建一个新的SL啊AL5的文件,然后呢,选择A的,点al右键。好,这是留言,留言板留言添加或者叫添加留言吧,添加留言啊添加留言好,然后上面这个给他去干掉啊,好之后呢,这个里边呢啊,根据我们上节课的这个内容呢,我们稍微调整一下就好了啊复制然后放到这里,然后呢再来一个复制。
03:09
我就很烦这个,诶,呃,这个拍差你凭什么自己帮我做主,要不要换行,要不要回回车,然后这个文件在哪里,这个很讨厌哈。就是你你可以作为一个编辑器来讲呢,就是可以很灵活,但是呢,你你要过多的帮我做决定,这个哎这是很讨厌,你看我正常来讲,回车就是换到这里,或者说换到下边就行了,我只要再敲一回车就可以了,反反正结果我在这里调了半天,对不对,这个很很讨厌啊好,那么接下来呢,我们写一个方表单哈,不讨论这个问题了,好方表单里边去写什么东西呢?去写一个,哎这个叫呃叫昵称啊昵称啊昵称,然后呢,写一个input啊input方表单是哪方表单是专门收集,就是在前端页面里边专门去收集用户的这个输入信息的,那我们在常上网的时候呢,比如说你的登录啊注册呀,呃,这个发表信息发表呃信息啊,发个微博啊等等出来的那个框,可以让你写东西的东西都称为表单啊,都称为表单,所以我们在那呢,定一个放表单,然后里边input input叫做输入项啊,叫做表单的,呃,这个输入项,那么输入项里边type等于T就表示哎,可以输入一个普通的文本,然后呢,需要给他一个name,等于等于ni name,因为这个你不给名字,你不给这个name的话呢,它无。
04:20
无法把你这个写的内容给你进行提交,所以这个需要写哈,然后BR就表示我们当前这个化一行,化一行之后呢,再写一个就是留言信息啊,留言留言信息,留言信息,留言信息里边呢,我们写成这个什么呢?我们写成啊先写个表,然后呢写成txa啊TT呢是我们当前的这个专门写大文本的内容哈,就是这样的话,它可以写很多啊文本内容信息哈,那么这样的话,诶请留下请。留下留下你的你的足迹啊,你的信息吧,啊你的信息啊信息好,然后呢,这样就可以了,好,那么之后呢,还得有一个button button啊按钮呢,能够进行啊,这个叫添加啊添加留言叫添加啊添加,那么这个时候他一点击啊就可以完成一些操作哈,那么这个页面是定义完成了,然后我们现在访问它的话呢,只能通过啊,只能通过手写地址的方式访问,也就是说这位置可以写一个A的,然后A大家注意看。
05:18
昵称和信息。我的妈呀,好丑啊,有没有发现好丑啊,就是太丑了B。来刷新看一下。也也还是很丑是吧,也还是很丑的话呢,怎么办呢?我们用table ta其实我们有很多方法可以把它做的,嗯,相对来讲呢,漂亮一点哈,但是呢,呃,我避免写的复杂哈,尽量写呃,因为写的复杂的话,我不确定各位小伙伴对这个内容熟不熟悉啊,所以写复杂的话,反而就是可能给你造成了更多的困扰啊,就没必要了啊。那么接下来呢,这个用table括起来之后呢,呃,一个TR。然后里边写一个TH啊,写昵称。啊,大家注意看啊,我现在用表格,因为表格的话它比较规整,比较规整哈,那这样的话呢,我们可以把这个内容呢,做的相对来讲,嗯,也不是好看吧,就是规整一下啊规整一下好,然后呢,下边是TR,哎,这个位置呢,写TH,然后留言信息。
06:18
留言信息。好,然后呢,再来一个TH,然后把这个textr啊给扔进去啊,其实这个用table表格哈,我这个呃这个操作叫什么呢?其实就叫做页面布局了哈,这个用退步表格做布局呢,这个技术呢是应该说是十年前,呃呃差不多十年前吧,十年前的技术啊,现在基本上很少用了啊现现在基本上有更呃有更多的其他这个比较灵活的呃用法哈,这里呢,我我就不再呃不再给你复述这个东西了哈啊简单用一下就好了,来我们看一下,呃呃呃,刷新退回去。12780,然后呢,我要到A的页面找你。是我浏览器的事吗?怎么这么丑呢?我这看的真真真是好丑啊。
07:04
呃,TH换成TD。来CTRLC一个诶。TD。啊,这个还是比较方便是吧,好TD。好,下边那个幻灯贴一次好了来刷新。好,这样可以吧啊,这样可以吧啊,然后这个位置是,然后需要让它跨。跨列的话是行是row,然后跨列是Co,然后等于二来。跨列形式,哎,这样的话它能在下边哈,站在下边好了,呃,虽然还是有点丑啊,但是整体整体要好,呃好一点是吧,整体要好一点哈,那么接下来的话,我们这个位置,哎,写一下你的昵称啊,你你的昵昵称,比如说我们现在有谁呢?有这个叫呃,有这个张三丰和渣渣辉是吧,然后再来一个啊古天乐啊古天乐。古天乐啊,然后呢,哎,留下信息,那留下什么信息呢。
08:00
信息是,嗯,什么别再别再玩,玩什么玩假传奇假。假传奇了啊假传奇了,快来快来和我一起玩,玩真的啊,玩真的是吧?好,当然这个传奇这个游戏不知道各位小伙伴有没有了解过啊,就在川哥那个小的时候,那个时代哈,我们还是比较喜欢玩传奇的啊,当然现在几乎就没玩过他,特别是贪玩这个什么贪玩蓝月是吧?贪玩蓝月更没接触过这个东西哈,好了,那么现在的话就是他可以这个输入昵称,然后点击添加,那么之后呢,就我们要把这个数据收集起来,然后扔到数据库啊,现在只还在前端,那么这个页面虽然完成了,但是有一点它还不能够在这个位置跳过去,那需要你手动点它肯定不合理啊,所以我们这个位置应该做一个链接,一点接,哎,就能跳到这样一个页面,然后呢去呃完成添加,完成添加以后呢,这个数据的入库,所以说呢,我们要回到那个叫index这个列表的页面,然后呢,做一个按钮啊,或者叫做一个链接,这样的话能点击过来,这个时候怎么办呢?我们在下边哈,写一个H3H。
09:05
H3啊,然后呢,呃,写一个这个叫链接,写一个A链接,A链接,然后A链接的话就是添加叫。啊啊叫添加。叫创建啊创建啊,或者要发布吧啊发布留言啊,发布留言好,然后呢,这个位置要跳哪去了,跳到根下的A啊,因为我们那个地址不就写的根下的A嘛,所以这位也写根下的A哈,那么注意看刷新。刷新诶,它是不是有个发布留言了,那么这接来一点,你看是不是就跳到这个页面了,哎,这样就比较OK了哈,完美搞定这个问题以后,那么接下来点击发布留言啊,它可以写一些信息,比如说刚才那古天乐等等信息,那么接下来一点添加,它是不是要跳转啊,诶把这个数据要从我们的前端页面当中提交,提交到哪里去呢?提交到我们后端页面啊,所以说后端里面呢,我们需要有一个啊定义视图函数干什么呢?接收,接收这个叫表单的表单,表单数据啊数据,然后完成这个什么呢?数据的入库啊入库。
10:07
入库啊,也就是说我们要有这么一个操作来接收并且完成操作哈,那么AAAPP.root root,然后定义一个叫跟下的in ER音色的,音色的的话呢,我们需要让它以post的方式提交,所以这里呢,Me ods等于中国号写一个post的,也就是说它只能用postose的方式来给我提交进来哈,呃,这是呃,当小伙伴有疑问还是那啥是get,啥是post呢?这个呃,这个在我们表单里边,如果你提交数据的时候啊,提交数据的时候在这个位置进行提交了,那就要get请求啊,Get请求get提交数据哈,然后呢,POS的表单提交数据的时候,第一个它提交的数据量可以比较大,第二个呢,它不会在留嗯这个位置显示啊,不会在地址栏这个位置显示,那这样的话就是啊post的,所以一般情况呢,表单收集信息的话,都以post的方式来进行接收和提交啊,当然你不写的话也没问题哈,就得换成别的哈,来这位的啊,简单给大家呃聊一下这个内容就可以了,那么接下来的话,我们需要在这里边干什么呢?啊,需要做到的第一步。
11:03
是要接收啊,接收表单数据,表单数据第二步啊第二步啊,第二步这个啊,第二步完成数据的啊完成啊这个叫把数据啊,把数据添加到数据库啊数据库,然后第三步啊就是页面跳转就是啊成功后成功后啊页面跳转跳转。跳转到跳转到哪里,跳转到这个叫留言列表页,留言列表列表页面啊,列表的页面啊,它要完成的是这三步哈,这三步当然我先把它pass掉哈,Pass我们先看第一个如何接收表单数据呢?啊,我们在上边哈,需要导入一个模块,叫在Fla框架里边导入一个request request把这个模块复制一下哈,然后呢,在下边去调用就可以了,那么date等于我们当前的呃,Request点嗯。我记得它是有个方法的哈,有个方法的叫for from。
12:00
嗯,括号。啊,括号我记不太清了哈,我们来看一下吧,有点有点忘了哈,那么先看一下待会能不能接受就行了,那么接下来的话就是我们从这位置啊来写一个古古天乐,古天乐是吧?哎。啊,别再玩。玩什么假传奇,诶,假哪个假,假传奇了,假传奇了,快和快来和我一起玩,真的啊,真的好了。然后点击添加,诶大家注意看,大家注意看这个页面,我刚才说不是以poose的方式提交吗?诶结果它上面的位置是不是还是把这个数据给我添加到上面去了,而且数据呢,也没有跳转过去,这是什么原因呢?啊,这个原因出在我们当前的A的这个页面a d.S面页面这个地方呢,Action就是提交的地址并没有写,而且也没写啊提交方式啊,所以这位置要把它完善一下,MY等于post啊,就是提交方式,以post的方式提交,然后提交,那就要提交到更新的inererp啊,那么也就是说你在呃在这个位置定义的啊,定义的是什么,那在这个位置啊添加的就得是什么,好,那这个完成完成以后呢。
13:08
啊,完成以后呢,我们接下来呃需要呃需要退回去,然后呢。刷新一下这个页面才行啊,刷新一下,刷新一下这样的话就可以了哈,那么接下来再添加,诶这样的话是不是就过去了啊,过去了好,过去了以后他说什么报了一个错误啊,说type error什么,呃,对象不可调用,也就是说我们刚才写的这个request的点from啊,报错了啊from上,也就是说我在呃这个位置写的它是不正确的。呃,From是直接这么写吗?我记不太清了啊,来直接继续一下。收到函数未有有效的响应,也就是说现在的话,呃,他报的错误,并不是没有接收到了,我们看一下上面有没有接收到。注意看这位置,它实际上是接收到了,但是呢,就是说他告诉你的是下边一另外一个错误,就是试图必须得有想应内容哈,必须得以return的语句结尾啊,Sorry,这个位置没有啊,这个位置我先return吧,Return。
14:04
这个把个把这个这句话简单写一下哈,简单写一下,这样的话防止它报错好了,那么我们再来看一下这个程序刷新继续好,这样的话就不报错了吧,哎,不报错以后呢,我们看看数据有没有接收在下边的位置呢,接收了数据,但是这个数据呢,并不是我们。嗯,我看看怎么才能让它更方便一点,嗯,转一下叫兔。杠D,我记得它有这么一个方法哈,当然也可能我记错了啊,我们来测试一下,看它好不好使哈,好使的话就比较方便了。嗯,要要不行我们就到他的官网去看一下哈,因为长时间不用忘了啊,OK没问题,那这样的话,接收过来的一个数据是不是就这样,哎,Ni内是古天乐,Ni是什么比丸展问题对不对,然后之后的话,把这个你只需要把这个信息干嘛写入到我们的数据库啊,然后呢,还有一个东西就没有写,就是我们的时间啊,然后你需要把时间给创建进去就可以了啊,那这样的话,这节课呢,我们主要是完成了什么呢?哎,完成了我们这个这个数据的这个发布留言,然后呢,点击添加页面,然后呢,能够啊把这个数据呢一点击添加到啊添加到我们的这个方法当中,我们现在只接收哈,那么下节课呢,我们看一下我们接收完表单数据之后啊,怎么处理完成啊,并呃处理一下,并且完成数据的入库啊,这节课呢,先到这里啊,主要是给大家讲解一下我们A的页面添加表单的页面定义和添加表单页面的一个展示啊,啊和它的一个调整好了,我们下节课啊,继续把后边的这个内容给大家完善一下哈,这节课就先到这里,下节课我们继续。
我来说两句