https://blog.csdn.net/weixin_33901641/article/details/85967847 vue之node.js的简单介绍

http://nodejs.cn/
http://www.runoob.com/nodejs/nodejs-express-framework.html

cmd ->
node -v
npm -v

login.html

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <meta name="viewport" content="width=device-width">

     <title>Title</title>

     <script type="text/javascript"  src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

     <style>

         span{

             color: rgb(, , );

         }

     </style>

 </head>

 <body>

 <div>

     <form action="" method="post">

         <p>用户名：<input type="text" placeholder="username" id="username"></p>

         <p>密码：<input type="password" placeholder="password" id="password"></p>

         <input type="submit" value="提交" onclick="login()">

         <span></span>

     </form>

 </div>

 <script>

     function login() {

         var username = $("#username").val();

         var password = $("#password").val();

         var url = "http://localhost:8080/login";

         console.log(username,password);

         $.post(url, {username,password}, function (response) {

             console.log(response);

             if (response){

                 alert("登陆成功")

             }else{

                 alert("登录失败")

             }

         })

     }

 </script>

 </body>

 </html>

server.js

 var express = require("express"); //引用包 npm install express --save

 var query = require("querystring");

 var app = express();  //初始化

 app.listen("",function () {  //监听

     console.log("服务已经启动，端口是8080")

 });

 var data2="";

 app.post(

   '/login',

   function (request,response) {

       response.header("Access-Control-Allow-Origin", "*");

       request.on("data",function (datas) {   //接收用户发来的数据,里面的data是不变的，就得叫data

           data2 = "";

           // console.log(datas)  ; //<Buffer 75 73 65 72 6e 61 6d 65 3d 26 70 61 73 73 77 6f 72 64 3d

                                 // >这样打印的结果是Buffer 类型的，所以我们得拼接一下,用querystring这个模块转成字符串

           data2+=datas;

       });

       request.on("end",function () {  //接收用户发来的数据之后开始解析

           console.log(query.parse(data2));  //{ username: '海燕', password: '123' }

           var username = query.parse(data2).username;

           var password = query.parse(data2).password;

           if (username == "海燕" && password == ""){

               response.send(true)//如果登录成功就把数据返回给前端

           }else{

               response.send(false)

           }

       })

   }

 );

直接运行html

node day1 login的更多相关文章

  1. Day1 login

    使用流程: 1.程序启动后,显示欢迎信息,提示用户输入用户名: 2.判断用户是否存在,不存在则提示重新输入,或者关闭程序:客户存在则提示客户输入密码: 3.判断密码是否正确,如果不正确则提示用户重新输 ...

  2. day1作业--登录入口

    作业概述: 编写一个登录入口,实现如下功能: (1)输入用户名和密码 (2)认证成功后显示欢迎信息 (3)输错三次后锁定 流程图: readme: 1.程序配置文件: 黑名单文件blacklist.t ...

  3. 关于js封装框架类库之DOM操作模块（二）

    上一篇基本实现了框架结构,但是与真正能用上的项目框架比较还是存在很多不足,在这又做了些加强与优化 (function ( window, undefined ) { var arr = [], pus ...

  4. 用户名密码登录小程序及input与raw_input区别。

    一.此次程序需要实现: 1.设定固定的用户名密码 2.用户名密码输入正确打印登录正确信息 3.仅仅运行三次登录 二.本次使用的python版本为: Windows下版本号: C:\Users\dais ...

  5. linux 平台实现 web 服务器的自动化发布 （纯shell 版本，存在ssh 不能自动退出问题，待解决）

    转至:https://www.cnblogs.com/vmsky/p/13824172.html 背景说明 1.集团OA系统上线,web App 部署在6台服务器中,因项目初期,每次更新都需要进行大量 ...

  6. babeljs源码

    babel.min.js!function(e,t){"object"==typeof exports&&"object"==typeof mo ...

  7. node基础 day1

    js为什么能在浏览器中运行 浏览器内部存在一个js解析器,解析ECMAscript 把引擎从浏览器中抽离出来,不再依赖浏览器,作为一个软件安装在电脑上,在命令行里面, 这个软件就是node node ...

  8. Node.js(day1)

    一.什么是Node.js Node.js Everywhere 我们可以从官网的介绍来分析:node中文网 | node引文网 Node.js® 是一个基于 Chrome V8 引擎 的 JavaSc ...

  9. [Node] Stateful Session Management for login, logout and signup

    Stateful session management: Store session which associate with user, and store in the menory on ser ...

随机推荐

  1. 编码原则 之 Hollywood Principle

    原文 The Hollywood Principle states, “Don’t Call Us, We’ll Call You.” It’s closely related to the Depe ...

  2. Learning-Python【8】：Python字符编码

    1.内存和硬盘都是用来存储的 内存:速度快 硬盘:永久保存 2.文本编辑器存取文件的原理(nodepad++,pycharm,word) 打开编辑器就可以启动一个进程,是在内存中的,所以在编辑器编写的 ...

  3. HTML基础【4】：表格标签

    表格标签 在过去表格标签用的非常非常的多,绝大多数的网站都是使用表格标签来制作的,也就是说表格标签是一个时代的代表 作用:以表格形式将数据显示出来,当数据量非常大的时候,表格这种展现形式被认为是最为清 ...

  4. tomcat启动后8005端口未被占用

    8005端口是tomcat本身的端口,如果这个端口在启动时未被tomcat占用的话,就无法使用它自带的shutdown.sh脚本关闭tomcat 接下来我以tomcat-9.0.12为例说明 下载to ...

  5. js实现往数组中添加非存在的对象，如果存在就改变键值。

    let arr = [] // 数组中元素数据类型为{name: 'bb', age: 12} // 现在需求是,将每次获得的新对象{name: '', age: }push到数组arr中,但前提是数 ...

  6. scala基础学习（一）

    scala学习 scala与java的不同之处: 1.scala中任何一个操作符都是一个方法. s = 1+2;    可以写作:s=(1).+(2) 2.异常捕获采用模式匹配的方式. try { v ...

  7. 使用pm2 管理node服务后台运行

    npm run dev的服务想放在服务器上,但是putty一断服务就没了. 网上差了下forever和pm2用的比较多,尤其是pm2 简直太好用了.. 具体操作如下 安装 npm install -g ...

  8. LeetCode--016--最接近的三数之和(java)

    给定一个包括 n 个整数的数组 nums 和 一个目标值 target.找出 nums 中的三个整数,使得它们的和与 target 最接近.返回这三个数的和.假定每组输入只存在唯一答案. 例如,给定数 ...

  9. 强化git

    [场景1]git 提交本地代码到远程master 1.git init 2.git add . 3.git commit -m " " 4.git remote add origi ...

  10. android:Internet（volley）

    public void getStringFromCloud(View view) { /*创建请求队列*/ RequestQueue queue = Volley.newRequestQueue(t ...