【后台管理系统】04.node.js

一、node.js是什么?

node.js是一个基于Chrome V8引擎的JavaScript运行时。

node.js是一个环境。

二、commonJs规范(模块化)

规范定义

1.每个文件都是一个模块,都有自己的作用域

2.在模块内部,module变量代表自身

3.module.exports提供对外接口

//b.js想要用a.js的变量test1

//a.js
var test1 = 888;
var test2 = 999;
function fn1(){
    console.log("fn1");
}

module.exports.test1 = test1;
module.exports.f = fn1;

require语法

1./代表绝对路径,./代表相对路径

2.默认后缀:.js .json .node

3.require('http') ==> node_modules

//b.js想要用a.js的变量test1

//b.js
var mod = require('./a.js');
//var mod = require('./a');

console.log(mod.test1);//888
console.log(mod.test2);//undefined
mod.f();//fn1
//在命令行执行node b.js可查看结果

三、global(全局对象)

//b.js想要用a.js的变量test1

//a.js
var test1 = 888;
global.test2 = 999;

module.exports.test1 = test1;

//b.js
var mod = require('./a.js');

console.log(mod.test1);//888
console.log(mod.test2);//undefined
console.log(test2);//999

四、npm

1.npm -v:查看版本

2.初始化项目
npm init        //执行后生成一个package.json文件

3.下载:
npm install xxx:把xxx模块下载到当前目录下
****简写:npm i xxx

4.下载方式:
npm install xxx -g:全局,在哪个目录都能用
npm install xxx -S:局部,生产环境
npm install xxx -D:局部,开发环境

//下载的文件在node_modules文件夹中,并同步在package.json文件中做一个描述。
 

五、package.json

项目的描述文件

可以通过执行npm install命令下载package.json中所描述的环境

六、上传自己的npm包

1.npm官网注册一个账号
官网:npm

2.初始化项目

在相应文件夹下执行命令:npm init
执行完后文件夹下会生成package.json文件

在当前路径下新建一个文件index.js,内容如下

module.exports.sayHello = function(){
    return 123;
}

1.登录:打开终端,在当前路径下输入:npm login
2.上传npm包:登录成功后输入:npm publish
如果报错,可能是因为package.js文件中"name"变量的值为默认的"npms",与别人的名字冲突了,我们需要自己起一个,例如"name": "lingqi"。
+ 代表上传成功
3.下载:npm i lingqi

七、get请求

1.get请求url数据操作

前台发送get请求,后台如何拿到数据并解析数据

//这是一个html文件的一部分
进入详情页

 1.得到路径:req.url

//server.js
const http = require("http");
const server = http.createServer((req,res)=>{
    console.log(req.url);
    res.end();
})
server.listen(8080);

打开终端,输入:node server.js
点击html网页上的超链接,发现终端拿到了/content.html?id=2&title=这是文章标题
我们发现格式并不是我们想要的,那我们如何拿到正确的内容呢?

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url));
    res.end();
})
server.listen(8080);

打开终端,输入:node server.js
点击html网页上的超链接,发现终端拿到了query: id=2&title=这是文章标题
我们发现格式还不是我们想要的。

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url,true).query);
    res.end();
})
server.listen(8080);

打开终端,输入:node server.js
点击html网页上的超链接,发现终端拿到了 {id: '2', title: '这是文章标题' }

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url,true).query.title);
    res.end();
})
server.listen(8080);

打开终端,输入:node server.js
点击html网页上的超链接,发现终端拿到了 这是文章标题,后面的undefined是有关于图标的,这里我们不用管。

 2.url模块

方式一:
const url = require("url");
url.parce(req.url,true).query

方式二:
const url = require("url");
const querystring = require('querystring');
const queryUrl = url.parce(req.url).query;
querystring.parse(queryUrl)

2.get请求表单数据操作

//index.html

打开浏览器,userName中输入aaa,userPwd输入bbb,点击登录。
在浏览器的url上会显示localhost:8080/?userName=aaa&userPwd=bbb

如果把html文件中input标签的name删掉,再进行相同的操作,会发现
在浏览器的url上会显示localhost:8080/?
说明name属性是尤为重要的。

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    console.log(url.parce(req.url,true).query);
    res.end();
})
server.listen(8080);

打开终端,输入:node server.js
打开浏览器,userName中输入aaa,userPwd输入bbb,点击登录。
发现终端拿到了{ userName: 'aaa', userPwd: 'bbb' }

//server.js
const http = require("http");
const url = require("url");

const server = http.createServer((req,res)=>{
    res.writeHead(200,{"Content-Type":"text/html;charset=utf8"})//解决汉字乱码问题
    const formVal = url.parce(req.url,true).query;
    console.log(formVal.userName, formVal.userPwd);//终端上会显示
    res.end("用户名:"+formVal.userName+"---->"+"密码:"+formVal.userPwd);//跳转的网页上会显示
})
server.listen(8080);

八、post请求

1.post请求表单数据操作

//index.html

 post是事件接收:
req.on('data'):每次发送的数据
req.on('end'):数据发送完成

//server.js
const http = require("http");//引入http模块

const server = http.createServer((req,res)=>{
    let postVal = "";
    req.on("data",(chunk)=>{
        postVal += chunk;//postVal为全部内容,chunk为单次内容
    })
    req.on("end",()=>{
        console.log(postVal);
        res.end();
    })
})
server.listen(8080);

打开终端,输入:node server.js
打开浏览器,userName中输入aaa,userPwd输入bbb,点击登录。
发现终端拿到了userName=aaa&userPwd=bbb

//server.js
const http = require("http");//引入http模块
const querystring = require('querystring');

const server = http.createServer((req,res)=>{
    let postVal = "";
    req.on("data",(chunk)=>{//过程
        postVal += chunk;//postVal为全部内容,chunk为单次内容
    })
    req.on("end",()=>{//结果
        console.log(querystring.parse(postVal));
        res.end();
    })
})
server.listen(8080);

打开终端,输入:node server.js
打开浏览器,userName中输入aaa,userPwd输入bbb,点击登录。
发现终端拿到了{ userName: 'aaa', userPwd: 'bbb' }

九、Node连接MySQL

1.在当前文件夹下下载mysql包:npm install mysql,执行完后会在当前文件夹下生成node_modules文件夹

2.引入mysql

//server.js
const mysql = require("mysql");

3.配置mysql信息

//server.js
const mysql = require("mysql");

const connection = mysql.createConnection({
    host:"localhost",//主机名
    user:"root",//用户名
    password:"123456",//密码
    database:"xxx",//库名称
    port:"3306"//端口号,可以不配置,默认为3306
});

connection.connect();

connection.query("select * from user",(err,results,fields){//数据库里有一张user表
    if(err) throw err;
    console.log(results);
})

connection.end();

打开终端,输入node server.js,查询出结果

你可能感兴趣的:(前端,express)