express框架使用

来源:互联网 发布:ftp断点下载 java 编辑:程序博客网 时间:2024/06/02 06:03

express是一款轻量的nodejs框架,把server创建和资源路由都封装的非常好,记录一下该框架的使用过程

1.安装nodejs,配置好系统变量,这里有个坑,windows安装时把用户变量的path拷贝到系统变量的path中就可以全局使用node命令了;

2.npm install express-generator -g 全局安装express-generator;

3.找个地方创建项目目录,npm init,初始化项目,生成package.json文件,他就好比maven项目的pom.xml文件,用于管理子module;

4.npm install express --save,下载express框架到项目中项目目录中会多一个node_modules目录,里面是express框架;

5.express testServer,express就会生成一个名为testServer的项目,里面是完整的项目代码,如图:


npm install,项目就创建好了,启动文件在bin/www,在这里可以修改启动端口,修改以下代码:

var port = normalizePort(process.env.PORT || '8083');
app.set('port', port);

我改成8083了;

app.js用于配置路由;

业务代码都写在routes目录下,里面有两个例子index.js和users.js,新业务就新建一个js文件,在app.js中引用,再加上app.use(/xxx,xxx),xxx是js文件名,该功能就能用了;

public方静态资源;

views方jade模板;

6.node bin/www,启动服务,浏览器访问地址localhost:8083,会看到欢迎页面,index.js用模板了,访问地址localhost:8083/users,会看到user.js文件的返回值,代码如下:


var express = require('express');
var router = express.Router();


/* GET users listing. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});


module.exports = router;


页面上返回了respond with a resource;

7.引入前端框架bootstrap,在项目目录下npm install bower -g,全局安装bower,创建.bowerrc文件,内容是:

{
  "directory":"public/lib"
}

意思是把安装包下载到public/lib路径,我们再在public目录下创建lib文件夹,bower init,生成bower.json,跟package.json差不多,bower install bootstrap --save,bootstrap就安装到public/lib路径下了,同理也可下载jquery等框架,在bower.json中修改框架版本,在执行命令bower update就可更新框架版本,bower uninstall bootstrap就可将其卸载掉,bower的用法和npm差不多;


这样一个完整的express框架就搭好了,剩下的搬砖活慢慢干吧。

PS:Express的中文手册:http://www.expressjs.com.cn/4x/api.html

阅读全文
'); })();
0 0
原创粉丝点击
热门IT博客
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 中保人寿保险 中保车险怎么样 中保楼二手房源 中保车险报价 中保维安 中保区 中保电销电话 中保保险公司电话 中保人寿保险公司电话 中保是什么保险 中保车险计算方法 中保雇主责任险 中保汽车保险报价 中保联合 中保电话保险 中保人寿保险险种 中保车险价格 中保车辆保险计算器 中保和人寿 中保旅游意外险 中保汽车保险计算器 中保车险报案电话 中保人寿客服 中保健康险 中保人寿财险 中保保险报价 中保财险公司 中保全称 中保人身意外保险 安信中保集团 中保全称是什么 中保人寿车险 中保车险计算 中保车辆保险查询 中保车险理赔查询 中保车险计算器 中保和人保的区别 中保财产保险股份有限公司 中保重大疾病保险 中保保险计算 中保人寿保险查询