Page 124 - Node.js开发指南
P. 124

5.6  用户注册和登录    117


                       if (err.length)
                                                                                                      1
                         return err;
                       else
                         return null;
                     },
                     success: function(req, res) {                                                    2
                       var succ = req.flash('success');
                       if (succ.length)
                         return succ;
                       else
                                                                                                      3
                         return null;
                     },
                   });
                   接下来,修改 layout.ejs中的导航栏部分:
                                                                                                      4
                   <ul class="nav">
                     <li class="active"><a href="/">首页</a></li>
                     <% if (!user) { %>
                       <li><a href="/login">登入</a></li>
                       <li><a href="/reg">注册</a></li>                                                 5
                     <% } else { %>
                       <li><a href="/logout">登出</a></li>
                     <% } %>
                   </ul>
                                                                                                      6
                   上面功能是为已登入用户和未登入用户显示不同的信息。在 container 中,<%- body %>
               之前加入:

                   <% if (success) { %>
                                                                                                      7
                     <div class="alert alert-success">
                       <%= success %>
                     </div>
                   <% } %>
                   <% if (error) { %>                                                                 8
                     <div class="alert alert-error">
                       <%= error %>
                     </div>
                   <% } %>
                                                                                                      9
                   它的功能是页面通知。
                    现在看看最终的效果吧,图5-11和图5-12分别是注册时遇到错误和注册成功以后的
               画面。
                                                                                                      10
   119   120   121   122   123   124   125   126   127   128   129