node.js - express #9

接续上篇的基本设定 第七个应用:开发旅行社网站(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便能够显示
http://img2.58codes.com/2024/201051549PcJqtjCI5.png

以上都是属于静态的显示
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的幸运饼乾了!


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章