我的技术写作成长之路—HZERO 框架前端经验(一)

77 阅读1分钟

接口请求

GET请求

const getData = async ()=>{
    const res = await new DataSet().axios.get('url',{
        params:{
            //...参数
        }
    })
}

POST请求

const getData = async ()=>{
    const res = await new DataSet().axios.post('url',{
            //...参数
    })
}

表格数据接口请求

新建index.logic.ts文件

const dataset = useDataSet(()=>({
    autoQuery:false,
    fields,  // 表头columns
    queryFields,  // 聚合表格,高级搜索的column
    transport:{
        //data为请求参数
        read:({data})=>{
            return {
                url:'' , //接口请求地址
                method: 'POST', //请求方式
                data:data, // 请求参数
                transformResponse(data){
                   //格式化返回值,若是分页则不写 
                    retrun data
                },
                transformRequest(data){
                    //格式化请求参数
                    return data
                }
            }
        }
    }
}))

此时给参数赋值方式如下

方式一:
//key:需要赋值的字段, value:赋值的值
dataset.setQueryParameter(key,value)
注意:此种方式设置参数不会消失
除非手动设置为空
dataset.setQueryParameter(key,'')
设置完参数后只需
dataset.query()

方式二:
dataset.query(1,{
    ...参数
    key:value
})
注意:此种方式设置参数不会保存,页面刷新之后即会清空