使用Express Framework和Node.js开发应用程序-快速入门

            /**
             * Module dependencies.
             */ 
            var express = require('express');
            var http = require('http');
            var path = require('path');
            var app = express();
             
            // all environments 
            //app.set('port', process.env.PORT || 3000); 
            app.set('port', 3000);
            app.set('views', path.join(__dirname, '/app/server/views'));
            app.set('view engine', 'jade');
            app.locals.pretty = true;
            //app.use(express.favicon()); 
            //app.use(express.logger('dev')); 
            app.use(express.bodyParser());
            app.use(express.cookieParser());
            app.use(express.session({ secret: 'super-duper-secret-secret' }));
            app.use(express.json());
            app.use(express.urlencoded());
            app.use(express.methodOverride());
             
            app.use(require('stylus').middleware(path.join(__dirname, '/app/public')));
            app.use(express.static(path.join(__dirname, '/app/public')));
             
            // development only 
            if ('development' == app.get('env')) {
              app.use(express.errorHandler());
            }
             
            require('./app/server/router')(app);
             
            http.createServer(app).listen(app.get('port'), function(){
              console.log('Express server listening on port ' + app.get('port'));
            });
          

router.js

该文件充当控制器并响应客户端的请求。它设置视图的数据（从服务/数据库）并发送响应。

            //Get Function 
               app.get('/', function (req, res) {
                    // check if the user's credentials are saved in a cookie // 
                    if (req.cookies.user == undefined || req.cookies.pass == undefined) {
                        res.render('login', { title: 'IB-Wall - Please Login To Your Account' });
                    } else {
                        // attempt automatic login // 
                        AM.autoLogin(req.cookies.user, req.cookies.pass, function (o) {
                            if (o != null) {
                                req.session.user = o;
                                res.redirect('/user/' + req.cookies.user);
                            } else {
                                res.render('login', { title: 'IB-Wall - Please Login To Your Account' });
                            }
                        });
                    }
                });
                
            //Post Function 
                app.post('/', function (req, res) {
                    AM.manualLogin(req.param('user'), req.param('pass'), function (e, o) {
                        if (!o) {
                            res.send(e, 400);
                        } else {
                            req.session.user = o;
                            res.cookie('user', o.user, { maxAge: 900000 });
                            res.cookie('pass', o.pass, { maxAge: 900000 });
                            
                            res.send(o, 200);
                            console.log('user login and redirecting to home');
                        }
                    });
                });
                
                //user wall page 
            //Parameters from URL     
                app.get('/user/:username', function (req, res) {
                    
                    if (req.session.user == null) {
                        
                        res.redirect('/');
             
                    } else {
                        var uName = req.param('username');
                        
                        AM.getAllRecords(function (e, accounts) {
                            AM.getUserByUname(uName, function (e, onWQallOfuser) {
                                
                                AM.getPostsForUser(onWQallOfuser, function (e, userPosts) {
                                    var uPosts = [];
                                    uPosts = userPosts;
                                    res.render('index', {
                                        title : 'Welcome to IB-Wall',
                                        udata : req.session.user,
                                        wallUserData: onWQallOfuser,
                                        accounts: accounts,
                                        userPosts: uPosts
                                    });
                                });
                            });
                        });
                    }
                });
                
            //Destroy Cookies     
                app.post('/logoutuser', function (req, res) {
                    if (req.param('logout') == 'true') {
                        res.clearCookie('user');
                        res.clearCookie('pass');
                        req.session.destroy(function (e) { res.send('ok', 200); });
                    }
                });
          

JADE - 查看模板引擎

index.jade

这是将HTML呈现给客户端的查看文件。
您可以使用许多在线转换器将HTML代码转换为Jade代码。
您可以从在线资源中更多地了解Jade。
Jade 遵循缩进风格来组合元素。

            extends walllayout
             
            block content
                include userdetails
                .wrapper
                  .box
                    .row.row-offcanvas.row-offcanvas-left
                      // sidebar
                      #sidebar.column.col-sm-2.col-xs-1.sidebar-offcanvas
                        ul.nav
                          li
                            a.visible-xs.text-center(href='#', data-toggle='offcanvas')
                              i.glyphicon.glyphicon-chevron-right
                        ul#lg-menu.nav.hidden-xs
                            each account in accounts
                              li.active
                                a(href='http://www.codeproject.com/user/#{account.user}')
                                  img.img-circle(src='http://www.codeproject.com/placehold.it/150x150', width='25px', height='25px')
                                  |  #{account.name}
          

从服务器变量和设置中获取数据以供在视图中使用。

userdetails.jade

            // preset form values if we receive a userdata object //
             
            //variables are declared by using '-' sign
             
            //Data from server can be get just by using the same variable name as declared on server end.
             
            - user = typeof(udata) != 'undefined' ? udata : { }
            - wallUser = typeof(wallUserData) != 'undefined' ? wallUserData : { }
             
            // store the userId on the client side in a hidden input field //
            input(type='hidden', value= user._id)#userId
            input(type='hidden', value= wallUser._id)#wallUserId
            input(type='hidden', value= user.name)#LoginUserFullName
            input(type='hidden', value= wallUser.name)#wallUserFullName
             
            // display form errors in a custom modal window //
             
            include modals/form-errors
          

在其他Jade页面设置母版页

            extends walllayout