WebApp【公共组件库】@前端(For Git Submodule)
edit | blame | history | raw

指令:创建一个请求

我们以会员信息为例新开请求

第一步:添加请求数据JSON文件

在 mocks 文件夹下新建数据文件 getUserInfo.json
src/public/static/项目名称/mocks/user/getUserInfo.json

内容为:
json { "state": { "code": 2000, "msg": "OK" }, "data": { } }

第二步:在请求集中添加请求

src/fetchers 文件夹下,以 F 开头的请求请求集中,添加一个独立的请求方法,方法名和 json 文件一样

例如:在 FUser.js 中添加 getUserInfo
```js
class FUser extends Fetcher {
constructor() {
super({
urlPrefix: ['/api/user/', '/mini/'],
});
}

// 读取会员信息
getUserInfo(user) {
    const url = this.spellURL('getUserInfo', 'User/Info');
    const send = {
        ...this.transKeyName('underline', user),
    };
    return this.post(url, send);
}

}

export const $fetchUser = new FUser();
```

如果创建一个全新的请求集,那么构造器的 urlPrefix 参数的第一个值为 '/api/分类名/'

第三步:在数据控制器中调用请求

在需要的需要的数据控制文件中:
- 使用 import 引入需要的使用的请求集
- 在类中,添加一个独立方法,调用对应的数据请求

import { $fetchUser } from '@fetchers/FUser';

export class PLogisSender extends Pilot {

    // 加载用户详情
    onLoadUserDetail(user) {
        Taro.showLoading();
        $fetchUser.getUserDetail(user)
            .then(res => {
                Taro.hideLoading();
                if (!res) {
                    return;
                }
                this.userDetail = res.detail;
            });
    }

}