首页 > 解决方案 > javascript - 如何将链接分配给带有节点的登录按钮

问题描述

所以我试图将注册页面与 js 页面链接,但我不知道如何,这是我第一次进行网络开发,因此非常感谢任何建议。这是我在网上找到的模板,我想要填写登录信息并让它说密码和用户剂量匹配之类的东西?

  <div class="g-signin2" data-onsuccess="onSignIn"></div>
  <div class='loginBox'>
      <h2 style="color:#ec7079;">Login</h2>
      <label for="username">Username: </label>
      <input type="text" name="username" size="24">
      <label for="password">Password: </label>
      <input type="text" name="password" size="25">
      <input type="checkbox" />
      <label>Remember me </label><br />
      <button id="buttonRegister">Log in</button><br />
      <a href="/lostpassword">Lost your password</a><br />
      <a href="recipe.html">Back to Homepage</a>
'use strict';

const path= require('path');
const express=require('express');
const app= express();
const user= require(path.join(__dirname,'./user.json'));
const server= require('http').Server(app);
const port= process.env.PORT || 3100;
const host= process.env.HOST ||'localhost';
app.use('/js', express.static(path.join(__dirname,'js')));
app.use('/style', express.static(path.join(__dirname,'style')));
app.use('/images', express.static(path.join(__dirname,'images')));
app.get('/', (req,res)=> res.sendFile(path.join(__dirname,'recipe.html')));
// app.use(express.static(path.join(__dirname,'html'))); //if wanna have HTML in one folder
app.get('/login',(req,res)=>res.sendFile(path.join(__dirname,'/login.html')));
app.get('/signup',(req,res)=>res.sendFile(path.join(__dirname,'/signup.html')));
app.get('/lostpassword',(req, res)=> res.sendFile(path.join(__dirname,'/lostpassword.html')));
app.set('view engine', 'ejs');
app.set('views', path.join(__dirname, 'views'));
app.post('/login', express.urlencoded({extended:false}),(req,res)=>{
  if(!req.body) return res.sendStatus(400);
  if(user[req.body.username]==[req.body.password]){
    res.render('login',{data:req.body, text:'Log in sucessfully', result:'You are now logged in'});
  }else{
    res.render('login',{data:req.body, text:'Incorrect password!', result:'Go back to login page and try again'});
  }
});
app.post('/sending', function(req,res){
  res.redirect('/');
});
server.listen(port,host,()=>
console.log(`Server ${host} on port ${port}`)
);

标签: javascriptnode.js

解决方案


推荐阅读