分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何使用 MySQL 和 NodeJS 从数据库中填充 Select 框？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何使用 MySQL 和 NodeJS 从数据库中填充 SELEct 框？？

开发过程中遇到如何使用 MySQL 和 NodeJS 从数据库中填充 SELEct 框？的问题如何解决？下面主要结合日常开发的经验，给出你关于如何使用 MySQL 和 NodeJS 从数据库中填充 SELEct 框？的解决方法建议，希望对你解决如何使用 MySQL 和 NodeJS 从数据库中填充 SELEct 框？有所启发或帮助；

总的来说，我对 ReactJs 和后端编程还很陌生。我正在制作一个项目，我需要从我创建的数据库中向用户显示选项，但似乎没有任何效果。 I made a static version where "clase 1,clase 2,clase 3" are supposed to be gotten from a database

我什么都试过了，如果我把它做成一个 php 页面，它只会不断下载，而不是在屏幕上显示。

这是我的 login.Js 代码

var MysqL = require('MysqL');
var express = require('express');
var session = require('express-session');
var bodyParser = require('body-parser');
var path = require('path');

const crypto = require('crypto')
let salt = ''
let alumn = "@uni.pe";
let profe = "@uni.edu.pe";
var connection = Mysql.createPool({
  connectionlimit : 10,host     : '',user     : '',password : '',database : ''
});
var app = express();
app.use(session({
  secret: '',resave: true,saveUninitialized: true
}));
app.use(bodyParser.urlencoded({extended : truE}));
app.use(bodyParser.Json());

app.get('/',function(request,responsE) {
  response.sendfile(path.join(__dirname + '/login.HTML'));
});
app.get('/home',responsE) {
  if (request.session.loggedin) {
    response.sendfile(path.join(__dirname + '/cursos.HTML'));
  } else {
    response.send('Please login to vIEw this page!');
  }
});
app.get('/notas',responsE) {
  if (request.session.loggedin) {
    response.sendfile(path.join(__dirname + '/notas.HTML'));
  } else {
    response.send('Please login to vIEw this page!');
  }
});
app.post('/reg',responsE) {
  let hash = ;
  let verAl = request.body.correoreg.indexOf(alumn);
  let verPr = request.body.correoreg.indexOf(profE);
  let tipo = "";
  if(verAl!=-1) tipo="Alumno";
  else if(verPr!=-1) tipo="Profesor";
  if (tipo!=""){
    var users={
          "Nombre":request.body.nombrereg,"Contrasenia":hash,"CorreoUNI":request.body.correoreg,"TipoUsuario":tipo
        }
        connection.query('INSERT INTO usuario SET ?',users,function (error,results,fIElds) {
          if (error) {
            response.send('El correo ya ha sIDo regisTrado u ocurrió un error interno.')
          } else {
            response.redirect('/');
            }
        });
    }
  else{
      response.redirect('/');
  }
});
app.get('/logout',response,next) {
  if (request.session) {
    // delete session object
    request.session.destroy(function (err) {
      if (err) {
        return next(err);
      } else {
        return response.redirect('/');
      }
    });
  }
});
app.post('/upload',responsE) {
  let IDprovisional=5;
  var nuevaclase={
          "IDcurso":IDprovisional,"NroSemana":request.body.nroSemana,"ContenIDo":request.body.linkclass,"Descripcion":request.body.classdescription,"nombre_clase":request.body.classname
        }
        connection.query('INSERT INTO clases SET ?',nuevaclase,fIElds) {
          if (error) {
            response.send({
              "code":400,"Failed":"error ocurred"
            })
          } else {
            response.redirect('/home');
            }
        });
});
app.post('/auth',responsE) {
  var correo = request.body.correo;
  var password = ;
  if (correo && password) {
    connection.query('SELECT * FROM usuario WHERE CorreoUNI = ? AND Contrasenia = ?',[correo,password],function(error,fIElds) {
      if (results.length > 0) {
        request.session.loggedin = true;
        request.session.correo = correo;
        response.redirect('/home');
      } else {
        response.send('Incorrect Username and/or password!');
      }     
    });
  } else {
    response.send('Please enter Username and password!');
  }
});


app.Listen(3000);

这是我用于“主页”页面的 HTML 的一部分（这是我发布的屏幕截图）：

  <SELEct ID="clases" name="SELEct" onchange="funcionclase()">
    <option value="Clase1">Clase 1</option>
    <option value="Clase2" SELEcted>Clase 2</option>
    <option value="Clase3">Clase 3</option>
  </SELEct>

  <a data-target="#mymodal" data-toggle="modal" href="#mymodal" ID="myBtn" style="display:inline-block; text-decoration:none; color:#5F3A32; margin-right:20px;"><h6>Subir Material</h6></a>
<p ID="materialclase"></p>
<?php include 'conexiones.php';?> //this line is not doing anything!

当我放弃将原始 HTML 转换为 php 时，我还将包含我尝试导入的 php 文件（出于安全目的，我删除了凭据）：

<?php
$servername = "";
$username = "";
$password = "";
$dbname = "";

// Create connection
$conn = new MysqLi($servername,$username,$password,$dbName);
// check connection
if ($conn->connect_error) {
    dIE("Connection Failed: " . $conn->connect_error);
}

$sql = "SELECT IDClase,nombre_clase,Descripcion FROM clases";
$result = $conn->query($sql);

if ($result->num_rows > 0) {
    // output data of each row
    while($row = $result->fetch_assoc()) {
        echo "<br> ID: ". $row["IDClase"]. " - name: ". $row["nombre_clase"]. " " . $row["Descripcion"] . "<br>";
    }
} else {
    echo "0 results";
}

$conn->close();
?>