javascript - Electronjs Mysql数据库提交查询随机访问-6ren

javascript - Electronjs Mysql数据库提交查询随机访问

转载作者：行者123 更新时间：2023-12-03 12:38:44

27

4

我在与mysql交互时遇到一些麻烦问题。
我有一个表格。当我尝试单击/提交，然后调用我的函数tata()对数据库进行某些操作(选择或其他操作)时，会随机调用connection.query。有时，当我第一次单击函数调用时，有时我需要在按钮上单击2或3次才能调用该函数。我没有警告或错误的日志。该函数在connection.query之前停止，但我不知道为什么，因为我只需要重试(重新单击)即可。
首次点击示例:

"Click myBtn"

alert('14.1')
alert('13')

然后完成。
如果我停留在同一页面但又单击另一次->

alert('14.1')
alert('13')
alert('14.2')

我在Ubuntu 20上工作。
我的main.js:

const { app, BrowserWindow, netLog, contentTracing, session } = require('electron')

function createWindow () {
  const win = new BrowserWindow({
    width: 800,
    height: 600,
    title: "Ulrich The Keeper",
    icon: './src/webapp/public/assets/img/menu_icon.png',
    webPreferences: {
      //set to true to have internal nodejs function integration
      nodeIntegration: true,
      //enable remote module for the render script
      enableRemoteModule: true,
      //disable dev tools set to false in PROD
      devTools: true


    }
  }
)
  win.loadFile('index.html');

}

app.whenReady().then(createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})
app.on('activate', () => {
  if (win === null) {
    createWindow()
  }
})

我的package.json

  "name": "test",
  "version": "1.0.0",
  "description": "test",
  "main": "main.js",
  "scripts": {
    "postinstall": "install-app-deps",
    "start": "electron . --no-sandbox"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "decache": "^4.6.0",
    "electron": "^10.1.4",
    "electron-builder": "^22.9.1"
      },
  "dependencies": {
    "mysql": "^2.18.1"

  }
}

我的index.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ulrich The Keeper</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">


    <link rel="stylesheet" href="../assets/css/login_style.css">

</head>

<body>

    <div class="login-dark">
        <form id="myForm_index" method="POST">
            <h2 class="sr-only">Login Form</h2>
            <div class="illustration"><i class="icon ion-ios-locked-outline"></i></div>
            <div class="form-group"><input id=form_index_login class="form-control" type="text" name="login" placeholder="Login" required></div>
            <div class="form-group"><input id=form_index_password class="form-control" type="password" name="password" placeholder="Password" aria-describedby="PasswordHelp" required></div>
            <small id="PasswordHelp" class="form-text text-muted">Enter your credentials to unlock your vault </small>

            <div class="form-group">
              <button id=myBtn class="btn btn-primary btn-block" type="submit" >Log In</button>
            </div>
            <a href="register.html" class="forgot">Click here to register</a>

        </form>
    </div>
    <!-- Placing scripts at the bottom of the <body> element improves the display speed, because script interpretation slows down the display. -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>

<script>
document.getElementById("myBtn").addEventListener("click", tata);

function tata(){
  var mysql = require("mysql");
  var db_config = require('../../../server/database_config.js');

  var host = db_config.db_host;
  var user = db_config.db_user;
  var password = db_config.db_password;
  var name_database = db_config.db_name;

  var connection = mysql.createConnection({
    host: host,
    user: user,
    password: password,
    database: name_database
  });
  alert('14.1')
  connection.query('SELECT * FROM `users`', function (error, results, fields) {
    if (error) throw console.log(error);
    alert('14.2');
  });
  alert('13')
  connection.end();

}
</script>
</body>
</html>

最佳答案

我想出了解决方案。
我将“type = submit”移到“type = button”上了!
我不知道为什么会这样，但是确实可行。
如果您有任何解释，请随时!

<div class="form-group">
              <button id=myBtn class="btn btn-primary btn-block" type="button" >Log In</button>
            </div>

关于javascript - Electronjs Mysql数据库提交查询随机访问，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64801527/

27

4

0

文章推荐： node.js - 与网络相关(Firebase 实时数据库连接)

文章推荐： .net - 如何在Visual Studio中将进程附加到调试器？

文章推荐： javascript - Electron -将参数从main.js传递到html

文章推荐： macos - 操作系统如何影响汇编代码的运行方式？

javascript - php 访问 mqsql 或 html 访问 json 或 html 访问 xml ？哪个更快？
关闭。这个问题是opinion-based 。目前不接受答案。想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 4 年前。 Improv
powershell - API 访问 PowerShell Web 访问？
PowerShell Web Access 允许您通过 Web 浏览器运行 PowerShell cmdlet。它显示了一个基于 Web 的控制台窗口。有没有办法运行 cmdlet 而无需在控制台窗
c# - 如何使用应用程序级身份验证/访问 token 访问 Sharepoint 文件？
我尝试在无需用户登录的情况下访问 Sharepoint 文件。我可以通过以下任一方式获取访问 token 方法一: var client = new RestClient("https://logi
soap - 使用 OAuth 访问 token 访问 SOAP 服务？
我目前正在尝试通过 Chrome 扩展程序访问 Google 服务。我的理解是，对于 JS 应用程序，Google 首选的身份验证机制是 OAuth。我的应用目前已成功通过 OAuth 向服务进行身份
C++ - 允许通过基类(接口(interface))访问，禁止通过派生类(具体实现)访问？
假设我有纯抽象类 IHandler 和派生自它的类: class IHandler { public: virtual int process_input(char input) = 0; };
css - 可以通过 URL 访问 CSS 文件，但不能从 HTML 访问
我有一个带有 ThymeLeaf 和 Dojo 的 Spring 应用程序，这给我带来了问题。当我从我的 HTML 文件中引用 CSS 文件时，它们在 Firebug 中显示为中止。但是，当我通过在地
javascript - 为什么我可以用 [val] 访问 js 对象，但不能用 .val 访问？
这个问题已经有答案了: JavaScript property access: dot notation vs. brackets? (17 个回答) 已关闭 6 年前。为什么这不起作用？ func
.htaccess - 仅允许通过 http 访问 robot.txt，其他通过 https 访问
我想将所有流量重定向到 https，只有 robot.txt 应该可以通过 http 访问。是否可以为 robot.txt 文件创建异常(exception)？我的 .htaccess 文件: R
oauth-2.0 - 无法使用有效的 oauth2 访问 token 访问 Linkedin 个人资料
我遇到了 LinkedIn OAuth2: "Unable to verify access token" 中描述的相同问题;但是，那里描述的解决方案并不能解决我的问题。我能够成功请求访问 toke
Docker 容器不能通过 localhost 访问，但可以通过 127.0.0.1 访问
问题我有一个暴露给 *:8080 的 Docker 服务容器. 我无法通过 localhost:8080 访问容器. Chrome /curl无限期挂断。但是如果我使用任何其他本地IP，我就可以访
python - 使用 OAuth 2.0 访问 token 访问 Gmail Imap
我正在使用 Google 的 Oauth 2.0 来获取用户的 access_token，但我不知道如何将它与 imaplib 一起使用来访问收件箱。最佳答案下面是带有 oauth 2.0 的 I
curl - 可以从 curl 访问 docker 服务，但不能从 postman/chrome 访问
我正在做 docker 入门指南:https://docs.docker.com/get-started/part3/#recap-and-cheat-sheet-optional docker-co
azure - 带有 Nginx 的 AKS 无法通过 IP 访问，只能通过 DNS 访问
我正在尝试使用静态 IP 在 AKS 上创建一个 Web 应用程序，自然找到了一个带有 Nginx ingress controller in Azure's documentation 的解决方案。
javascript - 为什么可以将 'module.exports' 作为 'exports' 访问，但不能使用 'module.id' 访问？
这是我在名为 foo.js 的文件中的代码。 console.log('module.exports:', module.exports) console.log('module.id:', modu
amazon-web-services - aws 访问 key ID 和 secret 访问 key
我试图理解访问键。我读过https://docs.aws.amazon.com/general/latest/gr/aws-sec-cred-types.html#access-keys-and-se
xcode - 从 iOS 5 访问 Twitter 时 OAuth 访问 token 失败
我正在使用 MGTwitterEngine"将 twitter 集成到我的应用程序中。它在 iOS 4.2 上运行良好。当我尝试从任何 iOS 5 设备访问 twitter 时，我遇到了身份验证 to
amazon-web-services - aws 访问 key ID 和 secret 访问 key
我试图理解访问键。我读过https://docs.aws.amazon.com/general/latest/gr/aws-sec-cred-types.html#access-keys-and-se
ios - 如果 Facebook 访问 token 过期，会生成新的 Facebook 访问 token 吗？
我正在使用以下 API 列出我的 Facebook 好友。 https://graph.facebook.com/me/friends?access_token= ??? 我想知道访问 token 过
google-app-engine - 尝试使用 API key 访问 BigQuery 时出错(简单 API 访问)
401 Unauthorized - Show headers - { "error": { "errors": [ { "domain": "global", "reas
django - 从 heroku 访问 s3 内容时，AWS 访问 key 显示在浏览器 url 中
我已经将我的 django 应用程序部署到 heroku 并使用 Amazon s3 存储桶存储静态文件，我发现从 s3 存储桶到 heroku 获取数据没有问题。但是，当我测试查看内容存储位置时，除

首页

博学

6Ren·AI

javascript - Electronjs Mysql数据库提交查询随机访问