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. 【做题】51Nod1766树上的最远点对——直径&线段树

    原文链接 https://www.cnblogs.com/cly-none/p/9890837.html 题意:给出一棵大小为\(n\)的树,边有边权.\(m\)次询问,每次给出两个标号区间\([a, ...

  2. linux安装nord，卸载nord源

    需要提前准备好:能使用的sock代理. 1.在这里 https://nordvpn.com/zh/download/linux/ 下载初始安装包,这包不是真正的软件,而是会给你添加一个源,大概为了安全 ...

  3. 2.nginx配置教程

    1. nginx配置域名访问: 路径:vim /usr/local/nginx/conf/nginx.conf (这是我nginx的安装路径) 配置以后就不用通过ip(192.168.0.103)去访 ...

  4. R apply函数 三维 array

    参考自:https://www.cnblogs.com/nanhao/p/6674063.html 首先,生成三维数组,注意该三维矩阵为 2*3*4的维度: x=array(1:24,c(2,3,4) ...

  5. Go语言开发Prometheus Exporter示例

    一.Prometheus中的基本概念 Prometheus将所有数据存储为时间序列,这里先来了解一下prometheus中的一些基本概念 指标名和标签每个时间序列都由指标名和一组键值对(也称为标签)唯 ...

  6. [poj P1141] Brackets Sequence

    [poj P1141] Brackets Sequence Time Limit: 1000MS   Memory Limit: 65536K   Special Judge Description ...

  7. Mac系统下安装PyCharm

    首先,进入 PyCharm 的官网,https://www.jetbrains.com/pycharm/ 有macOS.Windows.Linux三个系统的自由选择,这里我们选macOS,然后down ...

  8. Android基础知识（一）

    前言 前言 从软件测试最终目的发现问题缺陷来看,Findyou比较认同一个观念,测试的能力大致可以划分成三个能力层次:发现问题.定位问题.预防问题.有机会探讨一下这个分类. 发现问题各种方式方法,比如 ...

  9. asp.net ajax控件选项卡控件的选项卡的动态显示与隐藏问题

    if (dq_gly.Yhm != "admin") { this.TabContainer1.Tabs[0].Visible = false; this.TabContainer ...

  10. Python-接口自动化（一）

    python基础知识(一) 一.python语言特点 1.易于学习:python有相对较少的关键字,结构简单,有一个明确定义的语法,学起来比较简单: 2.易于阅读:python代码定义的更清晰: 3. ...