vue之node.js的简单介绍

一、什么是node.js?

 它是可以运行JavaScript的服务平台,可以吧它当做一门后端程序,只是它的开发语言是JavaScript

二、安装

1、node.js的特性:

- 非阻塞IO模型
- 时间驱动

2、运用的场景:

- 高并发低业务
- 实时场景
- 聊天、电子商务、视频直播等

3、安装地址:

http://nodejs.cn/
判断是否安装成功  node -v
进入编辑状态:node 回车,可以进行一些运算
退出编辑模式:ctrl d或者ctrl c两次

4、npm是一个包管理器,其实是一个命令。使用它来安装或者卸载包

 首先进行项目初始化:npm init (快速初始化:npm init -y),会生成文件:package.json

npm install 包的名字 --save-dev
npm install express --save-dev:吧依赖包增加到开发环境下
npm install express
npm install express --save :吧依赖包增加到运行环境下

三、简单使用

 模板化开发:

stu.js

var man="海燕";
module.exports = man;  //对外开放接口
console.log(man);

stu2.js

var temps = require("./stu.js");  //引用文件,在js文件中加个./代表是同级目录
console.log(temps);

那么如何执行文件呢?  node b.js =====》node 文件名

四、用node.js简单的做一个登录

 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 src="jquery.js"></script>
<style>
span{
color: red;
}
</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){
$("span").html("登陆成功")
}else{
$("span").html("登录失败")
}
})
}
</script>
</body>
</html>

server.js

var express = require("express"); //引用包
var query = require("querystring");
var app = express();  //初始化
app.listen("8080",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 == "123"){
response.send(true)//如果登录成功就把数据返回给前端
}else{
response.send(false)
}
})
}
);

注意:启动的时候  ===>node server.js

 


更多专业前端知识,请上 【猿2048】www.mk2048.com

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/361148.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java 8 StringJoiner

在Java 8发行版中&#xff0c;最受关注的是Lamda&#xff0c;新的Date API和Nashorn Javascript引擎。 在这些阴影下&#xff0c;有较小但有趣的变化。 其中之一是StringJoiner的引入。 StringJoiner是用于分隔字符或字符串列表的实用程序。 您可能会认出以下代码&#xff1a; …

设置TextView为下划线的样式

1 tvUserTel.setText(Html.fromHtml("<u>"usertel"</u>")); 2 tvUserTel.setTextColor(Color.BLUE);//设置为蓝色 转载于:https://www.cnblogs.com/Tristan2012/archive/2012/11/06/2757239.html

jQuery之jQuery扩展和事件

一、jQuery事件 常用事件 blur([[data],fn]) 失去焦点 focus([[data],fn]) 获取焦点&#xff08; 搜索框例子&#xff09; change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子) click([[data],fn]) 点击 dblclick([[data],fn])…

JavaFX列表示例

这是使用JavaFX构建的示例列表应用程序。 该应用程序是待办事项列表。 此应用程序具有添加&#xff0c;更新和删除列表中项目的功能。 列表数据存储在HSQLDB关系数据库中。 该应用程序使用JDBC&#xff08;Java数据库连接&#xff09;API访问数据库。 该应用程序打包为可执行JA…

flex弹性布局操练2

上一个是练习的1个内元素的&#xff0c;这次练习两个元素的。 ul.box1 {list-style:none;background-color:black;display:flex;justify-content:space-between;/*水平轴的位置,默认是flex-start就是第一种情况*/align-items:center;/*垂直轴的位置*/width:100px;height:100px;…

CDI 2.0更新

CDI 2.0是Java EE平台的上下文和依赖项注入的下一个版本&#xff0c;并且是Java EE 8中包含的候选对象。 自2014年9月以来&#xff0c;它一直在开发中&#xff0c;并且发展Swift&#xff01; CDI 2.0的主要目标 与Java SE 8对齐&#xff08;当然&#xff01;&#xff09; 支持…

一段js实现复制文本内容到剪切板

<script type"text/javascript"> function copyUrl2(){var Url2document.getElementById("biao1").innerText;var oInput document.createElement(input);oInput.value Url2;document.body.appendChild(oInput);oInput.select(); // 选择对象docum…

【Android】自带Theme

?android:theme"android:style/Theme.Dialog" 将一个Activity显示为对话框模式?android:theme"android:style/Theme.NoTitleBar" 不显示应用程序标题栏?android:theme"android:style/Theme.NoTitleBar.Fullscreen" 不显示应用程序标题栏&…

使用Maven Failsafe和JUnit @Category将集成测试与单元测试分开

为什么单元测试应与集成测试分开运行 单元测试级别的TDD相当简单&#xff0c;因为单元测试中的类要么没有复杂的依赖关系&#xff0c;要么使用模拟框架&#xff08;例如Mockito&#xff09;来模拟依赖关系。 但是&#xff0c;当我们进入集成测试时&#xff0c;TDDSwift变得困难…

SVN功能小结 .

基本操作1同步在MyEclipse J2EE透视图下,右击你要同步的工程->小组->与资源库同步->这时会进入同步透视图,会显示出本机与SVN上内容有不同的文件,双击文件名,会显示出两个文件中哪里不同;2提交在同步透视图下有”灰色向右的箭头,表示你本机修改过”,右击该文件,可以选…

Selenium1 Selenium2 WebDriver

内容摘要&#xff1a; Selenium 1 原理WebDriver WebDriver 组件WebDriver 协议 Remote End 处理流程Commands & Endpoints & 请求路由错误消息 WebDriver 配置 Selenium 2 1、Selenium 1 原理 (1).测试用例&#xff08;Testcase&#xff09;通过Client Lib的接口向Se…

Fork / Join框架vs并行流vs.ExecutorService:最终的Fork / Join基准

Fork / Join框架在不同配置下如何工作&#xff1f; 就像即将上映的《星球大战》一样&#xff0c;围绕Java 8并行性的批评也充满了兴奋。 并行流的语法糖带来了一些炒作&#xff0c;就像我们在预告片中看到的新型光剑一样。 现在&#xff0c;有了许多使用Java进行并行处理的方法…

CSRF攻击与防御

CSRF是什么 CSRF在百度百科中是这么说的&#xff1a;“CSRF&#xff08;Cross-site request forgery跨站请求伪造&#xff0c;也被称为“one click attack”或者session riding&#xff0c;通常缩写为CSRF或者XSRF&#xff0c;是一种对网站的恶意利用。尽管听起来像跨站脚本&a…

抽象泄漏,或如何正确地将Oracle DATE与Hibernate绑定

我们最近发布了一篇文章&#xff0c;介绍如何在SQL / JDBC和jOOQ中正确绑定Oracle DATE类型 。 这篇文章在Reddit上颇受关注&#xff0c; Vlad Mihalcea对此发表了有趣的评论&#xff0c;他经常在其博客上撰写有关Hibernate&#xff0c;JPA&#xff0c;事务管理和连接池的博客 …

Silverlight学习笔记(九)-----RenderTransform特效【五种基本变换】及【矩阵变换MatrixTransform】...

RenderTransform特效&#xff1a; 变形&#xff08;RenderTransform&#xff09;类是为了达到直接去改变某个Silverlight对象的形状&#xff08;比如缩放、旋转一个元素&#xff09;的目的而设计的&#xff0c;RenderTransform包含的变形属性成员就是专门用来改变Silverlight对…

CSS布局的三个关键属性:float、position、display

最近在出差&#xff0c;就我一个在这里。客户要做几个页面&#xff0c;涉及到了页面的布局问题&#xff0c;没办法自己得做了。然后就遇到了一些问题。页面不论怎么都不能按照设想的布局。 以前也没有做过网页布局方面的工作。上网上找类似的例子&#xff0c;看的是一头雾水。…

快速检查REST API是否有效的方法-从清单文件中获取详细信息

在某些情况下&#xff0c;您可能想快速验证部署&#xff0c;开发&#xff0c;测试或生产环境中的REST API是否完全可以访问。 一种常见的实现方法是构建通用资源&#xff0c;该资源可提供例如已部署API的版本。 您可以手动触发对此资源的请求&#xff0c;或者甚至更好的是&…

opengl 区域填充之种子填充线扫描法

青岚影视 www.qldyy.net 在事先画好的一个区域内&#xff0c;使用区域填充之种子填充线扫描法将其填充完毕。同时带有鼠标和键盘事件&#xff0c;并添加了菜单。对于存在的改变窗口大小程序会出现问题还没有很好的解决&#xff0c;只是仅仅将窗口大小固定住了&#xff0c;不能随…

React 篇 Search Bar and content Table

我们要构建一个模块&#xff0c;其中包含一个内容显示的表格&#xff0c;然后上面有一个提供Search的栏位&#xff0c;并对Search中输入栏进行监听&#xff0c;当有改变的时候&#xff0c;触发Search然后对内容表中的内容进行过滤。 Demo Link:http://czrmodel.mybluemix.net/…

PrimeFaces:在动态生成的对话框中打开外部页面

我已经在即将出版的PrimeFaces Cookbook 2版中写了一篇关于食谱的博客。 在这篇文章中&#xff0c;我想发表第二篇关于一个名为Dialog Framework的小型框架的文章。 我个人喜欢它&#xff0c;因为我记得我为使用Struts框架付出同样的努力而付出的代价。 当您想将外部页面加载到…