00:00
然后呢,这个地方来启动服务来测一测。好,你比如说大概我不登录,我不登录,我就访问咱们那个页面去。我现在我不登录啊,不登录我就访问这个,就我现在这个浏览器,假如说我就是一个别有用心的人知吧,我我就是我就直接访问你的业务的主页面去,那就是业务主页面就这个,我和奔驰就这个我不登录,咱你看他不让你访问看吧,跳转到登录页面去,你让这样你吧,你这直接访问到页面行,他不让你访问知道吗?知道。我就直接访问沃克位置,你看访问他,他不让你访问跳转登录页面,那我登录成功你啊登录成功张三YF123回车登录好,登录成功了,登录成功之后我打卡就可以过来了,我就可以工作了,知道吧。
01:09
你只要不关浏览器,你把它关了,诶怎他也浏览器也给我关了,是然后呢,大哥你只要不关浏览器的啊,你只要不关浏览器,你也可以直接访问,当然我关了浏览器,它肯定现在又不让我访问了,又又跳转到这了,知道吗?对,然后呢,这个地方你看啊账号三对,然后呢,这个地方来个YF123点进来,然后然后呢,我不让它我关了啊,但是我把它关了,关了之后呢,你只要浏览器不关。你只要这个浏览器窗口不关,他只要登录成功一次之后,Session不销毁了,半个小时之内,就我们用Tom的话,半个小时之内,你随便访问都能直接访问知道吧,但是你要如果这个地方长时间不用半个小时之后呢。嗯,对,那个30就销毁了,三销毁了那个U侧就没了,你再直接访问的话,他又给你登录到跳转到登录页面了,知道吧。
02:03
啊,所以大家也有这种经验是吧,但你在网上,如果你在一个网站上边,你说登录成功之后,长时间不用一会儿再一用,是不是又让你重新登录啊,就就就这个意思知道吧,这就就是根据这个三审来做登录验证知道吧。好,这是我们要说的这个登录验证的这个功能,我们就给他家说到这啊,当然你在这个浏览器上边,你可以做任意的工作啊这些好,这是我们这个关于登录验证我们就说到这啊,然后呢,登录验证做完了,大家我们系统管理的功能就做到这了,前四个是系统管理的功能。系统管理,然后呢,大家看第五个第六个呢,对第五个第六个其实也是系统管理功能,这俩咱们去掉了哪一个,光维护数据字典表,数据字典表我们前面给大家说过,它主要是维护下拉列表里边数据的。维护下拉列表的数据,这个功能咱们已经去掉了,大家可以看一下这个功能,这个我们在课堂上不做了。
03:06
登录成功录在这里边呢,在这边啊,为什么不做了,但是你会发现我们做完核心业务管理的功能之后呢,这个功能就太简单了,太简单了,咱们如果做的话太耽误时间了,知道吧,以前你说老师你的课件上做了,课件上做的时候,我是什么时候做的呢?是在咱们这个还没在线下,还没来线下,就疫情期间在线上的时候讲的时候,这个地方咱们一般都给大家讲,大家可能有有同学是前面班级过来了,可能说这个地方有口音,这个地方在纯线上的时候都讲。为什么纯先生的时是最讲说对那个时间多知说那时候咱们一个阶段是十十八天,一个阶段18天,咱们占两个阶段,就是36天,咱们现在呢,13天了一个阶段,那然后呢,两个阶段就26天,少了十天的课,所以我们这个地方在这个地方这个我们没有这么多时间了,像这简单的这个功能后边做法都已经涉及到了,所以这个功能我们就不重复的做了啊这俩功能不不重的做了,那后边我们准备直接是做哪个了,做这个做创建市场活动这个功能知道吧。
04:18
后我们准备来接着做这个是,那做这个呢,大概我们说那做这个我们首先做的是这账,应该做这个页面上所有相关的功能了。这都属于业务管理的功能,我们后边准备接着做这个市场活动这个功能知嗯,但是你做它之前呢,我们说登录成功之后才能来到业务的主页面,来到业务的主页面这个地方有个问题,我这个地方可以先给大家解决一下,哪个地方就这个登录成功之后再看吧,这个有个404看到吗?所以在这个业务的主页面这个地方,我们登录成功之后有这个什么,这个地方还存在一个404,所以我们下边解决一下这个,我们前面说登录成功的时候,我们能登录成功就行了,这个404说以后做业务管理的功能再再说,现在我们就准备做业务管理功能,下面先把这个问题解决了。
05:08
先把这个问题解决了好,下边呢,我们来解决这个问题,那解决这个问题呢,我们一块儿来看一看,怎么去解决它是吧?那怎么去解决呢?那首先我们分析一下,是分析一下大家看,首先分析一下这个地方报了一个404是吧,那报404,大家我们一块分析下,看这个问题,你一看这个问题,大家会可能一开始感觉到,感觉到有点不太好理解,为什么不太好理解,但你可以看看啊。说以前我们登录什,我们做别的功能的时候,如果某一个网页找不到,访问某一个网页网页网页找不到也会报404,但是以前报404,好像什么在整个窗口当中报过404,这是以前我们做的。就是访问资源找不到就报404,那我说以前报S40,就是在整个窗口当中找到找不到,一访问某个页面找不到,就整个窗口报404了,说明那个网页找不到,你知道吧,那现在的话,我们这个地方它就比较特殊了,虽然报了404,但是它这个404只在什么?对,只在这一部分,这个叫工作区,只在这里边报了一个404。
06:16
在这里边页面找不到别的地方,你看他干嘛,这些都能正常显示这些页面找到了这个地方,这个页面找不到了,哎,你说老师这还不是一个页面吗。怎么还能在一个窗口上面,有的一有的页面部分能找到,有的找不到呢?他他们不是一个页面吗?如果是一个页面,肯定要么都能找到,要么都找不到,怎么还有的部分能找到,有的部分找不到呢?他们就不是一个页面吗?对,他们确实不是一个页面。这个地方是一个页面,这个地方显示是一个页面,它们不是一个页面,外边是一个页面,找到了能够正常显示,里边是另一个页面。
07:00
没找到,所以暴露404了,知道吧,那这个时候就奇怪了是吧,在一个浏览器窗口上面怎么还能显示多个网页呢?可不可以啊,可以是吧?在一个浏览器窗口上边默认情况下只能显示一个网页,但是我们可以通过一些什么技术来在一个浏览器窗口上面显示多个多张网页,知道吧,这就牵扯到我们前面给大家讲了一个叫什么,对对,叫页面切割技术吧,液割液面切割技术,这也是一个很重要的一个技术,知道吧,叫液面切割,液面切割技术知就说默认情况下,你知道默认情况下一个浏览器窗口按理说只能显示一个网页,但是有的时候我们什么显示一个网页,这种显示的数据,然后呢,这个不灵活,把所有的书写在一个网页里边不灵活啊,知道吧,再一个我们说一个网页太多了,以后也不好维护,知道吗?所以我们有的时候往往。
08:01
到什么在一个窗口上面显示多个网页,那显示多个网页要通过一些技术才能显示,默认情况下一个浏览器窗口只能显示一个网页,知道吗?那通过一些这种液面切割技术来实现,知道吧,那液面切割技术的话,大家大家学过哪些技术?不,你们以前学过。学过吗?对,学过忘了学HTM2的时候学过,对学过肯定学过这个标签,对这个学过不对,学过是吧?这个标签还有这个标签这俩这俩是最原始的页面切割技术,对一开始大家学的时候,一开始学页面都是学的,都是学这两这两技这两面。它俩可以,它这两个标签配合使用,可以实现页面切割记录,在一个浏览器窗口显示多个网页,那它俩在看他俩用法大家还记得吗?
09:06
他俩怎么切割的?怎么切割爷们了?它俩是这样,它俩它俩职责是它俩职责是分工比较明确的,应该说这个frame set主要干什么呢?主要是用了切割页面,用了切割页面,切割页面它怎么切割页面,我们前面给他说这个标签里边有有相应的属性是吧。记,对,其中有一个属性叫什么cos是吧,然后这里边你可以写什么,写一些什么,一些像素多少多少像素的数量,或者写占整个屏幕的百分比,这样写,你比如说大看我这个地方,我可以什么对他进行切割,那这他进行切割我这样你比如说大看我这个地方来一个呃,1%个20%吧,逗号,然后呢,百分之,然后呢,这个地方来个60吧,然后再来一个20%,我要如果这么写表示什么意思?
10:11
对,这个时候就表示把整个浏览器窗口切割成三部分,怎么切COSCO什么意思叫column什么按照列切割是列的意思,列什么意思,按列切割,把整个屏幕切三,把整个浏览器窗口切三部分就怎么切,它是这么切,按照列切,竖着切。对,按照列切竖着切,那么第一个20%表示从左到右往数是吧?对,第一部分占20%,第二部分占60%,然后第三部分占20%,因为你写的就是按照这个顺序写的,它默认就从左到右这个顺序把整个窗口浏览器窗口分为什么?分为三部分,但你分五部分可不可以啊?
11:01
啊对,当然可可以是吧,那这那那你就再切几个百分比不就行了吗?他会按照你写的这个顺序依次给你切,嗯,按照按照列切,那你说二我按行切横着切可不可以。也可以他随意的切,那横着切就不是用这个属性了,用哪一个对叫Rose按横切吧,在这里边也可以切百分比,当然我说他俩只能有一个,要么按列切,要么按要么按横切,你不能说在一次切割只既按列切又按行,他不他不知道吗?他不知道知道吧,那在这里边也可以写百分比,知道吧。啊,你比如说大看上面假如说百分之也是百分之,呃,下边10%吧,然后呢,然后80%啊,然后呢,这个地方来个10%,他也切割,当然他俩我们说他俩只能有一个啊,你不能说既按行切又好也切,那假如按行切在这这样切上面10%,中间80%,再下边又10%。
12:02
放弃懂吗?所以这事我们说到这儿,那牛二我就想既按行切又按列切咋办?对,那你那你只能这样,这样你将来什么这个地方大看你这现在假如说你切三部分呢,假如我这个地方还要什么再再切一下怎么办呢?这样在这里边,将来你肯定会显示一个页面,在那个页面里边再按什么肉切,大家明白这意思吧,对这样切,总之用这个标签你可以随意把整个页面切割成各个部分,你想切多少部分,切割切多少部分,那这是我们说到这,那我们说大家这个标签有个不好的地方叫什么,他只能负责切割页面。切割成多少块,我想在里边显示网页了,它显示不了网页,它不能显示网页,它只能把整个页面切割成各个部分,要想显示网页怎么用这个标签,这个标签是用来显示页面的,这个标签是用来显示页面,对用来显示页面,显示页面它怎么显示页面,就是它可以嵌入到这个标签里边,可以嵌入到这个标签里边,然后呢,写这个叫frame,它里边有个属性叫什么SLC,在这里边你可以写一个页面的URL,页面URL,然后呢,你写了,那你知道吧,这个UR,它就把这个ul指定那个页面给你显示到这个frame,写到某一个地方。
13:34
那他俩是吧,它是切割,它是显示,那它俩结合,它俩结合怎么使用,你比如说我举个例子,就这样,我想这么来做,然后假如我以裂切割为为例了,我就这样。这你这不是切割三个部分吗?在这里边写三个是写三个frame面,一个两个三个UL1 ur2 ul3,将来会在左边显示这个页面,然后呢,中间显示这个页面,右边显示这个页面,就在一个浏览器窗口显示三个页面,知道吧,当然了,这个UL1里边也可以什么继续写frame size在size,你也可以按行按列切,随便切知道吗?就一直切下去知道,所以这俩标签的时候结合来使用,结合来使用能够完成在一个窗口上面来显示多个网式,但是说这个网这个技术我们说是早期的页面切割结录。
14:38
早期一般来讲学al都学这个,都学这个技术,现在也有一些公司在用它,昨天还有咱们还有一个,还有一个学生入职之后给我发过来那个问题,我一看他那页面就用这个,就用frame set和frame切割的。他给我截的图,我一看他们就用这个切割,但是这个切割说实话,他这个技术就相对落后一点,因为什么?因为这俩标签是重量级的标签,就重量级的标签什么意思,就他在底层,实际上他所占用的字节数比较多,我们说这些页面用户想看到,我们这页面都在服务器里边存着,用户想看到必须通过服务器,通过网络传到浏览器,用户才能看到,它是重量级的标签,它占网速。
15:20
用户如果网速很慢的话,这个加载半天才能加载好,知道吧,所以这两个技术其实是什么是稍微落后了,但是他们能够很方便的实现页面的切割,知道吧。啊,所以这个地方有些公司在用,但是我们这个地方我们不推荐大家用,我们用哪一个,大家用这个页面切割技术,现在最流行的是这个技术啊,哪一个技术是这个用这个尾签div维是吧,还有这个标签叫f frame这个标面的切割,这是我们这这个切割,这是们这啊这个地方再给大家提一下啊,这个方再给大家提一下这种页面切割激活啊,大家看这种我们说这种frame,它里边可以显示知吧,它是用来切割,它可以显示网页,它显示的网页大家亨这个地方就这样,你比如我们这个地方切三部分,然后呢,在这里边用个frame,用个frame,用个frame显示三个网页,那这三部分只要你加上frame。
16:22
都给你独立的浏览器窗口是完机制完全一样,功能完全一样,这个地方就是一个浏览器,这个地方就一个浏览器窗口,这个浏览器窗口只不过它的面积更小一点,但是他们的功能跟你直接打开一个浏览器窗口功能是完全一样,可以里边独立显示一张网页。对,他是他就这么强大,就好像你用在一个浏览器窗口上面,打开了三个浏览器窗口一样,就这道了,这这是一个一个的浏览器窗口,对,那在这边显示网页,那这时候你以前在整个浏览器窗口显示网页的时候,那个网页里边有什么对象,在这各个浏览器窗口上面也都是一样。
17:03
你比如说他看这里边显着一个网页,这个网页里边有个window对象,也有window度对象,它也有window度对象,当空明的对象都有,这个window对象代表什么,就代表这一部分,它就是个独立的窗口。这个也有个window对象,也有到库,Window对象也就代表它这一部分,它就代表它的这部分都有各自的window对象,到window象就是一个完,就是一个完整的一个浏览器窗口,知道吧。这是我们说到这就一个一个的浏览器窗口,这是这那这那你说老师你强调这一点有什么用。对将来什么,我万一这个地方将来我想刷新一下的话。假如我只刷这一部分,这个时候也叫全局刷新,我只刷某一个浏览器也叫全局刷新。并不是说整个大的浏览器全换了才叫全局刷新,一旦切割页面了,任何一个窗口都是一个独立的窗口,任何一部分都有独立窗口,只要某一个部分刷新了,都叫就叫全局刷新。
18:04
知道吧,并不是说所有的刷新才叫才叫全局刷新是吧,以前我们没切割的时候啊,整个浏览器全刷了才叫全局刷,现在你一旦切割了某一部分全局刷了,也叫全局刷,就这个意思知道吗?所以我们这个地方给大家说了这个每一个是吧,这个地方要强调了这每一个知道吗?每一个这个frame,每一个frame标签标签啊,它显示的部分就到就是一个什么,就是一个独立的浏览器窗口,浏览器窗口吧。它可以独立显示网页,跟我们自己打开的浏览窗口完全一样,跟跟独立用。啊就这就这个我也别想了,就就你就知道它有个独立窗口就行,给你自己打开浏览窗口完全一样,就是我啊知道,而且当然这个地方我们还可以什么。
19:05
进一步的来讲的话,这个地方每一个政府还可以什么给它起个名字,可以给它起个名字,假如说是个F1,随便起名字等于F2F2,然后呢,这个地方name等于和F方都可以起名字,这个名字你随便起,那边起名字有什么用,起名字有对吗?每一个窗口都有一个标识了,都有一个标识,当然这名字不能重名知吗?都有标识,有标识有什么用?将来我就可以这样,将来我可以什么访问一个页面,这个页面响应信息返回,到时候我可以直接指定返回到哪个窗口里边。直接指定放到哪个窗户里边,就这样,你比如说大概我这个地方,我举举个例子,你比如说我这样这个地方大家以前应该学过,你比如说我在任何一个页面上面,在这里边任何一个页面上面,假如有个超级链接,A表示个超级链接,然后呢,Hif。
20:03
If等于它这样URL,然后呢,这个地方假如我这个test,然后呢,这个地方来个A标签,当然我我一点这个超级链接,按理说应该是应该是怎么办呢?对,是不是应该跳转到这个页面去啊,跳转这个页面,那要打开这个页面指定的这个页面,那在哪个窗口当中打开呢。对,默认情况下,在本窗口当打开这个超前连接,在哪儿打开就在哪个打开,我们也可以指定在哪个窗口当中打开。因为以前没切割页面,直接就一个窗口,那直接在那一个窗口打开了,现在切割页面了这么一点,这个超选的默认在本窗口等等,那我就想在指定的窗口打开怎么对可以指定怎么指定。还记得吗?对,他给的等于假如我想在F f3里边打开,我就S3这样,你点这个超级链接,这个超级链接就在这里边打开了。
21:06
我想在哪打开在哪打开,但这个地方能理解吧,对能理解吧,对这个地方以前写过吧,应该对写过啊对写过就好办,我就怕你们说是吧,没写过是吧,那我就麻烦了是吧,对这事我们这了好,这是这个页面切割这个技术,这个我们就先跟他说,我们说这个这种技术比较过时了,说实话过时了效率太低了,用户体验也不好,我们都是用它的,用这两个真正切割的时候用用这两。但你到公司里边看,基本上大多数人用这两个切,很少看到用这种切的啊,那这个地方切的它是怎么切,它这用div负责切割页面,切割页面知道吧,那div切割页面怎么切。DA维大卡这个地方切大家都会怎么切啊,对用什么对啊,因开它可以有什么宽度,有高度是不是这样的,可以有设置宽度高度,你也可以用这种样式也可以,它可以设置它的高度和宽度,知道吧,高度你比如说高度怎么怎么写的,对还是知道吗?哎,这个这边这个。
22:25
是不是这样写的,怎么越看越你单词越看越不对,H1是吧,应该是这样是吧,这对这样然后呢,在这里边给大家什么写上什么高度,占百分之多少,或者占多少个像素,是不是这样的,这样然后呢这个地方,然后呢还有什么对。啊对啊,然后呢,大家看这个地方,然后呢,这个地方假如说占百分之多少,是不是这样的,这样啊,假如说占个百分之嗯20,嗯,整个屏幕的20%,这样它就能够切割了,怎么切割了,它就在你整个知吧整个页面上面给你切割,然呢,假如高度占10%,是高度占10%,然后呢,宽度占20%,假如。
23:16
假如我我简单写了这样的话,我就切割这么一块啊,当然你也可以设置它的坐标从哪开始切,随意切就跟切豆腐块一样是吧,随意在哪个地方随意切,随意切在这随意切知道吧,你也可以指定从哪,它能坐标坐标开始左上角那个坐标也可以指定随意切,所以他这种切呢,就比那个frame set切的时候。对,更灵活frame side只能行列切切的非常整齐,它这个你看啊,随意在哪挖一块都行,知道吗?通过这种CS随意挖知道吗?这是我们说它更灵活知道,好这是我们说这那它切割了,切割完了之后能不能在是能不能是在上面直接显示内容。
24:01
对,显示内容可以,但是我想显示独立的网页可不可以?不可以,Div不能直接里边可以显示内容,我假如这个地方挖一块div,在这边显示一些内容可以显示,但是我也想独立显示个网页不行,但是我们就想在一个窗口上想多个网页,怎么办?用这个。用这个啊,用这个切,用这个,用这个标签来显示网页显示页面,它是做显示网页显示页面它是做显示的,它怎么显示,它这么显示的这样。然后呢,这个地方来个它,假如说再看我这么切了一个D维,我切割了一块。按理说在这里边你可以随时显示任何内容,但这个内容它不是独立的网页,我想独立显示网页怎么办?在这边加这个东西。FMFM就是一个窗口,跟这个一样,就是一个窗口,它是个改进的一个窗口。
25:04
在这地方它也有src,或者它叫什么h iff,在这个地方来个UR,在这里边就可以显示网联了,你这个div切多大,他就给你占不到。你迁到哪儿去,他都给你想治,就这意思。所以它更灵活一点,知道吧,它也能独立显示网页,知道吧,如果不加这个FM,在这里边不能独立显示网页,你可以随意显示东西,但是不能独立显网页,就这意思,知道吧,所以它是什么用来显示页面?这。所以它的用法,当然大家有这个思想,用法都是类似的,知道吗?就是它更灵活,再一个更重要的样,灵活只是它一部分,它什么更强大的地方就是它效率更高,这俩都是轻量级的标签,你看div div就是咱们平时用的div。所以它是轻量级标准,从底层实现的时候,它的牵扯字节数比较少。
26:02
包括这个也是轻量级的标准,这俩都是重量级的,知道吧,所以将来用户访问的时候,从后台往前头传到比较好看,知道吧。好,这是我们的,它效率高,当然用法都是类似知吧,好,这是我们说的这个关于这个FM知道,好下面呢,我们来看看大家我们这个这个页面你看吧。我们这一页面,我们整个项目的这个页面都是基于div加FM的。啊,大家可以看一看。
我来说两句