Я предоставляю код здесь, на случай, если он чем-то поможет. Я создаю маршрут под названием «клиенты», который впоследствии будет хранить информацию о клиенте, когда он нажимает «ПОДТВЕРДИТЬ» на странице. Я использую NodeJS и Express. Я новичок в серверной разработке и пытаюсь выяснить, как заставить все работать.
Вот код:
var mysql= require("mysql");
const express=require("express");
const app=new express();
const morgan=require("morgan");
app.use(morgan('short'));
app.use(express.static("registration.html"));
const bodyParser=require("body-parser");
app.use(bodyParser.urlencoded({extended:false}));
app.post('/clients',(req,res)=>{
console.log("inserting..")
console.log("first name: "+req.body.fullName)
})
var con=mysql.createConnection({
host:"localhost",
user:"root",
password:"",
database:"clientsDATABASE"
})
app.listen(3004,()=>{
console.log("Listening on port 3004");
})
con.connect(function(err){
if (err) throw err
console.log("CONNECTED")
con.query("select * from clientsVectra", function(err,result,fields){
if (err) throw err
console.log(result);
app.get("/",(req,res)=>{
res.send(result);
})
})
})
Страница, которая отправляет вводимые пользователем данные являются удаленными. Вот html для этой страницы:
<div class="container">
<form action="/clients" method="POST">
<div class="card">
<div class="card-body">
<input class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required" id="first-name"
name="firstName" placeholder="FULL NAME" autocomplete="off"
ng-class="{'has-error': registerMinimalForm.firstName.$invalid && registerMinimalForm.$submitted}" ng-required="true"
ng-model="rmfc.model.firstName" required="required" name="fullName">
</div>
</div>
<div class="card">
<div class="card-body">
<input class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required" id="email"
name="firstName" placeholder="E-MAIL ADDRESS" autocomplete="off"
ng-class="{'has-error': registerMinimalForm.firstName.$invalid && registerMinimalForm.$submitted}" ng-required="true"
ng-model="rmfc.model.firstName" required="required">
</div>
<div class="card">
<div class="card-body">
<input class="form-control ng-pristine ng-untouched ng-invalid ng-invalid-required" id="phonenum"
name="firstName" placeholder="PHONE NUMBER" autocomplete="off"
ng-class="{'has-error': registerMinimalForm.firstName.$invalid && registerMinimalForm.$submitted}" ng-required="true"
ng-model="rmfc.model.phoneNumber" required="required">
</div>
</div>
<div class="container">
<div class="card-footer">
<a class="btn btn-primary btn-lg" role="button" id="b1j">CONFIRM!</a>
</div>
</div>
</form>
</div>