2020-03-27 11:30发布
node是js的运行时,可以通过node编写后台服务器,但是原生弄得写起来会比较麻烦,就会使用框架:express;
基础主要有设置路由,添加中间件,和模板和静态资源目录等功能
express结构:MVC
开发版本:express4.0
安装方法:不再累赘,请点击这里
目录结构:
入门实例①:HelloWorld!
HelloWorld的实现较简单,只需要在app.js中插入一下代码:
//对网站首页的访问返回"HelloWorld!"字样
app.get('/',function(req,res){
res.send('HelloWorld!');
});然后运行
npmstart程序就能跑起来,这时候在网址输入
localhost:3000 就先显示如下结果:
注:app.get('/',function(){ });需要放在代码前面,大概放在app.set('viewengine','ejs');即ejs模板引擎下就OK了
入门实例②:MVC的简单实现
一、控制器
首先我们在实例①中的代码下一行添加如下代码:
app.get('/test',test.me);
然后在该行代码上面用require引入test控制器,代码如下:
vartest=require('./routes/test');
注:require引入的路由文件必须在app.get方法之前。
以上完成后的参考图片如下:
然后就是在routes目录下建立对应的test.js控制器:
/*test测试例子*/
exports.me=function(req,res){
//首先输出个helloworld
};接下来用
Ctrl+C终止程序并且
npmstart运行程序,在浏览器中输入xxx.xx.xx.xx:3000/test,出现效果如下:
到这里,我们简单的控制器就写完了,接来下写的是视图文件。
二、视图
在views目录下新建test.ejs,然后写入代码如下:
<%=test%>
node是js的运行时,可以通过node编写后台服务器,但是原生弄得写起来会比较麻烦,就会使用框架:express;
基础主要有设置路由,添加中间件,和模板和静态资源目录等功能
express结构:MVC
开发版本:express4.0
安装方法:不再累赘,请点击这里
目录结构:
入门实例①:HelloWorld!
HelloWorld的实现较简单,只需要在app.js中插入一下代码:
//对网站首页的访问返回"HelloWorld!"字样
app.get('/',function(req,res){
res.send('HelloWorld!');
});然后运行
npmstart程序就能跑起来,这时候在网址输入
localhost:3000 就先显示如下结果:
注:app.get('/',function(){ });需要放在代码前面,大概放在app.set('viewengine','ejs');即ejs模板引擎下就OK了
入门实例②:MVC的简单实现
一、控制器
首先我们在实例①中的代码下一行添加如下代码:
app.get('/test',test.me);
然后在该行代码上面用require引入test控制器,代码如下:
vartest=require('./routes/test');
注:require引入的路由文件必须在app.get方法之前。
以上完成后的参考图片如下:
然后就是在routes目录下建立对应的test.js控制器:
/*test测试例子*/
exports.me=function(req,res){
//首先输出个helloworld
res.send('HelloWorld!');
};接下来用
Ctrl+C终止程序并且
npmstart运行程序,在浏览器中输入xxx.xx.xx.xx:3000/test,出现效果如下:
到这里,我们简单的控制器就写完了,接来下写的是视图文件。
二、视图
在views目录下新建test.ejs,然后写入代码如下: