00:00
我们这个来看我们这个网页,这是业务的主页面,大家可以看一看,这个页面在哪个地方,你可以看看它就这么切的。业务的主页面是沃克奔驰,下边就这个页面,大家看我这个页面啊,你看啊,这这个叫模态窗口,这模态窗口先不用管了哈,就这这种,我这个地方给大家显这模态窗口,后边我专门给大讲模态窗口,模态窗口默认不显示,想让它显示,到时候他才显示,默认是隐藏的,你看不见它,其实这里边还有窗口呢,你看不见,看不见大家先我们先不管啊,这种窗口先别管,然后呢,这个地方也是个模擦窗口,也不用管,默认不显示的,这个也是模态装手不用管。啊,这个地方就开始了,这些默认是显示的王小文。但是你看它整个整个这个页面的这个布局全部都是用div来切割的,你看上面这顶部你看吗?顶部这个div ID叫top,给它起了一个ID,上面占多少部分,你看看看它切割你看吧,对,上面你看占多少高度是吧?50个像素知吧,对,宽度占整个屏幕的100%,你看吗?这是上面这一部分看吗?
01:16
这一部分你说老师这一部分它显示出来了,为什么能显示出来,因为它不是独立的网页。它里边就显示的这些内容,直接往里边显示内容,不是独立的网页,所以只要这个网页就在这个网页上面到,只要这个网页能找到,上面都能找到,所以它不是独立下管,所以它不会报错。零四咱俩在中间,你看吧,中间它又挖了一部分,又切割了一部分,哪一部分就这一部分。这一个大的div,对,看到吧,这个这个大的div,那你看看它占多少,它距离顶部50个像素,距离底部30个像素,就这一块,这是距离顶部是50个像素,距离底部是30个像素,中间这都是它的长素,这是它的高度,然后呢,再看再看看它占整个屏幕宽度的多少来呢?它没写宽度,但是他说距离左侧零个像素,距离右侧零个像素说明什么?对占100%,看到吗?这是大的一个div。
02:18
在大的div里边,他又切割了,怎么切割?对,又用一个div切割,切割什么距离左边零个像素。这宽度占它这个div为整个宽度到什么?对18%说明什么?说明这个左边靠左中间占这个宽度占整个宽度的18%,然后呢,大家看这是一个div高度呢,高度占里边这个div的100%,看到吗?然后呢,再看这是这一部分,在这一部分里边干什么再看。直接就显示各个导航栏这些菜单,你知道吗?这些菜单,所以它不是独立显示网页,所以这些都能找到这些单,其实这些菜单什么菜单就是超级链接,你知道吧,全是用超级链接做的效果,一个一个的,这些都是一个一个超级链接,知道吗?这些菜单所以都能找到了,大家看你看你看右边这一部分啊,右边这玩意切割了一部分,你看吧。
03:14
这是右边的又一个div啊div这个div呢,你看它占什么。顶部占里边这个div位的零个像素,就是就是什么就靠靠顶了,然后呢,距离左边10%吧,那就是右边这些都要都归他了,然后呢,宽度占整个这里边的D82%,左边是18%,还有80%,高度占整个百分之8%,这其实大家这一部分就是这一部分,这个工作区这一部分啊,这个D这是切割的,然后切割完了之后,大哥为什么里边这个报404了,你看看。对,里边有一个网页,你看吗。里里边有一个FM要显示网页了,知道吧,而且它跟这个FM起了一个名字叫work,叫工作区窗口,知道吧。
04:03
这是这个FM的,在这里边它有独立显示个网页,这个网页哪一个网页,就这个网页没找到,没找到里边这个什么,既然加上FM,它里边就是个独立的窗口了,这个独立的窗口跟我们前面这个窗口是一样,给我们前面给大家讲的这些窗口是一样,它就给浏览器窗口一样。所以他这个网页没找到,他就报404了,这知道这是我们才说的,这是大,你再往下看,这是完了,再看下边又有两个div,你知道吧。下边这个div是底部,你知道吗?这个底部来看它占多少,你看30个像素,这是底部,就这样。那你说这个还有一个div,这个div你看这个div是啥,你看。高度一个像素宽度整个屏幕的100%,后边这也不管了,然后背景色设置这些,这个这个div是啥?大哥,就这一条线你知道吗?对。这是都是用div切割,用FM来进行显示的,不需要独立显示网页的,直接显示内容就行了。
05:08
啊,所以这是我们说到这。这是它的重,所以大家以后你到工作过程当中,基本上每工都会这么来做,FM加div来切割网页,你要能读懂这好,那这个地方有有这个地方大家大家有疑问了,这个网页刚一打开的时候,这个地方就报了一个404。那说明他在这个窗口当中就去打开一个网页了。他刚一打这个整个大的网页,刚一打开,它就又访问一个网页,在哪儿访问呢?在哪儿访问呢?那我们这个窗口里边没有没有显示那个网页啊。这里边就一个窗口,它里边没有什么SCF什么之类的,他去访问哪个网页了。访问哪个网页了?对大家我说当这个页面刚一打开的时候,他就去访问一个网页了。
06:04
杠一打开的时候,在杠一打开的时候,它肯定要执行一些代码去打开,要么在这个地方直接用HSRC,它这个这没有HRF没有src,那什么在这个地方打开的,当这个在这个整个这个页面的这个对这个什么入口函数里边对看到吗?这个地方看到吗。在这个地方,当页面一加载完,就执行这里边代码执行,这边代码执行到这一行的时候,你看他干了什么事,Window表示什么。对,浏览器窗口是吧,Open呢,打开打开哪一个网页,这个网页打开这个网,这个网页大概在这个地方呢,这个网页在这呢,就就这个网页打这个网页去了。打的时候它默认情况下应该在这个网,在这个浏览器窗口当打开,它为什么在FN上打开了,对后边加那个FN的名字那吧,在指定的窗口当中打开这个网页,打的时候这个网页在外部音没找到,没找到BO404了,知道吧。
07:07
所以这个地方这是我们这,那现在呢,我问你了,我们要想不让他报404,要解决这个问题咋办?地址。对,写一个ctrler在这个地方,让他去ctrler ctrl跳转这个页面就不会报404了,知道。所以这个地方我们一会儿呢,一会儿来解决这个问题,写这个写一个CTRL跳转问就行了,知道吧,一会儿来写吧,好下边大家休息一会休息,我们来看看一会这个代码,这个解决一下就行了,好下边呢,我们来看这个,这个当业务的主页面刚一打开的时候,在工作区中报了一个404,就为什么报404,就是说在这个业务的主页面刚一打开的时候,在这个入口函数里边访问了这个页面。一访问这个页面,然后呢,他就打开这个页面,那打开这个页面在哪?打开在工作区里边打开这个页面,由于在外部in符加不能直接访问,所以那么暴404了。
08:00
对,下边我们要解决这个问题,是不是我们要写一个controller,然后让他CONTROLLER1访问的controller跳转到这个页面,然后在这个地方让他去访问那个controller去,这样就行了,所以下边我们就写那个CRL了,这个地方呢,我们这个地方我就不不画流程了,因为这个比较简单,所以我写个cler,这个crler将来一访问它就要跳转到这个页面,哪一个页面就这个页面,就这个页面。下边我要写一个CTRL了,那写一个CTRL是新创建CTRL还是在原来CTRL基础上加方法?对新创建CTRL还是在原来CTRL加班吗?对吧,那咱们将来讲的标准是吧,就讲那个原则就是么?看看将来我们这个页面一访问的时候,要访问到哪个页面去把小访问哪个页面,是不是要跳转到这个页面,对这个页面,那这个什么跳转这个页面,那这个它处理的资源资源就是这个页面,那我们说那这个资源页面到底新是不是要新创建品牌,看这个资源是不是占立独立一个资源目录,它是不是占一个独立资源目录,那说那根据我们的原则,应该新创建一个群多录。
09:10
叫main拼出了,所以main这个资源目录下边的所有的请求,然后呢,都什么都交给main拼出来处理,所以我们来写个main拼出了,当你说老师我就要创建一个什么work和编,放到work编CTRL里边,然后加一个方法行不行,对也行,语法上可以,当然这不符不符合我们的编程的原则,然吧,不符合编程原则的话,那将来可能就有问题,有什么问题,假如说这里边要用cookie的话,往外写cookie的时候。那么在别的地方,假如他想获取到那个cookie,当然了,你这个路径如果是你在用沃克奔驰CTRL里边往外写的话,沃克奔驰呢,Ul都是跟沃克奔驰这个什么资源目录相关的,他写的库位在这边有可能获取不到。用cookie跟路径相关,所以大家记住我们的原则,对,到底要不要创建CTRL,看看将来这个CTRL处理完请求之后,返回响应系统,返回到哪个页面,那个页面就是他处理的资源,资源资源页面,那个资源页面所占的资源目录,一个目录对应一个controltrller,知道吧,所以我们这个段新创建一个ctrller,然后这个CTRL我们叫main ctrller,那它应该属于沃克奔驰的功能,所以我们把这个ctrler创建的沃克奔驰的这个包下边,那这个包下边写到它的CTRL这个包箱包,所以我在这里新创建一个CTRL,这个CTRL来一个叫me ctrl知道了,好,他这个CTRLL类,然后呢,这个地方来一个对朱杰,所以这些代码我说语法就好办了是吧,好,这是我们知道,当你要想让这个controller这个注解起作用,让spring起扫描这个包,那这个包带上,以前我们写过一个controller,是不是这个包?
10:57
一定被扫描过了,要不然你以前写的时候这个什么CTRL也不能用了,是不是他们在同一个包下边已经被扫描扫描过了,所以我这个包就就可以直接我这个注解就可以直接用了,不用再扫描了,所以在这里边直接写方法就行了,那写方法下边我要写一个方法了,那将来一访问这个方法要跳转到这个页面去。
11:19
那就像这个页面,那下边我就写这个方法了,那这个方法来一个CT层方法,Public的用cler层,这些方法就是将来就是让springc去调,所以它的访问权限,Public返回值是什么类型的。要跳转页面大概返为什么类型的,对spring类型的或者model也行啊,刚我们说了,那我们这个段就spring类型的,然后呢,它的方法名,那就是什么要跳转index页面,我就叫index是吧,然后呢,这个地方这样就行了,然后呢,它这个CTRL层的方法,那么将来要防要处理客户端发布的请求,O处理什么样的请求,给他分配一个UFO request map uo。
12:01
然后呢,给它分成U这个URL,我们前面给大家说了,不能随便写,要和他处理的资源路径保持一致,它处理的资源病将来要响应性,要回到这个页面去。对,这个页面的资源路径来谁啊?对,从视图解析往下找,沃克奔驰没来吧,那这个地方来一个,沃克奔驰来一个没,大家要按照原则写,你不能随便写,你随便写将来有问题,而且这种问题一旦出现是最难调的。就这种问题,所以按照咱们这种原则,写不写的话,以后也会出会出问题是吗?路径写好了,下边资源的名称,资源名称和方法名一样调度这就行了。好,这样我们就可以了,那将来跳转页面不用加瑞邦包,前面没有传参数,不用定义形态,在这的话直接写我代码就行了,那先文代码干什么,是不是直接跳转啊,跳转到,然后呢,Main下边的index.jsp行吗?那跳转怎么跳转啊?对瑞return直接写那个页面的资源路径,页面的资源路径从哪找?
13:09
对,试图解一方找沃克奔驰门引代词,对,然后呢,这个地方来个沃克奔驰,然后呢,这个是门加不到index,它会自动加上前缀和后缀。你只需要写到这儿就行,这样的话我们这个C就行了。那CTRLL写完了,那我们这个地方,它将来就可以直接让它跳转到这来了。直接让它跳转到这儿,当这个页面一加载完的时候。业务的主页面一加的话就直接访问这个存储了。访问这个片片,在这个工作区中打开,打开什么,打开这个页面是吧,打开跳转这个页面,那这个页面我们把它改成JSP就行了,那改成JSP吧,那这个地方把它改改了,改的时候呢,我们说牵扯到编码和base标签。他没有用到GSTLGSTL标签库不用引入GSTL标签库了,只需要加上编码和base标签就行了,那我说编码和贝不用自己手动写,直接拷就行了,我这个地方直接拷过了,找一个页面,以前写过的CTRLC拷贝过了,然后呢放到我们这里边。
14:19
然后呢,这个地方啊,写到我们这里,那既然加上贝标签了,这些点点,这些点点杠都去掉了,选中LCTRL2,然后呢点缀全部提供,这样的话,大家我们这个页面就改造好了,改造好之后把它改成重命名称,右键重命名改成JSP就行了,对,然后呢,这个地方呢改成JSP,然后呢点重命名是这。这样的话呢,我们就改完了,改完之后再看我们这个404就解决了啊,当业务的主页面刚一加载完,就通过window.open打开这个UR,这个UR跳转到me.JS下这个in.JSP在工作区中打开就可以了,就不会报404了。
15:06
好,下边我们来启动服务来测一测,大家可以看看。好,下边呢,我们来登录张三,然后呢,这个地方来一个YF123回车登录,大家看吧,这样的话它就不会出现404了,这个页面就打开了。大家注意,这里边是个独立的网页,独立的网页知道它就相当于一个浏览器窗口一样,将来只要它全刷新了,整个就是全局刷新,知道。它是一个独立的网页,知道独立的浏览器创投知来显示这个网页了,这样的话我们就可以了吗?好可以完之后呢,大家看这个地方还稍微。
我来说两句