首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用express框架,如何在ejs文件中导入外部js、css文件

最近在用nodejs写一点东西,当然也用到了express框架和ejs模版了。在使用ejs模版过程遇到了这个问题:如何在ejs模版中导入外部js、css文件。...我猜测,ejs和html导入外部文件方式应该是不一样。但是我还是决定试一试。按照之前在html文件方式导入,结果失败。 这也证明我之前想法,这些静态文件一经过服务器,就不能直接进行导入了。...这是我文件结构: ? 我现在需要在index.ejs文件中导入public文件夹下table.css以及table.js两个文件。 我为什么要将两个静态文件放到public文件夹下呢?...在servers.js写上这句 //获取放置在public文件夹下静态文件, app.use(express.static(__dirname + '/public')); 关于app.use()这个方法具体介绍...,这里有篇文章,写很好app.use(express.static)方法详解 这样,就可以在ejs文件中导入外部静态文件了。

6.3K00
您找到你想要的搜索结果了吗?
是的
没有找到

js、css外部文件相对路径问题

如果js、css外部文件有使用到相对路径时,需要注意其相对路径基准是不一样。...比如说,在index.html引用到了外部js和css文件,这两个文件都通过相对路径引用了某一张图片;这些文件所在目录如下: 1 2 3 4 5 6 7 8 9 . ├── js | └──...,所以在js文件相对路径是: 1 2 3 function changeImage(){ document.body.style.backgroundImage="url(images/bg.jpg...)"; } css文件相对路径是以自身位置为基准,所以在css文件相对路径是: 1 2 3 .index_bg { background-image: url(.....js文件页面为基准 css文件相对路径是以自身位置为基准 警告 本文最后更新于 May 2, 2018,文中内容可能已过时,请谨慎使用。

3.6K40

使用express框架开发,如何在ejs文件中导入外部js、css文件

在使用ejs模版过程遇到了这个问题:如何在ejs模版中导入外部js、css文件。 我猜测,ejs和html导入外部文件方式应该是不一样。但是我还是决定试一试。...按照之前在html文件方式导入,结果失败。 这也证明我之前想法,这些静态文件一经过服务器,就不能直接进行导入了。那该如何导入呢? 这是我文件结构:  ?...我现在需要在index.ejs文件中导入public文件夹下table.css以及table.js两个文件。  我为什么要将两个静态文件放到public文件夹下呢?...在servers.js写上这句 //获取放置在public文件夹下静态文件, app.use(express.static(__dirname + '/public')); 1 2 关于app.use...所以上面ejs页面引用就不用写public了,这里好处就是无论ejs页面与public要引用文件相对路径关系是怎样,都可以直接在ejs中直接引用,引用方式只需要关注public下路径,

9.7K00

Android相对路径实例详解

1、同个文件夹访问 D:\Java\main\A.java D:\Java\main\B.java A访问B相对路径为B.java 2、目标文件在其子目录 D:\Java\A.java D:\Java...\main\B.java A访问B相对路径为main\B.java 注意是在Android代码必须这样写main/B.java,上面之所以那样写只是为了说明它在window下路径,Java程序中路径分隔符是...’/’或者’\\’,因为Java程序’\’表示转义意思。...3、目标文件在其上一级目录 D:\Java\main\A.java D:\Java\B.java A访问B相对路径为..\B.java,同理类推,上两级目录下那就是../...../B.java 总结 以上所述是小编给大家介绍Android相对路径,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家。在此也非常感谢大家对ZaLou.Cn网站支持!

1.4K10

如何表示python相对路径

下面的路径介绍针对windows在编写py文件打开文件时候经常见到下面其中路径表达方式: open('aaa.txt') open('/data/bbb.txt') open('D:\user\...绝对路径比较好理解,就是最完整路径,相对路径相对则是不完整路径,这个相对指就是相对于当前文件夹路径,其实就是你编写这个py文件所放文件夹路径!...也就是说你写相对路径必须是当前文件夹A里文件a或者A里文件夹B里文件才可以open。...#表示当前所处文件夹上一级文件绝对路径 所以我们常设置一个path1全局变量来表示当前绝对路径,再加上相对路径来打开需要打开文件,这么做是为了在不同平台上不冲突,因为不同平台在相对路径表示上存在区别...urls.py', 'wsgi.py', '__init__.py', '__pycache__'] os.path.dirname("settings.py") 到此这篇关于如何表示python相对路径文章就介绍到这了

15.3K40

linux相对路径表示方法

/XXX #表示当前目录下XXX文件或者XXX目录 使用相对路径不一定要退到目录下。 如当前路径为/var/log下,想要到/var/run/下 cd ...../run #先退到/var目录,然后进入/var目录下run目录 知识点扩展: 相对路径用途 那么相对路径与绝对路径有什么了不起呀?喝!那可真的是了不起了!...如此一来每个目录下东西就很难对应起来!这个时候相对路径写法就显特别的重要了!...因为绝对路径写法虽然比较麻烦,但是可以肯定这个写法绝对不会有问题。 如果使用相对路径在程序当中,则可能由于你运行工作环境不同,导致一些问题发生。...到此这篇关于linux相对路径表示方法文章就介绍到这了,更多相关linux相对路径怎么表示内容请搜索ZaLou.Cn以前文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn!

4.9K21

EJS模板在express使用攻略及应用实例(建议收藏)

---- 三、以文件形式使用模板 在上个例子,我们将模板放到变量template,数据量少的话还可以,倘若数据量比较大的话,将是一件十分恐怖事情。...所以我们可以将模板放到文件,现在对以上示例进行改造。 1、创建views文件夹 2、在views文件夹内创建one.ejs模板文件: <!...模板扩展名为.ejs 4、示例目录如下: ? 四、更改默认文件夹 假如你不喜欢将你模板放到views文件夹内,可以通过app.set()方法进行设置。...比如,我们要将模板文件放置到html文件夹内: 1、创建html文件夹 2、将上个示例one.ejs移入html文件夹内 3、上示例demo.js添加如下代码: // 设置模板文件夹为htmlapp.set.../",默认使用文件为views文件夹下index.ejs文件: res.render("./",{}); 更改默认文件夹为html文件夹后,默认使用文件为html文件夹下index.ejs文件

4.5K21

Linux绝对路径和相对路径

一、介绍 1,文件路径 什么是文件路径? 答:这个文件存放地方,可以联想为 文件“家”。...在Linux,存在着绝对路径和相对路径 绝对路径:路径写法一定是由根目录 / 写起,例如 /usr/local/mysql 相对路径:路径写法不是由根目录 / 写起,例如 首先用户进入到 /home...此时用户所在路径为 /home/test。第一个cd命令后紧跟/home,前面有斜杠;而第二个cd命令后紧跟test,前面没有斜杠。这个test是相对于/home目录来讲,所以称为相对路径。...在Linux文件系统,有两个特殊符号也可以表示目录: “.”表示当前目录 “..”表示当前目录上一级目录 ? 三、命令 mkdir 命令mkdir(make directory)用于创建目录。...注:该命令只能删除目录,不能删除文件。 ? 从上例我们可以看出命令rmdir只能删除空目录,即使加上-p选项也只能删除一串空目录。

5.7K50

jsp:include引入jsp文件时候(如果被包含文件存在js文件),不要用相对路径

先回忆一下二者区别(对于此篇文章而言,二者在用法上没有区别) jsp:include是先编译一下included.jsp文件,然后再包含 先编译,后包含 @ include是先把文件包含就来...在集成时,我思路是写一个公共JSP文件,里面包含一些常用js文件,当然此处我用就是Jquery插件了。...由于做项目文件较多,故文件都不放在一个文件夹下:在公共JSP页面,有 <%@ page language=”Java” import=”java.util.*” pageEncoding=”utf-...简单地说,就是如果用相对路径,则公共JSP路径就应该是相对自己jSP路径了。...页面引入公共JSP就可以了。

2.5K10

HTML相对路径与绝对路径

HTML初学者会经常遇到这样一个问题,如何正确引用一个文件。比如,怎样在一个HTML网页引用另外一个HTML网页作为超链接(hyperlink)?怎样在一个网页插入一张图片?.........(相关教程:HTML超链接;HTML图片) 如果你在引用文件时(如加入超链接,或者插入图片等),使用了错误文件路径,就会导致引用失效(无法浏览链接文件,或无法显示插入图片等)。...为了避免这些错误,正确地引用文件,我们需要学习一下HTML路径。 HTML有2种路径写法:相对路径和绝对路径。...HTML相对路径(Relative Path) 同一个目录文件引用 如果源文件和引用文件在同一个目录里,直接写引用文件名即可。.../表示源文件所在目录上一级目录,http://www.cnblogs.com/表示源文件所在目录上上级目录,以此类推。

3.2K70

HTML引入文件绝对路径、相对路径、根目录

什么是相对路径相对路径是指该文件所在路径与其它文件(或文件夹)所在路径关系。...相对路径里常使用“../”来表示上一级目录,如果有多个上一级目录,可以使用多个“../”表示为上上级; 如果链接到当前目录下,只需输入被链接对象名称即可,如:aaa.jpg; 如果链接到下一级目录,只需输入该目录名.../文件名,再输入对象名称即可,如:images/aaa.jpg或者./images/aaa.jpg; 综上所述,如引用上上级目录下css文件style.css文件,代码为:../.....相对路径适合网站内部引用,只要是在同一个站点,就可以自由文件之间构建链接,不受站点所处服务器影响,这种书写形式省略了绝对路径相同部分,可以在站点文件所在服务器地址发生改变时,文件内部链接不会出现问题...声明:本文由w3h5原创,转载请注明出处:《HTML引入文件绝对路径、相对路径、根目录》 https://www.w3h5.com/post/44.html (adsbygoogle

9.7K10

Python文件操作—— 补充(“相对路径”与“绝对路径”区别)

总结 一、路径问题 我们在进行文件操作时候,难免会遇到路径问题,路径分为两种:绝对路径和相对路径,所谓路径就是你要访问对象位置,下面我就来给大家介绍一下这两者区别 1、什么是"绝对路径"?...绝对路径:一般我们下载一个文件,系统会默认你下载到C盘,但是你不希望C盘占用一些不必要文件,这个时候,你就会想要把文件存到其他位置,就拿我使用编辑器 Pycharm 来说吧,我们找到它,点击查看它属性...此图中,我们可以看到,红箭头所标的地方即是 Pycham  绝对路径,也就是文件在我们本地电脑上存储具体位置 二、亲身体会什么是"相对路径" 在介绍相对路径之前,我还得介绍一个概念"根目录","...,然后一下子又消失了,其实, 文件已经创建好了,就在py_myfle 4、总结 废话了这么多,不就是路径没有之前“绝对路径” 那么复杂?...以后写大型程序时候,我们用到都是相对路径,这样的话,。我们写程序才可以在别人电脑上运行

1.1K30
领券