vue之node.js的简单介绍
生活随笔
收集整理的這篇文章主要介紹了
vue之node.js的简单介绍
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、什么是node.js？
?它是可以運(yùn)行JavaScript的服務(wù)平臺(tái)，可以吧它當(dāng)做一門后端程序，只是它的開發(fā)語(yǔ)言是JavaScript
二、安裝
1、node.js的特性：
- 非阻塞IO模型 - 時(shí)間驅(qū)動(dòng)2、運(yùn)用的場(chǎng)景：
- 高并發(fā)低業(yè)務(wù)- 實(shí)時(shí)場(chǎng)景- 聊天、電子商務(wù)、視頻直播等3、安裝地址：
http://nodejs.cn/判斷是否安裝成功? node -v
進(jìn)入編輯狀態(tài):node 回車，可以進(jìn)行一些運(yùn)算
退出編輯模式：ctrl d或者ctrl c兩次
4、npm是一個(gè)包管理器，其實(shí)是一個(gè)命令。使用它來(lái)安裝或者卸載包
?首先進(jìn)行項(xiàng)目初始化：npm init (快速初始化：npm init -y)，會(huì)生成文件：package.json
npm install 包的名字 --save-dev npm install express --save-dev:吧依賴包增加到開發(fā)環(huán)境下npm install express npm install express --save :吧依賴包增加到運(yùn)行環(huán)境下三、簡(jiǎn)單使用
?模板化開發(fā)：
stu.js
var man="海燕"; module.exports = man; //對(duì)外開放接口 console.log(man);stu2.js
var temps = require("./stu.js"); //引用文件，在js文件中加個(gè)./代表是同級(jí)目錄 console.log(temps);那么如何執(zhí)行文件呢？??node b.js =====》node 文件名
四、用node.js簡(jiǎn)單的做一個(gè)登錄
?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 () { //監(jiān)聽console.log("服務(wù)已經(jīng)啟動(dòng)，端口是8080") });var data2=""; app.post('/login',function (request,response) {response.header("Access-Control-Allow-Origin", "*");request.on("data",function (datas) { //接收用戶發(fā)來(lái)的數(shù)據(jù),里面的data是不變的，就得叫datadata2 = "";// console.log(datas) ; //<Buffer 75 73 65 72 6e 61 6d 65 3d 26 70 61 73 73 77 6f 72 64 3d// >這樣打印的結(jié)果是Buffer 類型的，所以我們得拼接一下,用querystring這個(gè)模塊轉(zhuǎn)成字符串data2 =datas;});request.on("end",function () { //接收用戶發(fā)來(lái)的數(shù)據(jù)之后開始解析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)//如果登錄成功就把數(shù)據(jù)返回給前端}else{response.send(false)}})} );注意：啟動(dòng)的時(shí)候? ===>node server.js
?
更多專業(yè)前端知識(shí)，請(qǐng)上 【猿2048】www.mk2048.com
總結(jié)
以上是生活随笔為你收集整理的vue之node.js的简单介绍的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： [ExtJs6] 环境搭建及创建项目
- 下一篇： vue-router之 beforeRo