Express.js
2016-07-05 16:28
417 查看
Express.js
ExpressjsExpress安装
设置静态文件目录
文件访问
设置html引擎
Express安装
全局安装express,express作为命令被安装到了系统中npm install -g express
查看express版本
express -V
使用express命令创建工程,并支持ejs
> express -e nodejsDemo > cd nodejs-demo && npm install//安装依赖
模板项目建立成功,启动模板项目
node app.js
通过node启动程序,每次代码修改都需要重新启动。 有一个工具supervisor,每次修改代码后会自动重启,会我们开发省很多的时间
npm install -g supervisor
再次启动服务
supervisor app.js
设置静态文件目录
项目使用bower来管理各个插件包,所以在项目中需要将bower_components设置为静态资源的根目录。express默认的静态文件目录为public下,也可以设置多个静态文件目录。//设定静态文件路径 app.use(express.static(path.join(__dirname, 'public'))); app.use('/bower_components', express.static(path.join(__dirname,'/bower_components')));
如果不使用path.join()方法则可以直接使用字符串相加
app.use('/bower_components', express.static(__dirname+'/bower_components'));
文件访问
首先,require加载路由var routes = require('./routes/index'); var users = require('./routes/users'); var table = require('./routes/table');
设置访问URI
app.use('/', routes); app.use('/index', routes); app.use('/users', users); app.use('/table', table);
访问地址
http://localhost:3000 http://localhost:3000/index http://localhost:3000/users http://localhost:3000/table[/code]
routes路由文件中router.get('/', function(req, res, next) { res.render('index', { title: 'aa' }); }); router.get('/', function(req, res, next) { res.render('users', { title: 'users' }); }) router.get('/', function(req, res, next) { res.render('table', { title: '部门111' }); })
上面第一块代码意思是,get请求根目录则调用views文件夹中的index模板,并且传入参数title为“aa”,这个title就可以在模板文件中直接使用。设置html引擎
先对app.js做如下修改,再将view中页面改为.htmlvar ejs = require('ejs'); 再将app.set('view engine', 'ejs'); 变成 app.engine('.html', ejs.__express); app.set('view engine', 'html');
若不修改view中页面,当引擎改为html引擎时,则将routes路由中的.ejs渲染写全文件名,如:router.get('/', function(req, res, next) { res.render('users.ejs', { title: 'users' }); })
若渲染文件原本就是.html文件则可以不用写后缀名。并且.html文件中依然可以写<%=title%>这种类似的语法
2. 静态路由
添加主页路由app.get('/', function(req, res) { res.sendfile('./views/index.html'); }); //路径参数获取 app.get('/:name', function(req, res) { var fileName = req.params.name; //console.log('./views/'+fileName); res.sendFile(fileName); });
配置supervisor热部署NodeJS//安装 npm install -g supervisor
配置,在WebStorm中选择要Run–Edit Configurations
Working directory选择项目目录(supervisor会监控此目录内所有文件的改变自动重启)
具体内容详见[express.js]一文中,原文不定时更新(http://chen1218chen.github.io/2016/06/08/Express.js/)
相关文章推荐
- 如何安装SQL Server 2008 Management Studio Express
- sql server 2008 r2 express 精简版与企业版的区别
- Node.js的Express框架使用上手指南
- SQL Sever 2005 Express 安装失败解决办法
- Nodejs初级阶段之express
- win7下安装配置node.js+express开发环境
- Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
- Nodejs的express使用教程
- 用用outlook Express 由于服务器拒绝接受发件人的电子邮件地址,这封邮件无法发送
- 浅析node连接数据库(express+mysql)
- Microsoft SQL Server 2005 Express 远程访问设置详述,100%成功篇
- node.js+express制作网页计算器
- 零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
- node.js Web应用框架Express入门指南
- Express的路由详解
- 在 Express 中使用模板引擎
- 在WIN7下安装和配置SQL Server 2005 Express Edition(精简版)
- node+express+ejs制作简单页面上手指南
- Node.js+Express配置入门教程详解
- 如何在node的express中使用socket.io