【 Node 】公共模板

配置外部css资源文件

• 让服务器能识别外部样式表
• app.use('/assets', express.static('assets'))
• 将静态文件存放在assets文件夹下面在

注意

只能设置一个根标签

// 根据请求地址返回对应的数据
app.get('/', (req, res) => {
    res.render('index')
})

app.get('/about', (req, res) => {
    res.render('about')
})

页面结构

• index.ejs
• about.ejs

// 多个静态文件使用<nav> 头部
<nav>
	<ul>
		<li>
			<a href="/">Home</a>
		</li>
		<li>
			<a href="/about">About</a>
		</li>
	</ul>
</nav>
<h1>Welcome To EJS IndexPage/AboutPage</h1>

公共模板

• nav.ejs
• 将公共部分单独提出来 写在一个单独文件里面

<nav>
    <ul>
        <li>
            <a href="/">Home</a>
        </li>
        <li>
            <a href="/about">About</a>
        </li>
    </ul>
</nav>

引入公共模板

<%- include('存放公共模板的路径')%>

<%- include('../public/nav.ejs')%>
<h1>Welcome To EJS IndexPage/AboutPage</h1>