00:00
所以呢，接下来我们下一个步骤呢，就啊看一下如何在next项目当中创建一个页面，以及如何在页面当中创建导航和路由，那所有的next的页面必须放在pages目录下，这是固定的啊，就是它约定的一个目录，你不要去写其他的名字了，所以呢，我们在整个纳的这个项目的根目录下面呢，可以新建一个文件夹，就叫pages，好那么在pages下面呢，我们可以创建啊各种各样的页面，那么所有的页面呢，必须以view为扩展名，所以呢，我们可以建一个index.vub啊，既然view是扩展名，那也就意味着我们的页面呢，必须它是以temp作为节点的，对不对？然后接下来呢，我们的页面呢，里面呢应该有div，所以呢，这就是我们的主页面，好，大家看一下我们这个主页面将会如何进行被访问呢？那就是这样啊，还还是访问这三天端口啊。
01:02
你会发现在这个地方呢，我们可以访问in。好，我得重启一下，它这个好像是第一次扣构建这个主页面呢，它有点。没太正常情况下，它应该上来就能够访问的，那如果访问不到的话呢，就第一次创建这个pages目录呢，它没有被识别出来，我们CTRLC，然后Y。就是这样重新启动一下这个服务器呢，去解决一下这个问题。好，然后我们把这个服务器重新启动了，启动了之后呢，大家看我再次访问这个页面的时候呢，这面就变成主页面了，是不是，并且呢，我们那的主页面呢，会自动的去漏的，我们static目录下的那个图标啊。
02:05
也就是说这个static目录下的这个图标呢，它其实是个默认被load进来的，那这个地方呢，自动被load到这了是吧？啊，就显示成这个样子的图标了，然后呢，同时呢，你会发现这个主页面呢，它的名字呢，就必须叫index，然后放在pages下面，这样的话呢，就能够被我们的3000端口的默认的这样的一个路径呢，自动的访问到，啊所以这是主页面，那接下来呢，我们还可以在创建。其他的啊，这个页面，比如说呢，我们还可以创建一个叫做啊关于我们的页面啊，在还是在pages下面，我们再创建一个文件啊，叫做about.le好，然后这边呢，我们可以写template，然后呢这写div，然后这块呢是关于我们是吧。
03:00
好，然后接下来呢，我们来看一下界面。怎么去访问呢？注意当我们创建完一个about.view这个页面之后呢，它就会自动生成理由啊，就是你会发现每次我们我一保存，你看它下面，它会有一个编译的过程，有点像我们Java代码把这个啊Java文件编译成class文件一样，那我们保存完这个about.view的时候呢，它实际上呢，就会进行一个编译的过程，编译的内容在哪？把所有的新的内容编译到na点这个点那这个目录下，比如说刚才我们啊创建的那个，嗯。页面呢，它在这个里面呢，就会有一个路由自动就被生成了，那么路由在哪呢？就在这root.js哈啊，我们刚才创建了一个about这样的一个页面，你会发现在这个地方呢，它就自动生成了这样的一个啊，对于about这个页面的一个引用，当然了，大家看片段就行了，你整体上来看的话，可能你看不太懂啊，所以你看片段这个就是什么引，把这个模页面模块给它引进来了，对吧？好，把页面模块引进来之后呢，引成一个叫做啊叫做2B2CE5CE的这样的一个啊常量啊常量常量模块，然后这个常量呢，在这个地方呢，就给引进来了，那这很显然是一个路由配置嘛，这路由配置是什么？就是说明我的当前的这个组件要被这个路由所访问，所以刚才我提到了这个u.JS它是自动生成的，那比如说你现在呢，把这个about的名字改一下，比如说改成。
04:39
ABOUT1，好，大家看下面这块呢，它就进行重新编译了，碰它然后上面这个自动生成的root.gs呢，它这个about呢就变成ABOUT1了，这面呢也变成ABOUT1了，所以这个文件是自动生成的，说明这个路由是什么呀，是自动的啊，既然路由是自动的，我们直接就可以通过报一。
05:01
来访问刚才那个关于我们的页面了，所以这块我们讲到的呢，就是页面的创建，以及默认情况下的这个自动路由啊的这样的一个情况啊，然后呢，我们把这个ABOUT1呢，我再给它改回来啊。推车大家看这个路由自动又给改回来了，是不是啊，所以很神奇啊，这个东西好，那这块呢，是我们啊所说的页面啊，这样的一个知识点。
我来说两句