接续上篇的基本设定 第七个应用:开发旅行社网站(1)、第七个应用:开发旅行社网站(2)
第七个应用:开发旅行社网站(3)
middleware
是一种处理请求的模组。static
这个middleware可以将多个目录指派为存放静态资源的目录,里面的资源可以不透过任何特殊处理就直接发送到客户端,例如图片、css档、客户端的javascript等资源。
public
资料夹,这个资料夹内的资料均为公开资料在public
资料夹底下创img
资料夹在img
资料夹下放入logo图片修改meadowlark.js,加入新的程式码让/img/logo.jpg会自动添加上/public变成正确的路径但使用者并不会看到public这部分的路径
app.use(express.static(__dirname + '/public'));
修改main.handlebars,让logo出现在每个网页上(档名需改成自己的)<header><img src="/img/logo.jpg" alt="Meadowlark Travel Logo"></header>
再次打开就会看到图片出现了,虽然是放在/public/img/logo.jpg
但路径只需要写/img/logo.jpg
便能够显示
以上都是属于静态的显示
view engine也能够包含动态讯息
meadowlark.js
中定义幸运饼乾(fortune cookie)var fortunes = [ "Conquer your fears or they will conquer you.", "Rivers need springs.", "Do not fear what you don't know.", "You will have a pleasant surprise.", "Whenever possible, keep it simple.",];
修改about.handlebars
来显示内容加入以下程式码
<p>Your fortune for the day:</p><blockquote>{{fortune}}</blockquote>
修改meadowlark.js
有关/about的路由规则app.get('/about', function(req, res) { var randomFortune = fortunes[Math.floor(Math.random() * fortunes.length)]; res.render('about', { fortune: randomFortune });});
重新打开后就会看到random的幸运饼乾了!