node.js + express 初体验【hello world】

最新推荐文章于 2025-08-10 20:02:09 发布

ynial

最新推荐文章于 2025-08-10 20:02:09 发布

阅读量154

点赞数

CC 4.0 BY-SA版权

分类专栏： node.js 文章标签： node.js express

本文链接：https://blog.youkuaiyun.com/ynial/article/details/84354635

node.js 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍使用Node.js和Express框架搭建web应用的过程，包括环境搭建、基础代码生成及简单应用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

【node.js】一个神奇的XX 呵呵：）不知道怎么形容他才好！
【express】是node.js 开发web应用程序的框架
开发环境：XP

大家共同进步吧：）
[b]一：前期准备：[/b]
1：下载node.js
选择适合你的操作系统下载
[url]http://nodejs.org/download/[/url]
2：安装后需要小测试：）
打开命令行输入命令

node -v

[img]http://dl.iteye.com/upload/attachment/0076/3851/d38d6694-e6a9-38f8-809f-94fe485d3884.jpg[/img]
前期准备已经结束了~
[b]二：开始我们的node.js + express hello world 初体验[/b]

在做这个小程序之前，让我们来看看npm是何许人也 --> Node Package Manager 你懂的：）
我在D盘创建了一个文件夹 D:\test
打开命令行

npm install express -g

[img]http://dl.iteye.com/upload/attachment/0076/3860/aea039e7-070d-348f-a313-827a568972c0.jpg[/img]
输入命令后，不要急可能需要等一等：）然后你会发现
[img]http://dl.iteye.com/upload/attachment/0076/3862/a01f1875-3c20-3dac-8879-49755d24289f.jpg[/img]
接下来我们输入命令express 让express为我们创建开发用的基础代码和目录结构
[img]http://dl.iteye.com/upload/attachment/0076/3877/01b3fcd4-f62c-39f0-b609-7c90cf6d5ef4.jpg[/img]
运行命令后你会在D:/TEST文件夹中发现express为我们创造出一些文件
[img]http://dl.iteye.com/upload/attachment/0076/3880/b10d4c0b-a5bb-3dd0-9838-a5ba65284266.jpg[/img]
1：public 文件夹这里存放的都是一些图片呀前台用的js文件呀样式表文件
2：rotes 文件夹这个是一个路由文件夹这里面的程序可以理解成控制器在这里调用试图文件
3：views 文件夹这里是试图文件后缀为jade 什么是jade 你需要去[url]https://github.com/visionmedia/jade#a6-1[/url]里了解其实就是一种模板引擎
4：app.js 文件应用程序启动文件
5：package.json文件应用程序配置文件

虽然我们已经生成了很多工程需要的文件但是还不能运行这个程序还需要一个命令
在命令行中输入命令 npm install
[img]http://dl.iteye.com/upload/attachment/0076/3888/c0f1581e-357f-3196-bd29-fab9fcb31544.jpg[/img]

做到这一步基本上算是大功告成了！接下来我们开始启动服务器
输入命令：node app.js

[img]http://dl.iteye.com/upload/attachment/0076/3890/1b5edf2b-f8de-3d02-b659-db4b1123f977.jpg[/img]

打开浏览器在地址栏里输入http://localhost:3000
[img]http://dl.iteye.com/upload/attachment/0076/3898/da294d4c-754b-3b7f-9e85-c62614311d7f.jpg[/img]
http://localhost:3000/users
[img]http://dl.iteye.com/upload/attachment/0076/3904/edd65336-6004-310c-9d0e-9acb1cfe7ed6.jpg[/img]

[b]三：分析[/b]

通过上面的配置，我们完成了一个基于node.js + express web应用的开发框架

先看看 app.js里面都是什么内容呢？



/**
 * Module dependencies.
 */
//导入需要的模块
var express = require('express')
  , routes = require('./routes')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();


app.configure(function(){
	//设置应用程序端口
  app.set('port', process.env.PORT || 3000);
  //指令试图文件夹
  app.set('views', __dirname + '/views');
  //指令试图模板引擎 jada
  app.set('view engine', 'jade');
  app.use(express.favicon());
  app.use(express.logger('dev'));
  app.use(express.bodyParser());
  app.use(express.methodOverride());
  app.use(app.router);
  app.use(express.static(path.join(__dirname, 'public')));
});

app.configure('development', function(){
  app.use(express.errorHandler());
});

app.get('/', routes.index);
//设置路由 可以通过 http://localhost:3000/users来访问user.js
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});