sails.js 0.10.0-rc4 无法将消息闪烁到 ejs 视图

Question

在服务器js中

 if (!user) {
      if (isEmail) {
        req.flash('error', 'Error.Passport.Email.NotFound');
        sails.log.warn('User Email not fond.');
      } else {
        req.flash('error', 'Error.Passport.Username.NotFound');
        sails.log.warn('User name not found.');
      }

ejs 视图

<form role="form" action="/auth/local" method="post">
    <input type="text" name="identifier" placeholder="Username or Email">
    <input type="password" name="password" placeholder="Password">
    <button type="submit">Sign in</button>
</form>

<% if (typeof message!== 'undefined') { %>
<%= message %>
<% } else { %>
You E-mail and passport is correct!
<% } %>

如果我输入了一封错误的电子邮件或护照，ejs 视图不会显示任何错误消息，为什么？ 如何将错误消息闪烁到 ejs 视图？我做错了什么吗？ 对不起我的英语不好。 谢谢。

Answer 1

实际上，req 会自动传递到您的视图中，因此您可以在视图中执行以下操作：

<%- req.flash('message') %>

您无需手动将消息传递到您的视图。

Answer 2

Flash 中间件将 Flash 消息存储在会话中。你仍然需要将它传递给你的视图并自己渲染它：

app.get('/flash', function(req, res){
  // Set a flash message by passing the key, followed by the value, to req.flash().
  req.flash('info', 'Flash is back!')
  res.redirect('/');
});

app.get('/', function(req, res){
  // Get an array of flash messages by passing the key to req.flash()
  res.render('index', { messages: req.flash('info') });
});

Answer 3

在 Sailsjs v0.10.0-rc8 中使用 req.session.flash 检查消息是否存在会导致 undefined 错误。

这是我最终使用的解决方案：

  <% var errors = req.flash('error'); %>
    <% if ( Object.keys(errors).length > 0 ) { %>
    <div class="alert alert-danger">
      <button type="button" class="close" aria-hidden="true" data-dismiss="alert">&times;</button>
      <ul>
        <% Object.keys(errors).forEach(function(error) { %>
          <li><%- JSON.stringify(errors[error]) %></li>
        <% }) %>
      </ul>
    </div>
   <% } %>

更新

我想出了如何在阅读消息之前检查 Flash 消息是否存在：

   <% if (req.session.flash && req.session.flash.error) { %>
      <% var errors = req.flash('error') %>
      <div class="alert alert-danger">
        <button type="button" class="close" aria-hidden="true" data-dismiss="alert">&times;</button>
        <ul>
          <% Object.keys(errors).forEach(function(error) { %>
            <li><%- JSON.stringify(errors[error]) %></li>
          <% }) %>
        </ul>
      </div>
   <% } %>

Answer 4

我发现以下自定义验证方法比使用上述方法更有帮助。我想你最终会在某个时候想要自定义验证消息，对吧？

https://gist.github.com/basco-johnkevin/8436644

注意：我创建了一个名为 api/services/ValidationService.js 的文件，并将 gist 代码放在这里。这样我就不必在 Controller 中要求它了。

在控制器中：

create: function(req, res, next) {
    //Create a User with the params sent from the signup form
    //
    User.create( req.params.all(), function userCreated( err, user ) {
        // If there's an error
        // 
        if(err) {
            if(err.ValidationError) {
                errors = ValidationService.transformValidation(User, err.ValidationError);
                sails.log.warn(errors);
                req.flash('error', errors);
            }

            // If error redirect back to the sign-up page
            return res.redirect('/user/new');
        }

        // After successfully creating the user 
        // redirect the to the show action
        res.json(user);
    });
}

在我的用户模型中：

module.exports = {

  schema: true,

  attributes: {
    name: {
        type: 'string',
        required: true
    },

    title: {
        type: 'string'
    },

    email: {
        type: 'string',
        email: true,
        required: true,
        unique: true
    },

    encryptedPassword: {
        type: 'string',
        minLength: 6,
        required: true
    }

  },

  validation_messages: {
    name: {
        required: 'You must supply a valid name.'
    },

    email: {
        email: 'You must supply a valid email address.',
        required: 'You must supply a valid email address.',
        unique: 'An account with this email address already exists.'
    },

    encryptedPassword: {
        minLength: 'Your password must be atleast 6 characters long.',
        required: 'You must supply a password that is atleast 6 characters long.'
    }
  }

};

这就是我最终在用户注册表单视图中看到的内容。嗯……一定有更好的办法。

<% if (req.session.flash && req.session.flash.error) { %>
  <% var errors = req.flash('error') %>
  <div class="alert alert-danger">
    <button type="button" class="close" aria-hidden="true" data-dismiss="alert">&times;</button>
    <ul>
      <% Object.keys(errors).forEach(function(error) { %>
        <% Object.keys(errors[error]).forEach(function(error_message) { %>
        <% Object.keys(errors[error][error_message][0]).forEach(function(error_message_res) { %>
        <li>
            <%- errors[error][error_message][0][error_message_res] %>
        </li>
        <% }); %>
        <% }); %>
      <% }); %>
    </ul>
  </div>