```javasript
const Koa = require('koa');
const logger = require('koa-logger');
const Router = require('koa-router');
const cors = require('@koa/cors');
const compose = require('koa-compose')
const qs = require('qs'); //解析querystring
const app = new Koa();
const Mock = require('mockjs'); //生成模擬數據
app.use(logger());//記錄日志
app.use(cors());//支持跨域請求
// 主頁(非RESTful格式的API)
let routerHome = new Router();
routerHome.get('/', async (ctx, next) => {
ctx.body = '歡迎歡迎!';
})
// RESTful API
let routerRest = new Router();
//獲取指定資源resource的列表
//例如:http://localhost:3000/resource
routerRest.get('/resource', async (ctx, next) => {
let map = qs.parse(ctx.querystring) || { pageSize: 3, page: 1 };
//生成模擬數據
let mockOption = {
count: 28,
totalPages: 3,
pageSize: () => {
return parseInt(map.pageSize || 10);
},
currentPage: () => {
return parseInt(map.page || 1);
},
'data|3': [
{
'id': '@increment()',
'company_id': '@increment()', //所在公司的ID,高校也是一個公司
"name": '@cname()', //聯系人
"working_company|1": ['廣州番禺職業技術學院', '中山大學', '華南師范大學'], //工作單位
"school_name|1": ['北京大學', '清華大學', '上海交通大學'], //畢業學校
"department": "信息工程學院", //院系專業
'grade_year': '@integer(2017,2019)', //畢業年份
"cover_image_id": 1,
"cover_image": "http://via.placeholder.com/200x100", //照片
"abstract": "@cparagraph(5,10)", //簡介
'major|1': ['計算機軟件技術', '計算機應用', '電子商務'],
'tags': ['系統分析師', '教授', '生物技術', '模式識別', '天線技術', '生物制藥', '化工原料'].join(','),
'contact': /^1[38][1-9]\d{8}/, //聯系電話
'email': '@email()',
"gender|1": ['男', '女'],
"city": "@city(true)", //居住城市
"diplomas|1": ["博士", "碩士", "專科", "本科", "中職"], //學歷
"date": "@date()",
"description": "@cparagraph(5,10)", //詳細描述
"job_requirements": "@cparagraph(3, 5)", //任職要求
"address": "@county(true)", //工作地點
"type": () => {
if (map.type == "" || map.type == '全部') {
let list = ["兼職", "實習", "全職"];
return list[Mock.Random.integer(0, list.length - 1)];
} else {
return map.type
}
},
//知識畫像,學生所學的課程
"courses": () => {
let array = ['計算機文化基礎', 'C語言程序設計基礎', '離散數學', '高等數學', 'Vuejs前端開發技術基礎', '大學英語', '微機原理', '電子電路基礎',
'人工智能'
];
//隨機選擇3個標簽
array.sort(function (a, b) {
return Math.random() > 0.5 ? 1 : 0
}); //簡單打亂方法
let [...rest] = array;
return rest.join(',');
},
//能力畫像,專家的資格證書
"certification": () => {
let array = ['高級程序員', '系統分析師', '國家計算機等級考試四級', '大學英語CET-4'];
//隨機選擇3個標簽
array.sort(function (a, b) {
return Math.random() > 0.5 ? 1 : 0
}); //簡單打亂方法
let [...rest] = array;
return rest.join(',');
},
}],
};
let data = await Mock.mock(mockOption);
ctx.body = {
errno: 0,
errmsg: 'POST API執行成功',
data: data
};
})
//獲取指定ID的資源
//例如:http://localhost:3000/resource/1?name=zengqs&age=18
routerRest.get('/resource/:id', async (ctx, next) => {
let id = ctx.params.id;
//生成模擬數據
let mockOption = {
//'id': '@increment()',
'id': id,
'company_id': '@increment()', //所在公司的ID,高校也是一個公司
"name": '@cname()', //聯系人
"working_company|1": ['廣州番禺職業技術學院', '中山大學', '華南師范大學'], //工作單位
"school_name|1": ['北京大學', '清華大學', '上海交通大學'], //畢業學校
"department": "信息工程學院", //院系專業
'grade_year': '@integer(2017,2019)', //畢業年份
"cover_image_id": 1,
"cover_image": "http://via.placeholder.com/200x100", //照片
"abstract": "@cparagraph(5,10)", //簡介
'major|1': ['計算機軟件技術', '計算機應用', '電子商務'],
'tags': ['系統分析師', '教授', '生物技術', '模式識別', '天線技術', '生物制藥', '化工原料'].join(','),
'contact': /^1[38][1-9]\d{8}/, //聯系電話
'email': '@email()',
"gender|1": ['男', '女'],
"city": "@city(true)", //居住城市
"diplomas|1": ["博士", "碩士", "專科", "本科", "中職"], //學歷
"date": "@date()",
"description": "@cparagraph(5,10)", //詳細描述
"job_requirements": "@cparagraph(3, 5)", //任職要求
"address": "@county(true)", //工作地點
"type": () => {
let list = ["兼職", "實習", "全職"];
return list[Mock.Random.integer(0, list.length - 1)];
},
//知識畫像,學生所學的課程
"courses": () => {
let array = ['計算機文化基礎', 'C語言程序設計基礎', '離散數學', '高等數學', 'Vuejs前端開發技術基礎', '大學英語', '微機原理', '電子電路基礎',
'人工智能'
];
//隨機選擇3個標簽
array.sort(function (a, b) {
return Math.random() > 0.5 ? 1 : 0
}); //簡單打亂方法
let [...rest] = array;
return rest.join(',');
},
//能力畫像,專家的資格證書
"certification": () => {
let array = ['高級程序員', '系統分析師', '國家計算機等級考試四級', '大學英語CET-4'];
//隨機選擇3個標簽
array.sort(function (a, b) {
return Math.random() > 0.5 ? 1 : 0
}); //簡單打亂方法
let [...rest] = array;
return rest.join(',');
},
}
let data = await Mock.mock(mockOption);
ctx.body = {
errno: 0,
errmsg: 'POST API執行成功',
data: data
};
})
//新增記錄,數據通過BODY傳遞
routerRest.post('/resource', async (ctx, next) => {
ctx.body = {
errno: 0,
errmsg: 'POST API執行成功',
data: '返回的數據'
};
})
//刪除指定ID的數據
routerRest.delete('/resource/:id', async (ctx, next) => {
let id = ctx.params.id;
ctx.body = {
errno: 0,
errmsg: 'POST API執行成功',
data: '返回的數據'
};
})
//更新指定ID的數據,數據通過BODY傳遞
routerRest.put('/resource/:id', async (ctx, next) => {
let id = ctx.params.id;
ctx.body = {
errno: 0,
errmsg: 'POST API執行成功',
data: '返回的數據'
};
})
app.use(compose([routerHome.routes(), routerHome.allowedMethods()]))
app.use(compose([routerRest.routes(), routerRest.allowedMethods()]))
//監聽3000端口
app.listen(3000, () => {
console.log('server is running at http://localhost:3000')
});
```
- 內容介紹
- EcmaScript基礎
- 快速入門
- 常量與變量
- 字符串
- 函數的基本概念
- 條件判斷
- 數組
- 循環
- while循環
- for循環
- 函數基礎
- 對象
- 對象的方法
- 函數
- 變量作用域
- 箭頭函數
- 閉包
- 高階函數
- map/reduce
- filter
- sort
- Promise
- 基本對象
- Arguments 對象
- 剩余參數
- Map和Set
- Json基礎
- RegExp
- Date
- async
- callback
- promise基礎
- promise-api
- promise鏈
- async-await
- 項目實踐
- 標簽系統
- 遠程API請求
- 面向對象編程
- 創建對象
- 原型繼承
- 項目實踐
- Classes
- 構造函數
- extends
- static
- 項目實踐
- 模塊
- import
- export
- 項目實踐
- 第三方擴展庫
- immutable
- Vue快速入門
- 理解MVVM
- Vue中的MVVM模型
- Webpack+Vue快速入門
- 模板語法
- 計算屬性和偵聽器
- Class 與 Style 綁定
- 條件渲染
- 列表渲染
- 事件處理
- 表單輸入綁定
- 組件基礎
- 組件注冊
- Prop
- 自定義事件
- 插槽
- 混入
- 過濾器
- 項目實踐
- 標簽編輯
- 移動客戶端開發
- uni-app基礎
- 快速入門程序
- 單頁程序
- 底部Tab導航
- Vue語法基礎
- 模版語法
- 計算屬性與偵聽器
- Class與Style綁定
- 樣式與布局
- Box模型
- Flex布局
- 內置指令
- 基本指令
- v-model與表單
- 條件渲染指令
- 列表渲染指令v-for
- 事件與自定義屬性
- 生命周期
- 項目實踐
- 學生實驗
- 貝店商品列表
- 加載更多數據
- 詳情頁面
- 自定義組件
- 內置組件
- 表單組件
- 技術專題
- 狀態管理vuex
- Flyio
- Mockjs
- SCSS
- 條件編譯
- 常用功能實現
- 上拉加載更多數據
- 數據加載綜合案例
- Teaset UI組件庫
- Teaset設計
- Teaset使用基礎
- ts-tag
- ts-badge
- ts-button
- ta-banner
- ts-list
- ts-icon
- ts-load-more
- ts-segmented-control
- 代碼模版
- 項目實踐
- 標簽組件
- 失物招領客戶端原型
- 發布頁面
- 檢索頁面
- 詳情頁面
- 服務端開發技術
- 服務端開發環境配置
- Koajs快速入門
- 快速入門
- 常用Koa中間件介紹
- 文件上傳
- RestfulApi
- 一個復雜的RESTful例子
- 使用Mockjs生成模擬數據
- Thinkjs快速入門
- MVC模式
- Thinkjs介紹
- 快速入門
- RESTful服務
- RBAC案例
- 關聯模型
- 應用開發框架
- 服務端開發
- PC端管理界面開發
- 移動端開發
- 項目實踐
- 失物招領項目
- 移動客戶端UI設計
- 服務端設計
- 數據庫設計
- Event(事件)
- 客戶端設計
- 事件列表頁面
- 發布頁面
- 事件詳情頁面
- API設計
- image
- event
- 微信公眾號開發
- ui設計規范