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. UVA1160 X-Plosives

    思路 每个元素设为点,化合物设为边 不能出现k条边k个点的环 直接并查集检查即可 代码 #include <cstdio> #include <algorithm> #incl ...

  2. 微信小程序wepy开发，属性绑定的事件参数中可以使用{{}}写实参

    <view wx:for="{{tablist}}" class="item {{activeid === item.id ? 'active':''}}" ...

  3. flex外包团队—北京动点软件：推荐一本不错的Flex书籍

    内容介绍:Ready to put your ActionScript 3 skills to work on mobile apps? This hands-on book walks you th ...

  4. 学习笔记60—SPSS

    一.直方图上显示曲线图:打开SPSS ----> 导入数据 ----> 描述统计 ----> 分析 ----> 频率 ----> 图表 ----> 直方图(勾上在直 ...

  5. mongodb+nodejs

    不能只看mongodb官网文档https://docs.mongodb.com/manual/reference/method/db.collection.findOne/,都是同步接口 要看node ...

  6. 最接近的三数之和（java实现）

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

  7. pip3 freeze导出依赖包 --Python3

    1.导出依赖包到*.txt文件 pip3 freeze>blueflag.txt 2.导出后的结果

  8. MongoDB基本增删改查

    一. 在Node中如何操作 MongoDB数据  1.使用官方的 mongodb 来操作:https://github.com/mongodb/node-mongodb-native  2.使用第三方 ...

  9. django1

    * <pre>━━━━━━神兽出没━━━━━━ * ┏┓ ┏┓ * ┏┛┻━━━┛┻┓ * ┃ 王 ┃ * ┃   ┃ * ┃ ┳┛ ┗┳ ┃ * ┃ ┃ * ┃ ┻ ┃ * ┃ ┃ * ...

  10. Eclipse调试多线程代码

    Eclipse调试多线程代码 标签: eclipse 调试 多线程 | 发表时间:2013-02-16 05:51 | 作者:czjuttsw 分享到: 出处:http://blog.csdn.net ...