好程序员web前端培训分享node学习笔记

[复制链接]
法式员web前端培训分享node进修笔记

好法式员web前端培训分享node进修笔记s1.png


一、NodeJS若何链接mongodb

NodeJS中链接Mongodb

1、安装

cnpm install mongodb -S

2、建立链接的地址

3、链接

const mongoClient = require("mongodb").MongoClient;//2、建立链接的方式const url = "mongodb://127.0.0.1:27017";//3、建立链接的数据库const db_name = "gp17";//4、链接mongoClient.connect(url,(err,client)=>{

if(err){

console.log("链接失利")

}else{

console.log("链接成功")

//5、链接数据库以及表 var user = client.db(db_name).collection("user");

}})

二、mongoose的根基利用

1、mongoose与mongodb的区分

参考上面的

2、NodeJS链接mongoose

const mongoose = require('mongoose');//是一个机关函数 用来限制表的字段范例const Schema = mongoose.Schema;//链接的地址const url = "mongodb://127.0.0.1:27017/gp17";//链接mongoose.connect(url,(err)=>{

if(err){

console.log("链接失利");

}else{

console.log("链接成功")

}})//链接表/建立表var StudentsSchema =new Schema({

sname:String,

sage:Number})//返回值是一个机关函数const Students = mongoose.model("student",StudentsSchema);//假如表的称号是复数则 数据库中的表称号不会变 假如不是复数则数据库中标的称号会自动加s// mongoose.model("students",{// sname:String,// sage:Number// })

三、用所封装好的路由+nodeJS+Mongoose+MVC实现登录注册

<!DOCTYPE html><html lang="en"><head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>Document</title>

<link rel="stylesheet" href="./css/index.css"></head><body>

<h1>index页面</h1>

<div>

<img src="./img/u=2071817741,4218539796&fm=58&s=EE7A2FC0DE0120D6CF6D1509010070D2.jpg" alt="">

<img src="./img/u=2708490274,319030395&fm=58&s=9E3269850EF36DB70811A15B03008060.jpg" alt="">

<img src="./img/u=3473750589,1700978550&fm=58&s=4E946D84D2417CFE5C3FB5D90300D0B9.jpg" alt="">

<img src="./img/u=3508817781,1654561115&fm=58&s=6D83639716736DB3087070600300E070.jpg" alt="">

</div>



<form id="user">

用户名: <input type="text" id="username">

密码: <input type="text" id="password">

<input type="submit">

</form></body></html><script src="./js/index.js"></script><script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>

<script>

$("#user").on("submit",function (e) {

e.preventDefault()

var username = $("#username").val();

var password = $("#password").val();

$.ajax({

url:"/user/register",

method:"post",

data:{

username,

password

},

success:function(data){

console.log(data);

}

})

})</script>

const http = require("http");const router = require("./router")const server = http.createServer(router)router.post("/user/register",(req,res)=>{

console.log(req.body);

res.json({

code:200,

errMsg:''

})})server.listen(9000)const url = require("url");const fs = require("fs");const path = require("path");const qs = require("querystring")//收集事务const routerMap = {

get:{},

post:{}}const router =function(req,res){

//给res增加一个json方式 res.json =function(obj){

res.end(JSON.stringify(obj))

}

//处置静态资本 handleStatic(req,res);

//获得用户请求的方式 var method = req.method.toLowerCase();

//获得用户请求的地址 var {pathname,query} = url.parse(req.url,true);

if(method === "get"){

if(routerMap.get[pathname]){

//将query的值赋值给req.query req.query = query;

routerMap.get[pathname](req,res)

}else{

res.end("404")

}

}elseif(method === "post"){

if(routerMap.post[pathname]){

var str = "";

//获得post传递的参数 req.on("data",(data)=>{

str += data;

})

req.on("end",()=>{

req.body = qs.parse(str);

routerMap.post[pathname](req,res)

})

}

}}//注册事务router.get =function(path,callback){

routerMap.get[path] = callback;}//注册事务router.post =function(path,callback){

routerMap.post[path] = callback;}//处置一切的静态资本拜候function handleStatic(req,res){

var {pathname} = url.parse(req.url,true);

//获得文件的后缀 var ext = pathname.substring(pathname.lastIndexOf("."));

if(pathname ==="/"){

res.writeHead(200,{"content-type":"text/html;charset=utf8"});

res.end(getFile(path.join(__dirname,"../public/index.html")))

}elseif(ext === ".css"){

res.writeHead(200,{"content-type":"text/css;charset=utf8"});

res.end(getFile(path.join(__dirname,"../public",pathname)));

}elseif(ext === ".js"){

res.writeHead(200,{"content-type":"application/x-javascript;charset=utf8"});

res.end(getFile(path.join(__dirname,"../public",pathname)));

}elseif(/.*\.(jpg|png|gif)/.test(ext)){

res.writeHead(200,{"content-type":`image/${RegExp.$1};charset=utf8`});

res.end(getFile(path.join(__dirname,"../public",pathname)));

}elseif(ext === ".html"){

res.writeHead(200,{"content-type":"text/html;charset=utf8"});

res.end(getFile(path.join(__dirname,"../public",pathname)));

}}function getFile(filePath){

return fs.readFileSync(filePath);}module.exports = router;

四、express的根基入门

1、什么是express?

Express 是一个连结最小范围的灵活的 Node.js Web 利用法式开辟框架,为 Web 和移动利用法式供给一组强大的功用

2、什么是中心件

请求和答复之间的一个利用

3、常见的中心件有哪些?

1、利用层中心件(http请求之类的利用)

const express = require("express");const app = express();//利用层的中心件app.use((req,res,next)=>{

console.log(123);

next()})app.use((req,res,next)=>{

console.log(456)

next()})app.use((req,res,next)=>{

console.log(789);

next();})app.use("/home",(req,res,next)=>{

res.end("home");})app.get("/list",(req,res,next)=>{

res.end("list")})app.post("/list",(req,res,next)=>{

res.end("list")})app.listen(9000,()=>{

console.log("server address:127.0.0.1:9000")})/* express中的中心件会分为哪几类? 1、利用层中心件(http请求之类的利用) app.use app.get app.post 2、内置中心件 3、毛病处置中心件 4、路由中心件 5、第三方中心件 6、自界说中心件 若何利用中心件? app.use(中心件) 利用中心件 app.use中的参数 path:选填 callback || router 假如是callback的请求下 这个回调中会有3个参数 req:请求 res:响应 next:履行下一其中心件 只要http这个办事跑一次那末久会将app.use中的一切函数同一履行一遍*/

2、内置中心件

const express = require("express");const app = express();const path = require("path");//内置中心件app.use(express.static(path.join(__dirname,"./public")))app.listen(9000,()=>{

console.log("server address:127.0.0.1:9000")})

3、毛病处置中心件

const express = require("express");const app = express();const path = require("path");//内置中心件app.use(express.static(path.join(__dirname,"./public")))//毛病中心件处置一般写在法式的最初面app.use((req,res,next)=>{

res.status(404).send("没有这个页面")})app.listen(9000,()=>{

console.log("server address:127.0.0.1:9000")})

4、路由中心件

const express = require("express");const app = express();const path = require("path");const indexRouter = require("./router/index");//内置中心件app.use(express.static(path.join(__dirname,"./public")))//路由级此外中心件app.use("/user",indexRouter)app.listen(9000,()=>{

console.log("server address:127.0.0.1:9000")})

5、第三方中心件

例如 cheerio jsonwebToken等

6、自界说中心件

自己按照需求封装的中心件
温馨提示:
好向圈www.kuaixunai.com是各行业经验分享交流社区,你可以在这里发布交流经验,也可以发布需求与服务,经验圈子里面禁止带推广链接、联系方式、违法词等,违规将封禁账号,相关产品信息将永久不予以通过,同时有需要可以发布在自己的免费建站官网里面或者广告圈, 下载好向圈APP可以加入各行业交流群 本文不代表好向圈的观点和立场,如有侵权请下载好向圈APP联系在线客服进行核实处理。
审核说明:好向圈社区鼓励原创内容发布,如果有从别的地方拷贝复制将不予以通过,原创优质内容搜索引擎会100%收录,运营人员将严格按照上述情况进行审核,望告知!
回复

使用道具 举报

没找到任何评论,期待你打破沉寂

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

24小时热文