Started route separation example

expressjs · Nov 13, 2010 · 7ded5a2 · 7ded5a2
1 parent 6b436a0
commit 7ded5a2
Show file tree

Hide file tree

Showing 10 changed files with 135 additions and 1 deletion.
diff --git a/examples/route-separation/app.js b/examples/route-separation/app.js
@@ -0,0 +1,34 @@
+
+// Expose modules in ./support for demo purposes
+require.paths.unshift(__dirname + '/../../support');
+
+/**
+ * Module dependencies.
+ */
+
+var express = require('express')
+  , app = express.createServer()
+  , site = require('./site')
+  , user = require('./user');
+
+// Config
+
+app.set('view engine', 'ejs');
+app.set('views', __dirname + '/views');
+app.use(express.bodyDecoder());
+app.use(express.staticProvider(__dirname + '/public'));
+
+// General
+
+app.get('/', site.index);
+
+// User
+
+app.all('/users', user.list);
+app.all('/user/:id/:op?', user.load);
+app.get('/user/:id', user.view);
+app.get('/user/:id/view', user.view);
+app.get('/user/:id/edit', user.edit);
+
+app.listen(3000);
+console.log('Express app started on port 3000');
diff --git a/examples/route-separation/public/style.css b/examples/route-separation/public/style.css
@@ -0,0 +1,18 @@
+body {
+  padding: 50px;
+  font: 14px "Helvetica Neue", Arial, sans-serif;
+}
+a {
+  color: #00AEFF;
+  text-decoration: none;
+}
+a.edit {
+  color: #000;
+  opacity: .3;
+}
+a.edit::before {
+  content: '[ ';
+}
+a.edit::after {
+  content: ' ]';
+}
diff --git a/examples/route-separation/site.js b/examples/route-separation/site.js
@@ -0,0 +1,8 @@
+
+exports.index = function(req, res){
+  res.render('index', {
+    locals: {
+      title: 'Route Separation Example'
+    }
+  });
+};
diff --git a/examples/route-separation/user.js b/examples/route-separation/user.js
@@ -0,0 +1,44 @@
+
+// Fake user database
+
+var users = [
+      { name: 'TJ', email: 'tj@vision-media.ca' }
+    , { name: 'Tobi', email: 'tobi@vision-media.ca' }
+  ];
+
+exports.list = function(req, res){
+  res.render('user/list', {
+    locals: {
+        title: 'Users'
+      , users: users
+    }
+  });
+};
+
+exports.load = function(req, res, next){
+  var id = req.params.id;
+  req.user = users[id];
+  if (req.user) {
+    next();
+  } else {
+    next(new Error('cannot find user ' + id));
+  }
+};
+
+exports.view = function(req, res){
+  res.render('user/view', {
+    locals: {
+        title: 'Viewing user ' + req.user.name
+      , user: req.user
+    }
+  });
+};
+
+exports.edit = function(req, res){
+  res.render('user/edit', {
+    locals: {
+        title: 'Editing user ' + req.user.name
+      , user: req.user
+    }
+  });
+};
diff --git a/examples/route-separation/views/index.ejs b/examples/route-separation/views/index.ejs
@@ -0,0 +1 @@
+<p>Visit the <a href="/users">users</a> page</p>
diff --git a/examples/route-separation/views/layout.ejs b/examples/route-separation/views/layout.ejs
@@ -0,0 +1,9 @@
+<html>
+  <head>
+    <title><%= title %></title>
+    <link href="/style.css" rel="stylesheet" />
+  </head>
+  <body>
+    <%- body %>
+  </body>
+</html>
diff --git a/examples/route-separation/views/user/edit.ejs b/examples/route-separation/views/user/edit.ejs
@@ -0,0 +1,7 @@
+<div id="user">
+  <h1>Editing <%= user.name %></h1>
+  <form method="post">
+    <p>Email: <input type="text" value="<%= user.email %>" name="user[name]"/></p>
+    <p><input type="submit" value="Save" /></p>
+  </form>
+</div>
diff --git a/examples/route-separation/views/user/list.ejs b/examples/route-separation/views/user/list.ejs
@@ -0,0 +1,8 @@
+<ul id="users">
+  <% users.forEach(function(user, id){ %>
+    <li>
+      <a href="/user/<%= id %>"><%= user.name %></a>
+      <a class="edit" href="/user/<%= id %>/edit">edit</a>
+    </li>
+  <% }) %>
+</ul>
diff --git a/examples/route-separation/views/user/view.ejs b/examples/route-separation/views/user/view.ejs
@@ -0,0 +1,4 @@
+<div id="user">
+  <h1><%= user.name %></h1>
+  <p>Email: <%= user.email %></p>
+</div>
diff --git a/examples/session/app.js b/examples/session/app.js
@@ -29,4 +29,5 @@ app.get('/', function(req, res){
     res.send(body + '<p>viewed <strong>' + req.session.views + '</strong> times.</p>');
 });
 
-app.listen(3000);
+app.listen(3000);
+console.log('Express app started on port 3000');