演示NodeJS实现登录注册功能
根据菜鸟教程的动手项目,请提前查看菜鸟教程官网nodejs的相关教程,根据实际教程再操作一遍,然后自行实现登录和注册功能。本演示仅供参考,不符合相关前端规范。
使用的技术堆栈
node express mongodb
项目目录结构
Node_modules:第三方模块目录public:公共文件目录(js、css、image) login.html:登录页面register.html:注册页面main.html:主页面db.js:数据库相关包(数据库添加、查询)login.js:界面启动文件(登录、注册界面)登录场景
(1)用户名不能为空;
(2)密码不能为空;
(3)如果用户名和密码不为空,查询数据库判断用户是否存在。如果是,则判断用户名和密码是否一致,一致登录是否成功;不一致返回不正确的用户名或密码;如果不存在,直接返回用户不存在。
注册场景
(1)用户名不能为空;
(2)密码不能为空;
(3)如果用户名和密码不为空,查询数据库判断用户是否存在。如果存在,则返回用户已经存在,可以直接登录。如果不存在,请注册用户并插入数据库。
部分操作演示
注册
主页
注册
插入数据库
项目初始化
1.创建新目录
创建一个新目录,例如:节点登录
2.安装快速
安装Express并将其保存在依赖项列表中:打开cmd命令行,找到项目目录,并使用命令行cnpm install express - save,如下所示:
上述命令将在当前目录的node_modules目录中安装express框架,并且将在node_modules目录下自动创建Express目录。以下重要模块需要与express框架一起安装:
body-parser-node.js中间件用于处理JSON、Raw、Text和URL编码的数据。Cookie解析器——这是一个解析cookie的工具。有了req.cookies,你就可以得到cookies并把它们变成物品。多节点. js中间件用于处理enctype='multipart/form-data '的表单数据。使用以下命令:
Cnpm安装body-parser-savecnpm安装cookie-parser-savecnpm安装mule-save取决于以下模块:
3.安装MongoDB
使用命令cnpm安装mongodb
4.创建新的公共文件夹
创建一个新的公共文件夹来存储公共文件目录(js、css、image)
5.github地址:node-login,欢迎开始。
摘要
以上是边肖介绍的插图。NodeJS实现了登录注册功能,希望对大家有所帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!如果你觉得这篇文章对你有帮助,请转载,请注明出处,谢谢!
版权声明:演示NodeJS实现登录注册功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。