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. 论文笔记: Mutual Learning to Adapt for Joint Human Parsing and Pose Estimation

    Mutual Learning to Adapt for Joint Human Parsing and Pose Estimation 2018-11-03 09:58:58 Paper: http ...

  2. docker 安装mysql示例

    docker pull mysql 错误的启动: [root@localhost ~]# docker run --name mysql01 -d mysql 42f09819908bb72dd99a ...

  3. Flask之项目配置,目录构建,闪现

    综合案例:学生成绩管理 新建项目目录students,并创建虚拟环境 mkvirtualenv students 安装开发中使用的依赖模块 pip install flask==0.12.4pip i ...

  4. SQL SERVER 触发器之After，Instead of

    [Ater](同for)先执行增删改操作,再执行触发器操作 [Instead of]直接只执行触发器里的 create trigger triggername on table_name for/af ...

  5. Matlab:高阶常微分三种边界条件的特殊解法（隐式Euler）

    函数文件1: function b=F(f,x0,u,h) b(1,1)=x0(1)-h*x0(2)-u(1); b(2,1)=x0(2)+h*x0(1)^2-u(2)-h*f; 函数文件2: fun ...

  6. css设置点击态样式

    .rightMenu:active { background-color: rgba(46, 103, 222, 0.13); }

  7. adb command not found / abd' 不是内部或外部命令，也不是可运行的程序 或批处理文件。最简易修改

    此处提供最简易高效的方法 不需要添加.bash_profile 只需手动设置环境变量 1.打开环境变量设置页面:确保你ANDROID_HOME, JAVA_HOME已经设置好,我们针对abd的环境配置 ...

  8. 网络编程，socket

    1.网络编程 网络: TCP/IP 彼此之间遵守协议和规范!之间才能产生通信! IP: 每个人都有自己的身份证号! 用来标识我们网络中每一台计算机! IP地址= 网络地址 +主机地址 网络地址 :标识 ...

  9. Django--QuerySet--基础查询

    Django--QuerySet--基础查询 创建模型类: from django.db import models # Create your models here. class Blog(mod ...

  10. hadoop fsck详解

    我们知道fsck是用来检测hdfs上文件.block信息的,但是fsck输出的结果我们是否能看明白呢?   下面我们来看一个fsck输出的结果 hadoop fsck / ############## ...