00:00
好,同学们,刚刚呢,我们讲完了理论,那接下来呢,我们看一看啊,究竟应该怎么去实现它这个合并文件输出呢?嗯,在官方的NG格,就是开源版本的NG格里边呢,就已经内置这个模块了,不需要我们再去额外的去添加模块或者是去编译了,那这个模块呢,官方呢也有文档啊,在呃,NG的官方文档里边我们就能找到在这。你打开看一下这个模块相对来说也比较简单啊,它很像我们之前学的那个看啊,其实也是合并资源嘛,对吧?呃,然后它所涉及到的命令呢,也不多,我们先简单的把它给配置起来,那只需要一个命令,就是这个s s I on就可以了。然后在。我们的服务器上找到这个静态页。我们去合并一个简单的弦啊。
01:01
嗯。User。Local n几格?HTML。在这儿呢,这是我们的这个现在的这个页面。就是这个样子的,对吧,啊里边全都是hello的,你打开。看一眼。101对吧,前面hello word。最后hello word,那我们干这么一件事啊,给它加一个头,再给它加一个尾啊,然后让它头尾呢,嗯,作为公用页啊,所有的页面都可以去引用它,那我们就可以这么做,首先啊,我们先开启这个ssi,那就改一下我们这个配置文件,这个配置,这个SI的配置呢,它作用于啊,在它这个文档里呢,写的也很清楚了。呃,在我们的这个很多地儿都可以,像http server location if这个,呃,逻辑判断这些命令里啊,都可以用啊。
02:02
我们改一下这个配置。再看下。我们就把它配到这个server,或者就写在location里吧,Ssi,然后。这样呢,它就开开了,其他的呢,我们先暂时不配啊。这个配完它之后呢,我们重启一下。你的服务器。然后看看有没有什么变化,因为我现在还没有动嘛,对吧。讲道理是没有变化的,对吧,果然没猜错,没有,那接下来呢,我们嗯,搞两个页面,搞两个公用的页面啊,一个头一个尾。我们就在这个静态页面里,因为我们现在模拟的是静态资源,对吧。新建一个文件,我们整一个pop.html。然后顶天立地嘛,对吧。
03:03
这是top。然后为了明显一点啊,我们加一个换行标签加个P。然后再立地。Bottom,当然你喜欢用header也可以。这个top bottom呢,显得。呃,更更装逼一些啊。Bottom里边呢?没写上这前面给它加一个P。然后保存,接下来我们把它给引到我们的这个主页里。这个引进来呢,怎么引呢?我们看一下这个文档有个include。啊,它的这个命令啊,比较多,你看commands啊,这里边儿有好多,我们先找一个最简单的就是这个include啊。把这个命令呢,也甭敲了,我们直接给它给。
04:00
粘过来。在前面呢,Include一个,呃,Top HTML,这是相对路径啊,这个如果用了include,后边跟的是file,那么它就会向本地磁盘去找这个文件相对路径啊,当然你也可以写绝对路径,这写的泡天苗,它会从当前的目录开始找啊。你可以写子目录什么的,这都没问题。呃,然后这个bottom,然后这会儿呢,就不需要重启了,然后我们刷新一下这个页面。怎么没有效果?诶,这个不科学啊。哦,多刷新几下啊,这个可能是它的这个。这个这个这个这个浏览器缓存啊,即使你把它关了,这浏览器它也不一定可靠,所以你自己如果要是没出来的话,先不要自我怀疑,你先有点信心,大家看啊,前面是包这个top,后边是bottom对吧?啊这两个页面呢,我们就把它给引到我们当前这个这个主页里吧,啊,就可以达到复用了,你在其他的这个。
05:16
啊,这个这个这个HT页面里也可以这么做,同时呢,你可以把这个标签啊当成是一个静态标签啊,也就是在你写那你的那个呃模板引擎的时候,那在模板引擎里边直接把这段字符串给它扔里边,因为你的模板引擎啊,可能对这个这段这个呃字符串呢,它并不敏感啊,如果要真的敏感的话,你再加上这个准一符,一般的文本引擎呢,也都可以支持这个原声的这个呃这个字符串输出的啊,从而不去解释。这个这对字符串,那我们看啊,这个cloud它很明显啊,很像是一个命令对吧,那和我们的模板引擎啊,其实已经有一点像了,但它其实啊,嗯。
06:01
没有模板真正的模板引擎那么强大啊,但是啊,它也有一定的这个呃,基础的功能在里边,那么接下来呢,我们再一点点呃,深入去研究一下它的这些这个具体这些命令还有配置。
我来说两句