EJS中如何在一个文件中引入另一个文件

 时间:2024-10-12 13:52:39

1、首先我们需要创建一个EJS文件,并取名为file1.ejs,如图所示,首先我们打开代码编辑器。(只要能编辑前端代码的编辑器都可以,小编用的sublime)

EJS中如何在一个文件中引入另一个文件

2、创建好了file1.ejs文件后,写入EJS代码,根据自己的需求写入代码即可,如图所示,这里小编写入了一些示例代码,定义了一个aside标签,里面包括ul li 列表以及图片img标签。

EJS中如何在一个文件中引入另一个文件

3、此时我们还需要再新建一个ejs文件,如图所示,使用sublime编辑器新建一个EJS文件,并取名mainFile.ejs。

EJS中如何在一个文件中引入另一个文件

4、然后在mainFile.ejs文件中写入此文件需要写入的代码,即页面内容的ejs代码,如图所示,写入ejs页面显示的代码。

EJS中如何在一个文件中引入另一个文件

5、既然两个ejs文件都创建好了,而且内容恽但炎杰和代码分别都写好了,然后就是引入了。所谓的引入,就是指在mainFile.ejs文件中引入file1.ejs的代码,那么怎么引入呢?很简单,只需要在罪焐芡拂mainFile.ejs文件中需要引入file1.ejs代码的位置写入如图所示红色框中的代码。即<%-include("./public/file1.ejs")%>,注意这里的./public/是file1.ejs文件所在的路径。

EJS中如何在一个文件中引入另一个文件

6、最后的效果如图所示,可以看到在网站的主页面(即mainFile.ejs文件的内容)中引入了file1.ejs文件,其内容是对应的。

EJS中如何在一个文件中引入另一个文件

7、最后补充一点:ejs模板引擎的语法需要自学,可以自己在网上搜索相关资料进行学习,比较简单。

  • input选中时边框颜色设置css怎么写
  • Myeclipse中怎么找到Servers标签
  • IntelliJ IDEA如何配置文件索引
  • 学习通如何快速查看自己的隐私政策?
  • Visual Studio Code怎么设置自动显示
  • 热门搜索
    廉洁教育手抄报内容 简单的手抄报花边 手抄报内容大全 祖国我为你骄傲手抄报 环保手抄报资料大全 庆国庆手抄报内容 三年级春节手抄报大全 预防疾病手抄报内容 安全意识手抄报 教师节英语手抄报内容