手动创建一个Express.js的应用可大致分为以下步骤:
1.创建文件夹
a. 创建一个项目根文件夹,如helloWord
b.在项目的根目录下创建项目的目录结构,依次创建{public,public/css,public/img,public/js,db,views,views/includes,routes}
可使用命令:
mkdir {public,public/css,public/img,public/js,db,views,views/includes,routes}
2.NPM初始化和配置package.json
a.进入控制台,进入项目的根目录
b.输入命令:npm init ,然后输入相关的一些参数,name,version,等可参考下面的package.json 文件
c.使用命令:npm install [email protected] --save
3.依赖声明
由于express.js是约定优于配置,也可直接在package.json中输入如下内容,然后运行npm install即可
{ "name": "helloworld", "version": "0.0.1", "description": "\"\"", "main": "app.js", "scripts": { "start": "node app.js" }, "author": "", "license": "ISC", "dependencies": { "express": "4.1.2", "jade":"1.3.1", "mongoskin":"1.4.1", "stylus":"0.44.0" } }
4.app.js项目启动文件配置
在根目录下创建项目起始文件app.js,打开app.js并编辑
对于app.js的配置文件主要涉及以下几个步骤:
1)引入依赖,
//依赖引入 var express = require(‘express‘); var http = require(‘http‘); var path = require(‘path‘);
2)设置相关配置
//实例化Express.js var app = express();
//配置port、views、views engine app.set(‘port‘,process.env.PORT || 3000); app.set(‘views‘,path.join(__dirname,‘views‘));//这里的__dirname的下划线是两个英文下划线 app.set(‘view engine‘,‘jade‘);
3)连接数据库(可选)
4)定义中间件
5)定义路由
//定义路由 app.all(‘/‘,function(req,res){ res.render(‘index‘,{msg:‘Welcome to the practical Node.js!‘}); }); app.get(‘/about‘,function(req,res){ res.end(‘about us‘); });
6)创建服务
//创建服务 http.createServer(app).listen( app.get(‘port‘),function (){ console.log(‘Express.js server listening on port ‘+app.get(‘port‘)); } );
开启服务之前,需要先在views文件夹中创建一个index.jade,代码如下:
h1 hello p= msg
7)开启服务
在命令行输入:node app.js并在浏览器中输入http://localhost:3000/会得到:
在浏览器中输入http://localhost:3000/about会得到:
5.结合jade
6.运行项目
时间: 2024-10-07 22:15:46