如何在 MacOS 上使用 html/node js 创建登录表单

Question

首先我要说的是，我正在 MacOS 上工作，而且在使用它方面我很菜鸟，但我在 Web 开发方面也是新手（主要是使用 Node Js 进行数据库连接方面的新手）。我目前有一个离线网页（甚至没有在 apache 中设置，直接在 chrome 中打开它），它有一个登录表单。MySql 服务器正在工作，我在 MySql 工作台中有一些数据。首先，我只想确保连接，这意味着我希望它在按下“登录”按钮时自动启动 Node Js 服务器，并且我希望它弹出一个警报，说明一些内容（稍后，应该转换为完全登录）代码）。这是html和node.js中的代码。如果有人知道为什么它不起作用，请提供帮助。谢谢。

<button class="buttonn" style="margin-left: 20%" onclick="test()">

   <span class="text">Sign In</span>

</button>

<script>

  function test(){

    var mysql = require('mysql');

    var con = mysql.createConnection({

    host: "localhost",

    user: "root",

    password: "yourpassword",

    database: "test"

    });

    con.connect(function(err) {

    if (err) throw err;

    alert("Connected!");

    });

  }

</script>

Answer 1

您需要使用 Node.js 来运行 Node.js代码，而不是将其放入<script>元素中并尝试在 Web 浏览器中运行它。通常您会node myScript.js在命令提示符下键入。要运行代码来响应浏览器中发生的事情，您需要：一台已经运行的服务器（通常您会使用 Express.js 之类的东西编写在 Node.js 中运行的服务器）浏览器向该服务器发出 HTTP 请求（例如通过链接、表单提交或 Ajax）