node.js+mysql实现简单登录注册

最新推荐文章于 2023-07-13 18:40:07 发布

竹影响心情

最新推荐文章于 2023-07-13 18:40:07 发布

阅读量1.7k

点赞数 3

文章标签： javascript node.js html

本文链接：https://blog.csdn.net/zby833/article/details/128455241

版权

本文通过Node.js和MySQL，参考B站博主老张的教程，实现了登录和注册功能。首先介绍登录页面（denglu.html）的设计，接着展示server.js的关键代码，包括数据解析、数据库连接和操作。在登录功能中，通过比较用户输入与数据库信息进行匹配；注册功能则是将数据插入数据库。最后展示了实际运行效果。

摘要由CSDN通过智能技术生成

js参考B站博主老张简单实现了登录和注册功能。

html参考博客登录页面代码。

首先是登录页面的设计

denglu.html如下

body 设计背景，可以通过改图片地址来实现背景改变

body {
      background: url('https://pic3.zhimg.com/v2-58d652598269710fa67ec8d1c88d8f03_r.jpg') no-repeat;
      background-size: 100% 130%;
    }

login_box封装整体样式

#login_box {
      width: 20%;
      height: 400px;
      background-color: #ffffff60;
      margin: auto;
      margin-top: 10%;
      text-align: center;
      border-radius: 10px;
      padding: 50px 50px;
    }

对不同部分设计样式

h2 {
      color: #6a00ff;
      margin-top: 5%;
    }

    #input-box {
      margin-top: 5%;
    }

    span {
      color: rgb(255, 0, 0);
    }

    input {
      border: 0;
      width: 60%;
      font-size: 15px;
      color: rgb(0, 0, 0);
      background: transparen