博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
nodejs添加路由route步骤详解
阅读量:5938 次
发布时间:2019-06-19

本文共 915 字,大约阅读时间需要 3 分钟。

首先,毋庸置疑, 新建一个基础express站点.建好之后, 有三个文件需要code(当然,三个步骤顺序随意).

下面以添加一个'/about'为例说明.

1. 在views文件夹里,新建一个jade file. 命名为about 在里面添加你要的网页内容,下面给出代码示例:

1 p 我们是XXX团队 2 p 欢迎加入我们

2. 在routes文件夹里,新建一个javascript file,命名为about, 添加代码:

 

exports.about = function(req, res){    res.render('about');};

 

3. 打开主文件app.js, 这里有两步(这两处添加位置可以随意,但是建议添加在已有代码格式相同的地方):

  a.在开头部分加上下面代码

var myroute = require('./routes/about');

 

  b.在后面部分加上如下代码:

 

app.get('/about',myroute.about);   //这里的myroute即为a步骤声明的变量

 

 

完成以上步骤, 即可运行该程序了. 在浏览器中输入地址 127.0.0.1:3000/about 即可通过你新增的路由查看页面了.

下面再啰嗦一下, 若你查看你新建时自动生成的代码, 你会看到, index.js文件类似上面步骤2中的代码.如下:

res.render('index', { title: 'Express' });

这里后面多了一个  {title:'Express'}

那这是什么呢? 你若再看index.jade文件就能发现里面有用到title, 这是一个变量. 所以上面多出的部分就是给变量赋值.

我们自己也完全可以仿造index在about.jade里面使用变量, 并在about.js中给它(们)赋值. 

若你使用了多个变量, 则在js文件中赋值的格式为:

res.render('about', { 变量1: '值1', 变量2:'值2'}); 如上所示, 用逗号隔开.

 

 

 

 

转载于:https://www.cnblogs.com/tiny-rogue/p/3289622.html

你可能感兴趣的文章
通过jsp请求Servlet来操作HBASE
查看>>
JS页面刷新保持数据不丢失
查看>>
清橙A1202&Bzoj2201:彩色圆环
查看>>
使用data pump工具的准备
查看>>
springMVC---级联属性
查看>>
get和post区别
查看>>
crontab执行shell脚本日志中出现乱码
查看>>
cmd.exe启动参数说明
查看>>
《随笔记录》20170310
查看>>
网站分析系统
查看>>
从零开始来看一下Java泛型的设计
查看>>
Shell编程基础
查看>>
Shell之Sed常用用法
查看>>
3.1
查看>>
校验表单如何摆脱 if else ?
查看>>
JS敏感信息泄露:不容忽视的WEB漏洞
查看>>
让我们荡起双桨,Android 小船波浪动画
查看>>
分布式memcached服务器代理magent安装配置(CentOS6.6)
查看>>
Create Volume 操作(Part III) - 每天5分钟玩转 OpenStack(52)
查看>>
tomcat 8.0虚拟机配置文档
查看>>