基于express的node项目登录

ゞ浴缸里的玫瑰 2022-05-11 10:36 267阅读 0赞

首先我们先来搭建一个express的node项目，搭建过程可以参考：[https://blog.csdn.net/qq\_32741973/article/details/82785363][https_blog.csdn.net_qq_32741973_article_details_82785363]

这里我创建了一个叫nodejs的项目

![70][]

然后更改views下面的文件后缀名为.html 可以参考：[https://blog.csdn.net/qq\_32741973/article/details/82787903][https_blog.csdn.net_qq_32741973_article_details_82787903]

接下来打开命令符cmd 进入项目所在目录下。然后安装mysql模板 npm install mysql

![70 1][]

接下来创建登录路由

![70 2][]

然后打开app.js并配置路由

![70 3][]

打开的登录路由，配置默认显示页面，如访问localhost:3000/则会跳转登录界面

![70 4][]

修改登录页面，如下

![70 5][]

在登录路由添加登录按钮接收代码

![70 6][]

开始登录

![70 7][]

登录成功

![70 8][]

配置mysql数据库可参考：[https://blog.csdn.net/qq\_32741973/article/details/82805521][https_blog.csdn.net_qq_32741973_article_details_82805521]

[https_blog.csdn.net_qq_32741973_article_details_82785363]: https://blog.csdn.net/qq_32741973/article/details/82785363
[70]: /images/20220511/e404e50d59b44229afe2291af96c8bf9.png
[https_blog.csdn.net_qq_32741973_article_details_82787903]: https://blog.csdn.net/qq_32741973/article/details/82787903
[70 1]: /images/20220511/57e7d3e8a959457287e7f09f8b46f2a6.png
[70 2]: /images/20220511/bd2dce6c363c402db4c96cf76ec4a73d.png
[70 3]: /images/20220511/3ed3850427c84bef9e2d30a46845198b.png
[70 4]: /images/20220511/51d73c8ea84b4535be3dd941b601929d.png
[70 5]: /images/20220511/edc5e542f28842f097e6e62ae1893352.png
[70 6]: /images/20220511/e974df7a275b455fbfc4196670349754.png
[70 7]: /images/20220511/ceb61ad656b84c9d9a6ddb883e138b35.png
[70 8]: /images/20220511/7e1f061ace1846df97008d1b9fc2ec06.png
[https_blog.csdn.net_qq_32741973_article_details_82805521]: https://blog.csdn.net/qq_32741973/article/details/82805521