webStrom ->node.js express框架连接数据库mysql的登录系统

本文档记录了使用WebStorm、Node.js、Express框架和MySQL数据库创建登录系统的步骤。首先通过命令行创建项目,安装所需依赖,如mysql和ejs。接着配置路由、数据库连接,并在public目录下创建登录页面。最后,通过dao层处理登录逻辑,当用户输入信息与数据库匹配时,控制台将显示登录成功信息。
摘要由CSDN通过智能技术生成

第一次用弄,中间来回百度了好多次,但对于什么都不知道的自己还是很乱很迷茫,刚写完登录页面,在此捋一下希望可以帮助到他人。

此项目希望达到的需求:
___创建登录页面,输入账号和密码点击登录时后端可以获取到输入的账号与密码和数据库进行对比后知道是否成功

安装node和express可以自行百度下。
1、打开控制台进入想要创建项目的文件下 输入 express Show_Page(项目名)。这样名字为Show_Page的项目就创建好了。
2、cd Show_Page (进入项目) -> npm i (添加依赖) -> npm install mysql (添加mysql依赖) ->npm install ejs(添加后期可以使用html的依赖)

3、以下是最终项目的目录表
在这里插入图片描述

4、正常刚创建的项目的routes下面是index.js,我删除后改成login.js了,方便我自己查看,因为改了名字,所以app.js里面需要改些内容,一共改了三个位置,如果你也把routes下面的index.js删除了的话,一定在app文件中把原有的 var indexRouter参数和下面原本有的app.use(’/’,indexRouter)删除,否则会报错。
在这里插入图片描述

5、routes -> login.js
(如果你用的是index,就把我写login的位置改成index就可以)

var express = require('express');
var router = express.Router();


/* GET home page. */
router.get('/', function(req, res, next) {
   
  res.render('login', {
    title: 'Express' });
});

module.exports = router;

6、然后在public下写登录页面

<!DOCTYPE html>
<html>
  <head>
  </head>
  
  <body>
	  <form action="/login"  
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值