[TOC]
# Event控制器
Event为该应用的主要控制器,实现RESTful的API,对应丢失/捡到信息的发布、查询、删除、状态的更新
文件位置:src/controller/event.js
## 重载getAction
实现如下的请求:
| Method | 调用实例 | 说明 |
| --- | --- | --- |
| GET | http://localhost:8360/event/1 | 获取ID=1的事件内容 |
| GET | http://localhost:8360/event?type=lost | 检索类型为lost的所哟记录 |
| GET | http://localhost:8360/event?page=1&pageSize=10 | 分页检索 |
| GET | http://localhost:8360/event?key=钢笔&page=1&pageSize=10 | 分页检索关键字包含钢笔的记录 |
> 关键字支持模糊匹配,支持多字段检索
```js
const BaseRest = require('./rest.js');
module.exports = class extends BaseRest {
async getAction() {
let data;
if (this.id) {
const pk = this.modelInstance.pk;
data = await this.modelInstance.where({ [pk]: this.id }).find();
return this.success(data);
}
let map = {};
let type = this.get('type'); //丢失还是捡到
if (type) {
map['type'] = type; //支持lost,found两种类型
}
let key = this.get('key');
if (key) {
map['title|address|mobile|linkman|description'] = ['LIKE', '%' + key + '%']; //支持关键字查找,模糊匹配
}
const page = this.get('page');
if (page) {
const pageSize = this.get('pageSize') || 10;
data = await this.modelInstance.page(page, pageSize).where(map).countSelect();
this.success(data);
} else {
data = await this.modelInstance.where(map).select();
return this.success(data);
}
}
};
```
## 增加/修改/删除记录
实现以下功能调用
| Method | 调用实例 | 说明 |
| --- | --- | --- |
| PUT |http://localhost:8360/event/1 | 更新ID=1的记录, 更新数据为JSON格式 |
| POST|http://localhost:8360/event/1 | POST JSON格式的数据 |
| DELETE|http://localhost:8360/event/1 | 删除ID=1的记录 |
# 数据校验逻辑
文件 src/logic/event.js
```js
module.exports = class extends think.Logic {
async getAction() {
// 验证逻辑错误
this.allowMethods = 'get'; // 允许 GET、POST 请求类型
const rules = {
type: { // 处理事件类型
string: true, // 字段类型为 String 类型
required: false, // 字段必填
in: ['lost', 'found'], // 需要是 lost,found 其中一个
trim: true, // 字段需要trim处理
method: 'GET' // 指定获取数据的方式
},
key: { // 处理关键字检索
string: true, // 字段类型为 String 类型
required: false, // 字段必填
trim: true, // 字段需要trim处理
method: 'GET' // 指定获取数据的方式
}
};
const flag = this.validate(rules);
if (!flag) {
return this.fail('validate error', this.validateErrors);
// 如果校验失败,返回
// {"errno":1000,"errmsg":"validate error","data":{"username":"username can not be blank"}}
}
}
async postAction() {
this.allowMethods = 'post'; // 允许 GET、POST 请求类型
const rules = {
address: { // 事件发生的地址
string: true, // 字段类型为 String 类型
required: true, // 字段必填
trim: true, // 字段需要trim处理
method: 'POST' // 指定获取数据的方式
},
title: { // 标题
string: true, // 字段类型为 String 类型
required: true, // 字段必填
trim: true, // 字段需要trim处理
method: 'POST' // 指定获取数据的方式
},
type: { // 处理事件类型
string: true, // 字段类型为 String 类型
required: true, // 字段必填
in: ['lost', 'found'], // 需要是 lost,found 其中一个
trim: true, // 字段需要trim处理
method: 'POST' // 指定获取数据的方式
},
mobile: { // 联系人手机号码
string: true, // 字段类型为 String 类型
required: true, // 字段必填
trim: true, // 字段需要trim处理
regexp: /^1[38][1-9]\d{8}/g, // 正则表达式验证手机号码
method: 'POST' // 指定获取数据的方式
}
};
const flag = this.validate(rules);
if (!flag) {
return this.fail('validate error', this.validateErrors);
// 如果校验失败,返回
// {"errno":1000,"errmsg":"validate error","data":{"username":"username can not be blank"}}
}
}
};
```
- 内容介绍
- 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设计规范