30-尚硅谷-servlet-thymeleaf快速入门

我们刚刚给大家讲的是服务器端的内部转发，以及客户端重定向这么两种资源跳转的方式。那下面呢，我们需要来看一看，这个叫time。Time Le是什么呢？Time Le它是一个叫视图模板技术。到目前为止啊，同学们。我们从数据库所查询的数据还是仅仅是打印到控制台？然后虽然我们学了HTMLCSS以及javascript，但是我那个HTML页面上所写的数据都是假的。所以呢，现在我要来做一件事情。我要让我的HTML页面上，它所显示的数据是我们从数据库当中查出来的。也就意味着它页面上显示的数据是真实的。行吧，同学们，我们就来做这么一件事情。所以这个时候呢，我们就需要一个叫time这么一个模板技术。

那么我们没有必要，我们没有必要去说，从理论的角度一点一点去学它，没有必要。啊，大家跟着我做项目，我们通过写这个案例，做这个项目的方式，咱们来把它里面的各种各样的标签，咱们来学一学。咱们先回到课件。我们的SF稍等一下啊。这个叫same life或者叫time live都可以啊，来，我们一起来看一下。呃，这边的文字描述呢，我就不再去带着大家看了，大家自己课下你把它去去看一看。啊，把它去看一看就可以了，我们直接来使用，等大家等大家使用的比较熟练的时候，我会再带着大家来把第一节和第二节什么叫优势，咱们再来看一看。等我们学完了，等你会用了，我再反过来给他带着大家看优势，你会一目了然，一看就清楚是啥意思啊，现在还没学呢，告诉你啥优势，你也没有什么特别深刻的体会。

啊，所以咱们先来使用。好。我们直接回到第三小节，咱们一起来使用一下。如果我们想使用time。我们第一步我们需要在我们的项目里面，我们需要添加架包。我们需要把价包加进来。好了，我回到画图工具啊来。这是我的客户端。这个是服务极端。后面是我的数据库。当我们的。当我们的客户端第一次发请求的时候。第一次发请求。他。响应给啊，请求请求一个组件稍等啊，把它往下面挪一点点啊。挪一点点挪到这啊差不多。放到这儿吧。这样一个差不多好。他发一个请求，比如说我这边我就写一下啊。我写一下。发给index。我就发一个请求给index。

然后我们有一个组件。这个组件叫index。Index这个组件会能够进行响应，它里面的service方法会进行响应，是吧，同学们，Service指的是服务方法，那么具体再具体一点，你得看一下到底是get还是post，那行吧，咱们要不就定义成do get。你通过地址来访问嘛，那就都get啊，那行吧，那就都get，来来来请求吧，好。那么这个它会去调用下面的DAO组件。调用这边的DA组件。好，我们把它画在这do组件。行，我们称之为叫float DA m p。那么这个float的dapl组件，它会去调用best DA组件。我买BEST5主，钱花得上。这是我们的best deal。

行吧，同学们，我就把它画在了啊。OK。行。然后呢，Best do，他帮我们去来把它画出来啊。他向他发请求。那么fruit do内部会去我们do里面的方法啊，Best do里面的方法。Best会去，我们向数据库进行通信。和数据库通信之后，它就可以给我们获取到数据。然后我们再把数据再响应给我们的DA。那么do，它在于它在以返回值的形式。响应给我们的斯。所以在我们当中，我们就能得到数据。好，我把它写在这，我们就会得到一个数据，我们得到的数据是什么样子的呢？我把它写在这。List叫flu，叫flu list行吗？同学们，我们就可以得到flu list这个数据。

Fruit DA float da.get fruit list行不行啊，这个这个这句话咱们一不是学新课应该都能看得懂吧？如果这句话你感觉到很陌生的话，那就说明前面的代码你没有把它练熟了。所以说在我们index当中，我就可以获取到这个list了。获取到的list之后，我再经过第二句话。叫3.set。Attribute fruit list。Float list，我把它保存到三线作用域，能看得懂吗？我把我得到的这个集合保存到三线作用域。那么第三句话。第三句话，我写一个叫response.send redirect。Sendary，好，请求index.html。这句话是啥意思啊？

这句话的意思是告诉客户端。请你再次发请求给index点没，然后我们就可以在index界面上进行显示了，但是稍等一下，这句话是我们刚刚讲过的，叫重定向，我得把这句话换掉。我们以前在学JSP的时候，我们这么去写啊，response.ary direct index.jsp是没有问题的，但现在这句话咱们得把它换掉。好，我剪切掉了啊，我们这句话得换成另外一句话。这句话叫点process。啊，什么什么什么，这是一句话，这句话在哪里会出现呢？在我们time里面会出现，大家先不着急啊，总之有这么一句话，这句话的作用，我们里面会出现一个叫index。啊，会出现一个叫index，而这个index它对应的就是我们的index.html。和这边的index是两码事儿，一会儿我再告诉大家啊，怎么来实现这个东西啊，大家先不管，先把这个流程先听懂。

再说一遍，第一次用户发请求index，那么我们index这个组件会响应。响应之后，Index里面会去调用do它里面的方法，然后DA会去调用best do去帮我们去数据库查询。获取到数据，我们会得到一个list。然后我们把flu list保存到三线里面去，是吧，同学们保存到三线里面去，好，我们在三线里面已经保存了list，下面一步我要做一件事情。下面一步，我来做一件事情。好，我把这个图画在上面啊。这第一个。这是第一个。把它画到这。这个我们称之为叫index.html。这是一个页面。这是一个index页面。这是一个静态页面。静态页面好。

再来。我们现在已经获取的数据叫flu list是吧，同学们？我们已经获取到数据了，叫fruit list。把它画在这。好，就这样吧。放大一点啊，叫float list。OK。把它写到这。这个是我们的fruit list。啊，是我们的list，它是个集合，咱们把它这样写吧，List行吧，同学们叫list。那么我们的index.html。和这个集合list，把这两者进行合并。啊，把这两者进行整合。好，这个页面。稍等一下啊。我们用绿色的线把它画在这。把它画在这，然后这个是还有一个是黄颜色这个线把它画在这。

这两根线整合的过程。在。在index.html页面上啊，页面上加载。Java内存中的fruit list数据。在index.htm页面上加载Java内存中的list的数据。这个过程我们称之为渲染。我们称之为叫渲染，叫random。这个单词。啊，叫渲染的意思。稍等啊。渲染啊，叫random接这个。渲染器啊。叫。RENDER。是不是这个啊，叫render，叫渲染。

好，就这样的那行。关掉啊，称之为叫渲染好，为什么我要强调这个词，因为我们后后面一个阶段，我们要去阅读源代码，要去分析源代码的时候，人家有个方法叫render。所以这个单词大家还是要记一下的，行吗？同学们啊，提前先记一下这个过程我们称之为叫random。啊，其实就是我们试图的一个渲染，那么这个渲染谁来帮我们做time？Time。啊，是用来。是用来帮助我们做视图。渲染的。一个技术。行吧，同学们，Timelif就是用来帮助我们做视图渲染的一个技术。他能够帮助我们把这个静态页面和这个数据融合在一起。那么我们这个静态页面上就能显示这些从数据库查询出来的动态数据。那么这个技术咱们使用timelif来进行实现，具体怎么实现咱还不知道呢。

好，先把这个流程先搞清楚，那要不这样吧，同学们，我们先不管time lift，我们先把之前的这一套获取到list，然后保存了三线，咱们先把它完成，行不行，同学们。好。现在我们回到页面上去。我把PROJECT08把它关掉，我们重新新建一个。新建一个报道。下一步啊，这边我要写一下PROJECT09杠，我这边写的叫fruit1.4啊，Fruit1.4就这样，然后呢，我们这边写一下叫time。Finish。那行，现在我创建了一个空项目，对不对，那我需要把一些内容啊，我需要把它拷进来。啊，我们之前写的这个flu里面应该有些数据，我们需要把它拷进来。至少你这个P得需要考进来嘛。是吧，同学们那行吧，咱们从这。com.at硅谷点fruit.p.fruit行吗同学们？

好，然后咱们把这个类CTRLC。松开的停掉了啊，上一个项目我们就不用看了，再回到这边来，咱们覆盖一下全球飞粘进来override啊，覆盖一下行再来。呃，咱们的那个DA应该也是需要的吧。是吧，同学们，Do也是需要的，我再说一遍这个best do，如果大家感觉很吃力，你先使用。先学会使用。减轻压力，把我们项目完成了，然后你还有精力再去琢磨一下best里里面老师怎么写的行吗？同学们一定要注意顺序，你不要说一看到best哦，一看到很害怕哦，我就不会了，不会之后就放弃了，那你这个会任务会越拖越重，最后你都不知道自己怎么学了。啊，所以大家一定要注意先后顺序啊，Best do，如果你实在实在你觉得很吃力，那就先不看，先学会使用它啊，给JC回到这边来，我把这个best丢，我把它放到外面去。Com at，硅谷，我在这边新建一个叫MYSSM，我把它放在这里面去。

我把它放在这个里面啊，然后我这边写个叫best丢这个包，然后在这里面出现一个叫best丢行吗？同学们。啊，就是这样的好。行，然后呢，把这个bestv粘贴一下啊。好，这样我就把它覆盖进去了吧。没问题啊，我现在已经把它覆盖进去了，没问题，暂时这个地方我先写死了吧。行吗？暂时先应变吧，其实咱们也学过JDBC.pro了，是吧？同学们，其实我们这边是不是可以把它改的灵活一些去读pro文件啊，有印象吗？啊，不管了，咱们先不改啊，减轻大家压力，先关掉。好。我也考过来了。再来。嗯，这个float do我就不考了，因为现在我只需要一个float list的这个方法，那么我就自己去新建一个吧，所以这玩意儿我就不看了，行吗？同学们关掉了啊，我不看了。好，全部关闭。回到这边来。

来，现在我回到这边来。我来新建一个接口。Do点。我们来写一个叫fruit do。然后在这个里面我们写个叫获取所有的库存列表信息。那么就是public list fruit get fruit list行吗？同学们？这个方法我就把它写好了。然后我们再来写它的时间呢。回到这边来，我们来写它的时间内。点fruit DA。好，我们让他继承best do，我说过best do你实在看不懂，但是你得会使用。第一步，先学会使用它。好。Float do，所以我们使用它的时候，是不是要继承best do，然后一定要指定泛型啊，就这样子，然后我们来重写一下它的一个方法啊，接口里面一个未实现的方法。那行这个方法咱们怎么写啊，super.xq的。

新服装提纲服装写完了不？啊，是不是写完了行。关掉。所以呢，下面一步我们再来写一个S，我下一步就应该是写S了。啊，然后在我们里面去访问。好了，所以回到这边来，我来新建，我新建个叫。然后我新建个叫index行不行，同学们。继承。HTTP。OK，他怎么报错了？因为咱们没有加他盖的依赖是吧？同学们啊，现在如果说你还感觉到不知道怎么去调的话，要好好反思了啊好，回到我们零九，找到dependency，点击加号，然后找到library，找到它。没错吧，同学们记得把它加进来，好点击应用。好，然后我们rift，我们把这些全部删掉行不行。全部不要，然后咱们就加一个看好了是web application。

Web application from model，选零九，点击OK，点击应用，点击OK。好了，那现在我们导播一下吧。导进来了，然后我将来我想我想说的是将来我们就在网址上面直接访问index，所以呢，我这边就重写一下do get行吗？同学们啊，我重写一下do get方法do get。好，就是它。就这样的，多get的方法。然后在这个方法里面，按照我们刚才图片上的要求，我们得去获取float list。所以我们要去调用DA里面的方法嘛，那么我们得先准备一个DA。Do do。等于new fruit do。是不是同学们这是第一步？再来第二步。我们要去调用fruit do.get fruit list是不是能帮我们得到一个list集合呀？第三步，我们是不是要把它保存到三星中药？保存到。保存到筛选作用域。

叫request。要不我们一步一步写吧，筛选等于request.get筛选这第一步，第二步筛选点set attribute fruit list。List。然后我们要完成跳转，行，就在跳转这边做文章，咱们先不跳转，我们先来看一下这玩意儿有没有获取到。行吧，同学们，我们看一下他有没有获取到啊，我就把锻炼师的这一行，我们到时候看一下这个数据有没有行，我们要对它进行注册一下。我们回到web。找到web.X文件，那行吧，我顺手给大家再讲一个新的小的知识点，很小。这个index我已经写好了，那么我下一步是不是要在这里面进行注册哟。好吧，我觉得那个标签太多了，而且这个XL文件现在老师还没有正儿八经的给大家介绍呢，啥叫X秒对吧，还没介绍呢啊，所以呢，我不想在这里面写了，我们有个更简便的方法。

S从3.0开始，它也支持注解，就像这种at符号注解是不是啊，它也支持注解，所以我就在这边写一个叫at web。然后这里面出现一个叫杠index。能听懂吗？同学们，我就出现一个叫杠index就可以了。这是我们从从3.0开始。我们写一下啊，从3.0版本开始，支持注解方式的注册。好不好，他开始支持注解方式的这么一种注册。就不需要你在web.X文件里面再去写了，所以呢，其实啊，我们后面这个web.X文件是可以删掉的。说干就干，现在就删。直接把它干掉行吗？同学们，外边点X文件我都不要了，我直接搞这个index就行了。啊，但是说实话，下面呢，我要讲time Le，下面我要讲time Le这个web.X文件的最好咱们还是保留着，为什么呢？为什么？因为咱们time里面有些小的配置啊，我们通过web等XL文件的方式来进行配置，而不是注解通过配置文件的方式，虽然说那个字母比较多，但是其实对于大家而言比较好理解。

啊，大家是比较好理解的，所以呢，我们最好暂时先保留，我先把它撤销，我先放进去。啊，其实这文件是可以删掉的，行吗？同学们好，再来。来，再回到我们主题上来啊，这玩意我已经加了，但是我这里面没有注册吧，不需要注册啊，加一下斜杠不要少。好，下面呢，我把我的项目部署一下，我来检查一下，看这玩意儿能不能查得到。行吧，同学们现在肯定不行的，因为我们那个JDBC的那个架包是不是没有加进来啊。行吧，选中它，点它project structure，找到model，然后呢。是不是depend啊，是不是加号library。这个这玩意儿点击艾特把它加进来。

那我一加现在运行有用吗。哎，为什么没有用啊？我们那个rifect是不是早就存在了，你加包刚加的，那你的加包是不是没有更新到rifect里面去啊。所以回到这边来强调好多次了啊，回到problem这边来，咱们把它ADD to是不是ADD library to the artifact行加进去。应用OK，现在咱们到这边来部署一下。Deploy这玩意没有了，删掉这008项目嘛，是吧，删掉啊，点击加号rift啊零九没错吧。呃，零九，咱们就要PROJECT09吧，就这样。应用。好，OK。呃，然后它默认情况下访问啥呢，我看一下啊。默认访问的还是零八，这肯定不行啊。咱们默认让它访问零九行吗？同学们，零九杠index。Index行吗？就这样的好。应用OK，启动一下吧。

没关系啊，反正他现在在在启动嘛，我就利用他启动的时间，把这个笔记稍微写一写啊行，你看同学们是不是已经执行到24行了，表示我们浏览器发请求了吗。回到浏览器啊，表示这边肯定是已经发请求了啊，但是浏览器这边还没有反应过来呢，不管它啊，它已经发请求了，那咱们来看一下list有没有数据。你看size是不是29个，回到数据库，看一眼数据库。能看到我鼠标吗？是吧，29号啊，那说明确实能查到，行，那不管他了啊跳过去。全部跳过去啊。

这样就可以了，说明我们数据确实能够查到，说明我们目前为止写的代码应该没有错误吧？好，下面我就要把这个数据啊，把它保存到筛选里面的这个数据，把它展示到页面上去。我需要把它展示到页面上去。OK。所以。我在我的web下面，听好了是web不是web in粉也不是项目下面，也不是src下面啊，咱们有同学建这个HTM页面建的src下面是吧。这个所以大家要注意一点啊，在web下面咱们去新建。新建一个HTM页面，我们新建一个叫index.htm。那么我们把我们，呃，之前写的那个代码呀，我看看能不能把它拷过来啊。我之前是在哪个里面写的呢。

我之前是在哪里面写的呢？是在CSS应该是在这里面是吧。应该是在这写的啊。呃，CSSJS，然后呢，咱们找一个代码，然后是代码零九是吧，CTRLC，然后呢，CSS image GS ctrl c。好，JS可以不要啊，稍等啊，我先复制过来啊，全部粘过来。我全部都粘过来了。没问题吧，JS呢，咱们要不就别要了吧？JS不要删掉。好，CSS可以先留着，零幺也不要。姨妈巾留着。然后呢，这个index我刚刚新建的这个也不要，index.jsp也不要。咱们刚刚考进的这个叫代玛零九，我把它改成叫index.h行不行，同学们。稍等啊。卡住了啊，Index点里面对的。好，先停掉啊，先停掉，大家这个飞球先不下载啊，先不从我这边下载，要不然这个会很慢。我一会儿讲完课会给大家压缩一下啊，大家可以再去下载。

Index HL在这呢，我们把这里面改一改啊，这个叫代码零五不太好，这个GS不要了吧。这一行删掉。这个改成代码零幺，或者就改成叫index.css。行，那我这玩意儿是不是改成index.css是不是。index.css。嗯，这里面我们把它看一下啊。呃，库存的这个水果的名称，要的单价这个数量，咱们把它改成叫库存吧。行吧，同学们。这个小T，小T这一行我就把它删掉了。行不行，备注我不加，备注不加名称，单价，库存。行吗？同学们，然后再加一个操作，总共有四个。所以删掉一个。啊就留着它，后面这些都不要，总计也不要了，删掉。能看到不？然后这个HR这个DRV全部删掉不要了。咱们就写一个table就可以了。

啊，这样比较简洁。Div，好，Body body点里面一个div，这是外面大的div，大的div里面一个小的div，这个小的div里面放了一个table行吗？同学们。好，就这样吧。行，这是我的准备工作，准备工作我已经把它做好了。下面我要开始讲time了。回到我刚才的read me，我把read me打开啊，写在代码这个PROJECT08里面了啊，打开。我们time，我需要把它加进去，第一步我需要把它的架包把它加进去。架包，所以呢，我可以在这边新建一个library文件夹，或者你就直接往这里面扔也行啊。往这里面扔也是可以的。啊，或者我这边新建文件夹也没问题，随便你啊。我们写个叫time。杠library。行吧，同学们。哎，怎么跑这来了？这个它根据这个字母顺序排的吧。是吧？嗯，这个放在这边好难看啊，这个也是原谅一下啊，稍微有点强迫症。

我换过来library_time内。这种可以了吧，哎，这样看着舒服多了啊，挨一块是吧？行，咱把家包拿过来。找到library。Library time library，看到吗？已经准备好这些夹包了，Can you see。好到这边来，CTRLV。我全部加进来了，然后选中它右键叫ADD as library，是不是选它名字就叫这玩意，就叫这玩意，点击OK。行，那请问一下现在我这个项目有没有用。你肯定没用，你光把它设置为library，但是和这个依赖没建立依赖是不是啊，行第二步建立依赖。再回到model。再回到零九，回到dependency，咱们需要添加一个，把这玩意加进来是吧。点击艾行现在加进来可以了吗？

还不行，还缺一步，你这个RDX里面是不是没有啊，咱们点一下ADD to。现在应该可以了是吧？行，这是第一步，把价包添加进来搞定。第二步，我们需要在web.X文件中需要去添加配置。啊，需要去添加配置第三步。第三步。我们需要去使得。我们的。使得我们的要继承view best，所以稍等一下啊。第三步，我们要新建一个类。要新建一个类。啊，叫view。大家不用害怕，这个类是干嘛的，不用你去建，这个类已经建好了，大家直接照抄就可以了，这个view best是我们直接从time的源代码里面拷出来的。所以它里面的代码大家不用写，一会儿我给大家解释一下里面的代码是什么意思。

我们回到课间，我们找到time Le这边全部关掉啊。第一步加加包，第二步配置参数，配置参数先不看，咱们先直接把这玩意先拷过来行吗？同学们。从这里开始叫VI bestlit，一直往下。我们这个课件做的非常好啊，这个里面你看它全部加满了注释啊，大家课下的时候可以把它慢慢再看一下。回到这边来。Sc com艾特硅谷好。我们就回到MYSM，回到这里面去，回到这里面去啊，我在这边，我在这个地方。我来新建一个，新建一个叫。叫我新建一个包，然后在这个包里面，或者我新建个，嗯，稍等一下啊，我就新建一个叫my spring mvc吧，虽然说大家还不知道啥啥意思啊。叫best。我新建了一个包，然后这个包下面一个类叫view best，能看懂吗？好，然后呢，我把这个刚才复制过来啊，把刚才的代码复制过来，从这到这删掉CTRLV粘进来，我粘进来了吧。

我全部粘进来，然后它自动给我导包，已经导好了。咱们一起来读一下这个类。这个类叫best。他继承了HTTP。然后他没给我完成初始化的工作。这个方法先不看。然后下面还有一个方法叫template。叫process template process叫处理的意思。Template叫模板，叫处理模板。这个处理模板需要传三个参数，第一个参数叫模板的名字，第二个参数叫请求，第二个，第三个参数叫响应。啊，第一个参数叫模板的名字，我们想要用的就是这个方法，叫process template。好，就是我这边写的process的这个方法。

好，再来。那么这个方法它可以帮我们完成资源的转发。并且数据的渲染，它可以帮我们完成这两件事情。啊，就是这个方法。那么这边有个叫模板的名称，叫视图的名称，视图的名称是什么呢？好，咱们先留个疑问，先放在这边。注意看。回到这边来，所以我这边新建了一个类叫view best，我已经建好了吧，我把这玩意剪切放在第二步。第三步，在web.XL文件中添加配置。添加什么配置呢？咱们一起来看一下。到这边来。我们在web.X文件当中需要加上这个配置，我先把它拷进去。我先把它拷进去。再回到我的页面上去。回到这儿。

再打开它，打开它。好，所以说我说为什么干的不删，因为咱们这边还要写点配置啊在这。Context叫上下文，这个叫配置上下文参数。叫配置上下文参数。我们写一下。配置上下文参数配置上上下文参数我会专门去讲的，大家目前只要会去使用就可以了，我在这边配的两个上下文参数。第一个上下文参数的名称叫view prefix。第二个上下文参数的名字叫view xx。这个单词的意思叫前缀。She这个单词的意思叫。后缀。好，我把它写在这儿。在web.X文件中配置啊，添加配置第一个。配置前缀。配置前缀叫prefix。

第二个叫配置后缀。叫X。啊，叫X就这样的，我就配了两个，一个叫X，一个叫prex，行吧，同学们，或者把它view杠加上也行吧。VGA。杠。配置两个。那这两个里面配的是啥呢？第一个叫web interview，嗯，这个我不要，我直接改成一个斜杠。我直接改了一个斜杠，这个斜杠代表的就是我们这个web跟目录。下面有个叫点HT没有。啊，叫点HTML。行，我已经写好了。现在我已经把它写好了。再来。再继续。好，这边也没问题，现在我这两个参数已经配好了，这两个参数在哪里会用呢？同学们在这个阴力的方法里面会用，我在这个阴的方法里面会去读这两个参数。

Get什么什么per per是不是参数的意思啊，叫获取什么初始化参数，你看这个名字对应的就是这个名字。然后view fix这个名字对内接这边的这个名字看到了吧，所以他会去读这两个值，你得把它配上。啊，下面的过程大家就不用管了，行吧，同学们啊，所以这个应力的方法大家可以先不看，如果你觉得代码很复杂，你可以先不看。没有关系的啊，不用担心。再来。再来。第一步加包加了，第二步view best也写了，第三步配置文件也写了，第四步使得我们的要继承view best。哎，我们刚才写的塑料在哪里哦。在这index是不是本来我们是继承HTTP，现在我们把它换掉继承view best行吗？同学们，因为有人说老师，那他继承它之后，它还是一个吗？

他是一个色的吗？进了那之后。他是的，因为这玩意儿是不是记着呢，HTTP啊啊，它是没有问题的，行再来。所以我们把它换掉之后是没有问题的啊，不用担心，系上它就行了。继成它之后，我们就可以调用负类里面的那个方法了，叫process template。我们就可以调用这个方法了。所以我这边注意看。我一句话，Super process template。第一个参数叫index，第二个参数叫request，第三个参数叫response。我把这一句话就写完了。这句话叫处理模板。第一个叫视图名称。此处的视图名称。名称是index。

那么，Time。会。将。这个什么呢？会将这个逻辑视图名称。对应。对应到。物理视图名称上去。会对应到物理视图名称上去。啥意思哦，说的哟。叫index，好物理视图名称。是什么呢？物理速度名称就等于。前缀prefix。或者我写全了吧，View杠。加上。逻辑视图名称。再加上view-X。好，请问同学们，所以。

所以。真实的视图名称是。是什么？真实的数字名称是view view是什么？斜杠是不是刚刚配的。行啊。再来。逻辑式的名称是什么？Index。下是啥？点H对，没。点。HTML，所以我最终跳转的那个页面是不是叫杠index.html。那杠index HL不就是web下面的index.h页面吗？是吧，同学们，这样我们就把它组装上去了。这样我就把它写好了。啊，这样我就能跳转上去了。不知道行不行，咱们来试一下。现在这个页面上数据还没有办法正确的展示，先不管它，我们先看一看我们刚才这个逻辑啊，能不能跳到这个页面上来行吗？同学们先试试看啊。

全部挂掉。我们来启动一次。我把刚才的这个里面的代码啊，在这个地方。把它放到这边来。根据呀。稍等啊，这跑到断了这边稍等一下，我把它写写一下啊叫根据。叫逻辑视图名称。啊。叫得到物理视图名称是吧，这个过程我把它写在这行吧，同学们。我就写到这边了啊，此处的逻辑适度名称是index，那么time内会将这个逻辑适度名对应到物理适度名称上去，它怎么对应的？

逻辑数的名称是index，物理数的名称是view pre加逻辑数的名称加view，那么pre咱们设置的是不是杠？逻辑数的名称设的是dex，像设置的是点XL。所以最终它跳转的是杠index.h。行吧，同学们好，就这样子。好。我们现在已经启动好了啊，他断点在，我把断点直接去掉行吗？同学们直接去掉，然后点一下。行，跳过去了。你看这页面是不是出来了。它这个地址呢，还是index，不管它，但是我们实际看到的是不是已经是index.h这个页面了。嗯，没问题吧，好，我们已经成功了一半，现在我们已经成功了一半一半啊，坚持一下，坚持一下，还有十分钟。坚持一下啊，继续。这个视频有点长了啊，要不我断一下吧。