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

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

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

  1. node -v

node.js + express 初体验【hello world】 
前期准备已经结束了~ 
二:开始我们的node.js + express hello world 初体验

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

  1. npm install express -g

node.js + express 初体验【hello world】 
输入命令后,不要急 可能需要等一等:)然后你会发现 
node.js + express 初体验【hello world】 
接下来我们输入命令express 让express为我们创建开发用的基础代码和目录结构 
node.js + express 初体验【hello world】 
运行命令后 你会在D:/TEST文件夹中发现express为我们创造出一些文件 
node.js + express 初体验【hello world】 
1:public 文件夹  这里存放的都是一些图片呀 前台用的js文件呀 样式表文件 
2:rotes 文件夹  这个是一个路由文件夹 这里面的程序可以理解成 控制器 在这里调用试图文件 
3:views 文件夹 这里是试图文件 后缀为jade 什么是jade 你需要去https://github.com/visionmedia/jade#a6-1里了解 其实就是一种模板引擎 
4:app.js 文件 应用程序启动文件 
5:package.json文件 应用程序配置文件

虽然我们已经生成了很多工程需要的文件 但是还不能运行这个程序还需要一个命令 
在命令行中输入命令 npm install 
node.js + express 初体验【hello world】

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

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

打开浏览器在地址栏里输入http://localhost:3000 
node.js + express 初体验【hello world】 
http://localhost:3000/users 
node.js + express 初体验【hello world】

三:分析

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

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

  1. /**
  2. * Module dependencies.
  3. */
  4. //导入需要的模块
  5. var express = require('express')
  6. , routes = require('./routes')
  7. , user = require('./routes/user')
  8. , http = require('http')
  9. , path = require('path');
  10. var app = express();
  11. app.configure(function(){
  12. //设置应用程序端口
  13. app.set('port', process.env.PORT || 3000);
  14. //指令试图文件夹
  15. app.set('views', __dirname + '/views');
  16. //指令试图模板引擎 jada
  17. app.set('view engine', 'jade');
  18. app.use(express.favicon());
  19. app.use(express.logger('dev'));
  20. app.use(express.bodyParser());
  21. app.use(express.methodOverride());
  22. app.use(app.router);
  23. app.use(express.static(path.join(__dirname, 'public')));
  24. });
  25. app.configure('development', function(){
  26. app.use(express.errorHandler());
  27. });
  28. app.get('/', routes.index);
  29. //设置路由 可以通过 http://localhost:3000/users来访问user.js
  30. app.get('/users', user.list);
  31. http.createServer(app).listen(app.get('port'), function(){
  32. console.log("Express server listening on port " + app.get('port'));
  33. });

很简单的初体验 其实一句代码也没有写,只是搭建了简单的开发环境! 
以后我会慢慢的更新博客,看看如何基于node.js开发一个web应用程序

  • node.js + express 初体验【hello world】
  • 大小: 6.9 KB
  • node.js + express 初体验【hello world】
  • 大小: 18.6 KB
  • node.js + express 初体验【hello world】
  • 大小: 147.1 KB
  • node.js + express 初体验【hello world】
  • 大小: 36.7 KB
  • node.js + express 初体验【hello world】
  • 大小: 10.4 KB
  • node.js + express 初体验【hello world】
  • 大小: 126.6 KB
  • node.js + express 初体验【hello world】
  • 大小: 5.9 KB
  • node.js + express 初体验【hello world】
  • 大小: 22.9 KB
  • node.js + express 初体验【hello world】
  • 大小: 20.8 KB
上一篇:Node.js 安装 初体验(1)


下一篇:手机APP UI设计尺寸基础知识