ES6中的模塊與KOA

經過屬性text/javescript引入的是腳本文件

<script  type="text/javescript">

</script>

可是經過屬性module 引入的是模塊文件

<script  type="module">

</script>

例 index.html文件中想引入a.js文件中的內容  首先a.js文件裏的數據要先暴露出去  而後index.html文件在引入

有4種暴露引入方式

1 exports  a = 10；

   import  {a} form 「./a.js」;

2 export {a,b,c};

   import{a,b,c} from "./a.js"

3 export {a as default,b, c}

  import a from "./a.js"

4 export {a as default,b, c}

 import * as xxx from 」./a.js」;

koa 也是基於nodejs的服務器框架   與express功能一致

搭建服務器  首先下載 npm install koa

1 // 引入Koa
2 const Koa = require("koa");
3 // 初始化應用程序
4 const app = new Koa();
5
6 // 匹配響應
7 app.use(() => {
8     console.log(11111);
9 });
10
11 // 監聽端口號
   app.listen(3000);

靜態中間件    內置中間建

var  static = require（「koa-static」）；

app.use(static("./web"));

路由中間件   內置中間建

var Router = require（「koa-Router」）；

var router = new Router（）；

app.use(router.routes());

router.get("/hello",(ctx)=>{

      ctx.response.body = "這是一個路由配置 哈哈哈哈哈"     它會把這幾個字渲染到前端頁面上

)

獲取post   有了這個模塊  就能夠經過ctx.reqquest.body直接獲取前端的數據了

var body = require（「koa-body」）；

app.use(body());

router.post("/login",(ctx)=>{

console.log(ctx.request.body);

)

 

cookie   是前端存儲數據的方式 

     ctx.cookie.get

     ctx.cookie.set

session  是後臺空間 用來存儲數據的

12 // 引入session
13 var session = require("koa-session");
14 // 設置祕鑰
15 app.keys = ["oifawehfoiewhfoihewasdfaoefoiewafoihaoiefhoieh"];
16 // 定義配置對象
17 var config = {
18
19 };
20 // 配置session 
21 app.use(session(config, app));

通過配置以後就能夠在任意路由下經過ctx.session進行設置屬性和獲取屬性值