00:00
好,我们继续来上课,那么这个呢,我们再来看一下我们的第二个作业,那么它实现选择背景颜色,提交变换,对吧?那么我们先把这个页面做出来啊,来新建一个PP的文件,叫做零二,然后home homework。P图就行了,好了,和R了啊,然后在这里面呢一样,我们先不管别的,我们先去把它的HTMR给写出来啊。呃,BC算了。把它先删掉。好了,那在这里面我们要实现什么背景?颜色兑换。好,那在这里边我现有个表单对吧?Form表单,然后还是提交到本页,然后里我们需要应个是什么呀?不对,错了,叫做select标签是吧?SE啊,S select,那s select我们起个名字,比如叫BG color啊,背景颜色,那对应的我们是不是要给他op t open对吧?比如说我们都有哪些颜色啊,我有这个,呃,杠杠杠杠比是第一个,请选择啊选择的话那默认就是。
01:05
好了,然后再来还有什么呢?还有这个,比如说。这里面来一个什么呢?来一个瑞,那就是红色。红色CTRLCVVV,好了,我给这么几个啊,还有什么呢?还有这个blue,蓝色GR green green,然后再来一个pink pink,对吧,再来一个or。NG对吧,比如来个深色的DRK的啊,大orange深色啊。橙色的,深橙色。就直接写橙色啊橙色。然后这块叫做粉色。对吧,这块叫做绿色,这块叫做蓝色,好了,我是不是就有这么一个表单了,对吧,那现在我们来看这个页面啊。返回过来。在我的零二这里边是不是这样的,然后同样我需要给干嘛,给它有一个提交按钮才可以吧,所以在这里面来个引的S。
02:00
Me叫做变变,变好。来看。数对吧,当我一点击提交的时候,你看比如说我选择红色,一点击提交是不是就变成了红色对吧?哎,你看这里边是不是传过来BG color是通过什么,通过参数进行传值了,哎,BG卡了等于什么?等于瑞,因为我get的方式默认是走离子栏了。对吧,所以在这块,那我来接收一下,比如说在这里边。你看好了,先括号括号。Pap。交换回来,那我们不就是接受吗?到了BG c color等于等于什么?等于你到了下线get里边传过来的这个。BG color对吧,如果你设置了用你设置没设置,我就默认为空是不是就可以了,哎,那好了,那最终我们拿过来这个颜色以后干嘛呀,你看看啊,我这里边为牙杠对MP反印一下。Dollar b g color b。这块也是BG快了啊,好了,现在我们来看啊,刷新一下我是不是打印这个瑞,当我再来,你看我选择粉色的时候,1.71是不是粉色。
03:01
对吧,哎,那果最终拿了这个颜色,是不是只要给C样式设置进去就可以了,也就相当于比如说在这里边我们给了一个style标签,对吧,然后呢,给它包的包的里面的BCK背景颜色等于什么,是不是就等于这个变量那监括号问号。等号问号叫号回来,我是交给大家快捷输出了,是不是直接输入这个BD就可以了,那现在咱们来看走,你是变了,你看再来啊粉色。红色。蓝色。选择默认的变成白的,看到了吧,这边颜色变化了,但是呢,这里面会有bug,有什么bug,你看我选择了蓝色,一点击提交,它是不是又变成群选择了。能说吗?哎,我们要考虑的,这里面我们要思考的是什么呀。第一,什么就是用户,不能这么说,应该判断当前用户所选择的是哪个颜色,对吧?是哪个就让哪个保存什么。保持不变对吧,不对,应该是是哪个颜色就对应让什么,让body的背景。
04:07
设置为该颜色对吧,这是第一点我们已经实现了,那第二点呢,第二点的话是不是当前。用户选择了哪个颜色,则在表单中让该颜色默认选中。是不是这样的,默认选中吧。诶默认选中,那这样的话怎么办呢?也就是说你看好了,比如说在这里边啊,当我选择绿色一点击提交的时候,是不是就要在绿色这个这个里边给它加一个select,是不是就默认选中了,也就好比在绿色这里边我们加一个SE这么一个属性,那这个时候你看我再来刷新,诶你看是不是绿色就保持不变了,哎,那是不是就选择谁我就给谁加呀。能明白吧,那好了,那既然是这样的话,咱们来看我在这里面对应的去给他声明一些啊看好了,我可以在这里边。
05:00
同时声明多个变量,并且给变量赋值为空,怎么证明呢?比如说我们有红色对吧?Dollar read等于什么呢?Dollar GR等于什么呢?等于Dollar blue等于什么呢?等于Dollar,这个pink等于Dollar dark。人机。好了,等于一个空,我是不是这五个颜色。对吧,来看看orange pink green blue。瑞白色这个默认的我就不用写了啊,因为它本来就在第一个嘛,对吧,那OK,这几个完事以后,接下来干嘛,接下来我是不是就判断这个背景颜色呀,那s space s w t ch space判断谁呀,判断这个Dollar BG color对吧?哎,Case,如果它要是等于红色的话,那好,我是不是就让我的这个Dollar了,Read,那它等于什么seed select,那做默认选中吧。对不对,哎,我就做这么一个变量,也就是说这个变量有可能存在两个值,要么这个变量是一个空的,要么就直接到这里来了。
06:02
对吧,那直接到这里面来,它就有值了,有值以后break退出,那再来不光是一个K还有什么,还有我们的这个GR绿的。如果你要是绿的,那我对应的这个GR就变成什么,就变成了这个seed select,然后B,然后再case,如果你要是这个,呃,不录。B要等于blue的话,那我的这个Dollar blue就让它有seed好了,然后B再case。还有什么颜色?还有pink是吧?Pink,如果你要是选择了pink,那我的Dollar pink就等于selected,哎,然后之后再case,如果你选择的是dark。Dark dark or好,如果你选择的是深层色,那么到了D。就要等于SETED好了。然后B。这里面这个也没给是吧,B也给。
07:02
好了,那现在你看我是不是就做了这么一个判断,对吧?这个时候大家注意啊,我的这个变量默认情况下都是为空的,当我一选择一选择,比如说它一旦等于绿色,我的这个绿色变量是不是就变成select,而其他的呢?其他的是不是依然是空的。对不对,哎,所以这个时候在这里面我就可以干嘛对应的去输出了,比如说红色的这里边我是不是就是监括号问号等号问号监括号回来输出谁输出到了ID对吧?蓝色的呢,我就见过问号等号问号键号回来就是刀blue。然后绿色的呢,结果号问号等号问号,结果号回来到了加绿色。然后还有粉色交换问号等号问号交换回来,然pink这是粉色橙色交换问号等号问号交换回来到dark,这对吧,那这些变量有可能会有值,有可能会变成没有值对吧?没有值对它没有影响,有值的话它是不是默认选中了,那现在咱们来看我的功能是不是就可以了啊来比如说真的做。第一回第一回你看报错,哎呀,在第二十五行对吧,缺少这个符号,那我们找一下在第二十五行,在这里面break,我们没给他一个分号啊,好了再来好了,那现在咱们来看啊,当我选择蓝色的时候,注意我也可以给你调出页面的源代码啊。
08:24
那你看。这个时候啊,我是不是什么都没加啊,对吧,但大家知道这里面每一个里面是不是都有变量对不对,当选蓝色我一点击提交好,提交以后再来看select打开,你看蓝色这里面是不是加了select,其他的是不是还是什么都没有对吧?那蓝色背景也保存,如果我选的绿色呢,在周你看是不是只有绿色的这里边加了一个select,蓝色的这些是不都没有了,对吧?哎,如果我选择了一个橙色,那橙色就变了,你看红色,红色变了这个时选择它。还是他对吧,这个时候是不是做到选择谁是让谁保持住了,对不对,哎,这就是咱们的这个第二个啊,背景颜色变换主要的作用,主要让大家练的就是这一块的思维逻辑啊好了,那这节课我们到这里。
我来说两句