知新 | koa框架入門到熟練第二章
koa-bodyparser 使用
這裏對koa-bodyparser的使用教程。javascript
目錄以下css
ejs文件
ejs模板文件html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="/doAdd" method="post">
用戶名: <input type="text" name="username"/>
密碼: <input type="password" name="password"/>
<button type="submit">提交</button>
</form>
</body>
</html>
koa-bodyparser
使用koa-bodyparser獲取body內容java
var koa = require("koa");
var Router = require("koa-router");
var bodyParser = require("koa-bodyparser");
var app = new koa();
var router = new Router();
var views = require("koa-views");
app.use(views("views", {
extension: "ejs",
}))
app.use(bodyParser());
// koa中間件
app.use(async (ctx, next) => {
console.log(new Date());
await next();
});
router.get("/", async (ctx) => {
await ctx.render("index");
})
router.post("/doAdd", async (ctx) => {
console.log(ctx.request.body);
ctx.body = ctx.request.body;
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3001);
使用效果
登陸頁面
node
koa-static
這裏學習使用koa-statices6
安裝
PS C:\Users\Administrator\Desktop\untitled3> npm install --save koa-static npm WARN untitled3@1.0.0 No description npm WARN untitled3@1.0.0 No repository field. + koa-static@5.0.0 added 1 package in 2.042s 2 packages are looking for funding run `npm fund` for details PS C:\Users\Administrator\Desktop\untitled3>
訪問效果
訪問效果以下
mongodb
art-template
這裏使用art-template 做爲一個模板引擎使用npm
安裝
PS C:\Users\Administrator\Desktop\untitled3> npm install --save art-template npm WARN untitled3@1.0.0 No description npm WARN untitled3@1.0.0 No repository field. + art-template@4.13.2 added 33 packages from 141 contributors in 6.704s 2 packages are looking for funding run `npm fund` for details PS C:\Users\Administrator\Desktop\untitled3> npm install --save koa-art-template npm WARN untitled3@1.0.0 No description npm WARN untitled3@1.0.0 No repository field. + koa-art-template@1.1.1 added 2 packages from 4 contributors in 2.336s 2 packages are looking for funding run `npm fund` for details
代碼以下
var koa = require("koa");
var Router = require("koa-router");
var bodyParser = require("koa-bodyparser");
var static = require("koa-static");
var app = new koa();
var router = new Router();
var views = require("koa-views");
var render = require("koa-art-template");
var path = require("path");
app.use(views("views", {
extension: "ejs",
}))
app.use(static("./static"));
app.use(bodyParser());
// koa中間件
app.use(async (ctx, next) => {
console.log(new Date());
await next();
});
router.get("/", async (ctx) => {
await ctx.render("index");
})
router.post("/doAdd", async (ctx) => {
console.log(ctx.request.body);
ctx.body = ctx.request.body;
})
render(app, {
root: path.join(__dirname, "views"),
extname: ".art",
})
app.use(async function (ctx){
await ctx.render("user");
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3001);
art 文件以下
var koa = require("koa");
var Router = require("koa-router");
var bodyParser = require("koa-bodyparser");
var static = require("koa-static");
var app = new koa();
var router = new Router();
var views = require("koa-views");
var render = require("koa-art-template");
var path = require("path");
app.use(views("views", {
extension: "ejs",
}))
app.use(static("./static"));
app.use(bodyParser());
// koa中間件
app.use(async (ctx, next) => {
console.log(new Date());
await next();
});
router.get("/", async (ctx) => {
await ctx.render("index");
})
router.post("/doAdd", async (ctx) => {
console.log(ctx.request.body);
ctx.body = ctx.request.body;
})
render(app, {
root: path.join(__dirname, "views"),
extname: ".art",
})
app.use(async function (ctx){
await ctx.render("user");
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3001);
訪問效果
cookie
var koa = require("koa");
var Router = require("koa-router");
var bodyParser = require("koa-bodyparser");
var static = require("koa-static");
var app = new koa();
var router = new Router();
var views = require("koa-views");
var render = require("koa-art-template");
var path = require("path");
app.use(bodyParser());
// koa中間件
app.use(async (ctx, next) => {
console.log(new Date());
await next();
});
router.get("/", async (ctx) => {
ctx.cookies.set("ming", "ming")
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3001);
koa-session
PS C:\Users\Administrator\Desktop\untitled3> npm install koa-session npm WARN untitled3@1.0.0 No description npm WARN untitled3@1.0.0 No repository field. + koa-session@6.0.0 added 10 packages from 14 contributors in 3.484s 2 packages are looking for funding run `npm fund` for details PS C:\Users\Administrator\Desktop\untitled3>
編寫一個簡單的刷新頁面次數增長
var koa = require("koa");
var Router = require("koa-router");
var bodyParser = require("koa-bodyparser");
var static = require("koa-static");
var app = new koa();
var router = new Router();
var views = require("koa-views");
var render = require("koa-art-template");
var path = require("path");
var session = require("koa-session");
app.keys = ['secret']; // session加密字段
app.use(session({
key: 'koa:sess', //cookie key (default is koa:sess)
maxAge: 86400000, // cookie的過時時間 maxAge in ms (default is 1 days)
overwrite: true, //是否能夠overwrite (默認default true)
httpOnly: true, //cookie是否只有服務器端能夠訪問 httpOnly or not (default true)
signed: true, //簽名默認true
rolling: false, //在每次請求時強行設置cookie，這將重置cookie過時時間（默認：false）
renew: false, //(boolean) renew session when session is nearly expired,
}, app));
app.use(bodyParser());
// koa中間件
app.use(async (ctx, next) => {
console.log(new Date());
await next();
});
app.use(ctx => {
// ignore favicon
if (ctx.path === '/favicon.ico') return
console.log(ctx.session)
let n = ctx.session.views || 0
ctx.session.views = ++n
ctx.body = n + ' views'
});
router.get("/", async (ctx) => {
ctx.cookies.set("ming", "ming")
})
app.use(router.routes());
app.use(router.allowedMethods());
app.listen(3001);
原型鏈繼承
// 構造原型
function Person(name, age) {
this.name = name;
this.age = 333;
this.run = function () {
console.log(this.name, this.age)
}
}
// 添加work方法，在原型鏈上繼承
Person.prototype.work = () => {
console.log("work");
}
function Web() {
}
// 一樣繼承
Web.prototype = new Person();
var w = new Web();
// 如下兩個運行原型鏈的值
w.run();
w.work()
靜態方法和構造方法
// 新建類
class Person{
constructor(name) {
this._name = name;
}
run(){
console.log(this._name);
}
// 靜態方法
static work(){
console.log("靜態方法");
}
}
Person.work();
koa 操做mongoDB
安裝相關的庫json
PS C:\Users\Administrator\Desktop\untitled3> npm install mongodb --save npm WARN untitled3@1.0.0 No description npm WARN untitled3@1.0.0 No repository field. + mongodb@3.5.9 updated 1 package in 2.854s 2 packages are looking for funding run `npm fund` for details PS C:\Users\Administrator\Desktop\untitled3>
增長一條數據
var MongoClient = require("mongodb").MongoClient;
var dbUrl = 'mongodb://106.53.115.12:27017/'
var dbName = "koa";
// 鏈接
MongoClient.connect(dbUrl, (err, client) => {
if(err){
console.log(err);
return;
}
var db = client.db(dbName);
// 增長數據
db.collection("user").insertOne({
"username":"xiaoxiao","age":"23"
});
})
結果：api
對返回結果進行處理
var MongoClient = require("mongodb").MongoClient;
var dbUrl = 'mongodb://106.53.115.12:27017/'
var dbName = "koa";
// 鏈接
MongoClient.connect(dbUrl, (err, client) => {
if(err){
console.log(err);
return;
}
var db = client.db(dbName);
// 增長數據
db.collection("user").insertOne({
"username":"xiaoxiao","age":"23"
}, function (err, result) {
if(!err){
console.log("增長數據成功 ");
client.close();
console.timeEnd("start");
}
});
})
查詢數據
代碼以下
var MongoClient = require("mongodb").MongoClient;
var dbUrl = 'mongodb://106.53.115.12:27017/'
var dbName = "koa";
// 鏈接
MongoClient.connect(dbUrl, (err, client) => {
if(err){
console.log(err);
return;
}
var db = client.db(dbName);
var result = db.collection("user").find(0);
result.toArray((err, docs) => {
console.log(docs);
})
})
輸出內容以下
"C:\Program Files\nodejs\node.exe" C:\Users\Administrator\Desktop\untitled3\01es6.js
(node:15216) DeprecationWarning: current Server Discovery and Monitoring engine is deprecated, and will be removed in a future version. To use the new Server Discover and Monitoring engine, pass option { useUnifiedTopology: true } to the MongoClient constructor.
[
{ _id: 5f0fe666bc0d9e41101dffd3, username: 'xiaoxiao', age: '23' },
{ _id: 5f0fe7f4949f1b420c120fe7, username: 'xiaoxiao', age: '23' }
]
koa 應用生成器
全局安裝
使用全局安裝koa的腳手架
PS C:\Users\Administrator\Desktop\untitled3> npm install koa-generator -g npm WARN deprecated mkdirp@0.5.1: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.) C:\Users\Administrator\AppData\Roaming\npm\koa -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\koa-generator\bin\koa C:\Users\Administrator\AppData\Roaming\npm\koa2 -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\koa-generator\bin\koa2 + koa-generator@1.1.17 updated 1 package in 0.905s PS C:\Users\Administrator\Desktop\untitled3>
建立項目
PS C:\Users\Administrator\Desktop> ls
目錄: C:\Users\Administrator\Desktop
Mode LastWriteTime Length Name
---- ------------- ------ ----
d----- 2020/7/14 17:08 insurv-mina-node-api
d----- 2020/7/14 17:45 koa
d----- 2020/7/14 17:55 untitled
d----- 2020/7/16 14:16 untitled3
-a---- 2020/7/16 12:04 5782870 Navicat Premium 15.x最新註冊機.zip
-a---- 2020/7/14 17:07 1428 Visual Studio Code.lnk
-a---- 2019/11/30 18:03 1526 WPS 2019.lnk
-a---- 2020/7/14 18:52 1064 百度網盤.lnk
PS C:\Users\Administrator\Desktop> mkdir ./ming
目錄: C:\Users\Administrator\Desktop
Mode LastWriteTime Length Name
---- ------------- ------ ----
d----- 2020/7/16 14:19 ming
PS C:\Users\Administrator\Desktop> ls
目錄: C:\Users\Administrator\Desktop
Mode LastWriteTime Length Name
---- ------------- ------ ----
d----- 2020/7/14 17:08 insurv-mina-node-api
d----- 2020/7/14 17:45 koa
d----- 2020/7/16 14:19 ming
d----- 2020/7/14 17:55 untitled
d----- 2020/7/16 14:16 untitled3
-a---- 2020/7/16 12:04 5782870 Navicat Premium 15.x最新註冊機.zip
-a---- 2020/7/14 17:07 1428 Visual Studio Code.lnk
-a---- 2019/11/30 18:03 1526 WPS 2019.lnk
-a---- 2020/7/14 18:52 1064 百度網盤.lnk
PS C:\Users\Administrator\Desktop> cd ./ming
PS C:\Users\Administrator\Desktop\ming> ls
PS C:\Users\Administrator\Desktop\ming> koa koa_demo
create : koa_demo
create : koa_demo/package.json
create : koa_demo/app.js
create : koa_demo/public
create : koa_demo/routes
create : koa_demo/routes/index.js
create : koa_demo/routes/users.js
create : koa_demo/public/javascripts
create : koa_demo/views
create : koa_demo/views/index.jade
create : koa_demo/views/layout.jade
create : koa_demo/views/error.jade
create : koa_demo/public/images
create : koa_demo/public/stylesheets
create : koa_demo/public/stylesheets/style.css
create : koa_demo/bin
create : koa_demo/bin/www
install dependencies:
> cd koa_demo && npm install
run the app:
> SET DEBUG=koa_demo:* & npm start
PS C:\Users\Administrator\Desktop\ming> ls
目錄: C:\Users\Administrator\Desktop\ming
Mode LastWriteTime Length Name
---- ------------- ------ ----
d----- 2020/7/16 14:19 koa_demo
PS C:\Users\Administrator\Desktop\ming> cd ./koa_demo
PS C:\Users\Administrator\Desktop\ming\koa_demo>
此時腳手架已經安裝成功
安裝依賴
PS C:\Users\Administrator\Desktop\ming\koa_demo> npm install
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated swig@1.4.2: This package is no longer maintained
npm WARN deprecated jade@1.11.0: Jade has been renamed to pug, please install the latest version of pug instead of jade
npm WARN deprecated constantinople@3.0.2: Please update to at least constantinople 3.1.1
npm WARN deprecated transformers@2.1.0: Deprecated, use jstransformer
npm WARN deprecated native-or-bluebird@1.2.0: 'native-or-bluebird' is deprecated. Please use 'any-promise' instead.
> nodemon@1.19.4 postinstall C:\Users\Administrator\Desktop\ming\koa_demo\node_modules\nodemon
> node bin/postinstall || exit 0
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 367 packages from 208 contributors in 21.748s
1 package is looking for funding
run `npm fund` for details
PS C:\Users\Administrator\Desktop\ming\koa_demo>
啓動項目
npm start
微信公衆號
相關文章
- 1. 知新 | koa框架入門到熟練第一章
- 2. SQL，從入門到熟練
- 3. Linux 從入門到熟練
- 4. Git從入門到熟練
- 5. Node KOA框架入門
- 6. KOA框架概念入門
- 7. （1）Dubbo入門到熟練學習-分佈式框架介紹
- 8. UVM從入門到崩潰boom！之第一章&&第二章：UVM基本框架
- 9. Typora 從入門到熟練使用
- 10. Linux PWN從入門到熟練
- 更多相關文章...
- • Memcached入門教程 - NoSQL教程
- • ionic 表單和輸入框 - ionic 教程
- • Java Agent入門實戰（二）-Instrumentation源碼概述
- • YAML 入門教程
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
最新文章
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 知新 | koa框架入門到熟練第一章
- 2. SQL，從入門到熟練
- 3. Linux 從入門到熟練
- 4. Git從入門到熟練
- 5. Node KOA框架入門
- 6. KOA框架概念入門
- 7. （1）Dubbo入門到熟練學習-分佈式框架介紹
- 8. UVM從入門到崩潰boom！之第一章&&第二章：UVM基本框架
- 9. Typora 從入門到熟練使用
- 10. Linux PWN從入門到熟練