【问题标题】:Send data back to node.js server from front-end从前端将数据发送回 node.js 服务器
【发布时间】:2016-01-12 23:05:49
【问题描述】:

我是 Node.js 的新手,几天来我一直在尝试弄清楚如何使用 Express.js 和 EJS 模板引擎和 MySql 为网站制作一个简单的登录注册功能。

我已经在我的 PC 上安装了 Node,并使用 Express-Generator 创建了一个基本的文件夹结构(视图、路由、公共文件夹)。

我了解如何使用 ejs 将变量从节点传递到前端,但我不知道如何将其传回。我试过在网上看一些教程,但似乎没有什么能让我明白其中的逻辑。 MySql代码放在哪里?用户单击“提交”后,如何传回输入值?

【问题讨论】:

    标签: javascript mysql node.js express ejs


    【解决方案1】:

    Jake 怎么说,我建议在 MySQL 中使用 Sequelize

    我会尝试为您的开始做一些小步骤,之后您可以进一步了解每个流程和工具。

    1) 前端 (EJS);

      <form id="login" action="/login" method="post">
          <input name="username" type="text">
          <input name="password" type="password">
          <input type="submit">Ok</input>
      </form>
    

    在这里,表单将请求route login。路线:

    2) 路线

    module.exports = function (app){
        
        var login = app.controllers.login;
    
        app.get('/', login.index);
        app.post('/login', login.login)
    };
    

    route 将调用名为login.js 的控制器中的login 方法。

    3) 控制器

    module.exports = function(app) {
    
      var sequelize = require('./../libs/pg_db_connect'); // resquest lib of connection to mysql/postgres
    
      var LoginController = {
        index: function(req, res) {
          res.render('login/index');
        },
    
        login: function(req, res) {    
          var query = "SELECT * FROM users"; // query for valid login
          
          sequelize.query(query, { type: sequelize.QueryTypes.SELECT}).then(function(user){    
                 
            if (req.body.username == user[0].username  && req.body.password === user[0].password ){ 
                res.redirect("/home");     
              } else {
                res.render("login/invalid_access");
              }
             
          });
    
        }
      };
      return LoginController;
    };
    

    在这一点上,是执行查询来验证登录并验证用户是否可以登录。Request方法是重点。

    为了查看响应和发送信息,它使用了res.SOME_METHOD

    res.send();

    res.end();

    res.download();

    res.json();

    另外:Sequelize MySQL 连接。

    在 express 结构中,它被本地化在 lib/my_db_connection.js 中:

    var Sequelize = require('sequelize');
    module.exports = new Sequelize('database_name', 'user', 'pass', {
        host: 'localhost',
        dialect: 'mysql',
        pool: {
            max: 10,
            min: 0,
            idle: 10000
        },
    });
    

    我建议在编写代码之前,请阅读必要的文档。

    【讨论】:

    • 是的,你的代码中我不明白的东西很少,但我非常感谢你的努力! +1
    • 主要是response、Sequelize和sequelize.query的docs,基于问题。
    • 请看这里:link
    【解决方案2】:

    您将不得不使用某种 AJAX 库(或 vanilla js ajax)将信息发送到您在 express 中设置的 http 端点。对于简单的东西,jquery ajax 方法就可以了。您可能希望发出 POST 请求。

    至于 MySql 代码,请查看 Sequelize。它是一个很酷的库,用于与 express 的 sql 数据库进行交互。它类似于 mongoose 为 mongo 工作的方式。

    【讨论】:

    • 没有 AJAX 就不可能吗?像在 PHP 中一样?
    • 我不知道。这可能是可能的,但 AJAX 被广泛接受为使用 express 执行此类操作的方式。看来您必须在为 express 服务器提供服务的地方提供前端服务,几乎就像一个 rails 应用程序。
    猜你喜欢
    • 2023-03-08
    • 2022-01-09
    • 1970-01-01
    • 2012-04-03
    • 2017-09-27
    • 1970-01-01
    • 1970-01-01
    • 2020-03-14
    相关资源
    最近更新 更多