一、http://nodejs.org/下載node.js運行環境安裝 css
二、打開DOS命令行 html
.安裝express框架 node
>npm install express末尾顯示以下爲安裝成功
.安裝mysql模塊 mysql
npm install mysql末尾顯示以下爲安裝成功
三、www.jetbrains.com/webstorm/download/下載WebStorm並安裝 web
.安裝nodejs插件 sql
File -> setting -> Plugins -> Browse responsitories shell
搜索nodejs express
雙擊安裝 npm
四、File -> New Project django
項目目錄結構以下
——app.js
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');//設置模版目錄 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); app.get('/users', user.list); http.createServer(app).listen(app.get('port'), function(){ console.log("Express server listening on port " + app.get('port')); });——package.json
{ "name": "application-name", "version": "0.0.1", "private": true, "scripts": { "start": "node app" }, "dependencies": { "express": "3.0.3", "jade": "*" } }
——node_modules 文件夾下是各類模塊,這裏是express框架和jade模版引擎。
——public 文件夾下是各類靜態文件。
——routes 文件夾下是各類action。好吧routes是路徑的意思,可是我喜歡稱做這個叫action。
——index.js
exports.index = function(req, res){ res.render('index', { title: 'Express' });//這種方式和django同樣 };
——views 文件夾下面是各類模版。
——layout.jade
doctype 5 html head title= title link(rel='stylesheet', href='/stylesheets/style.css') body block content——index.jade
extends layout block content h1= title p Welcome to #{title}