```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设计规范