语义化查询url构造器,根据规则生成对应查询请求url,自定义查询结果,去除重复数据,节省流量提高速度,提高开发效率 详细文档
注意:本组件需配合后端解析类[QueryOrmServer]使用 源码地址
1、通过 npm 方式安装使用
在现有项目中使用 QueryOrmBuilder 时,可以通过 npm 进行安装:
npm i query-orm-builder
2、直接通过 script
标签方式引入使用
下载本源码包,在具体页面,引入dist目录下的 query-orm-builder.umd.js
<script src="dist/query-orm-builder.umd.js" ></script>
1、npm 模式使用
import QueryOrmBuilder from 'query-orm-builder'
let queryOrm=new QueryOrmBuilder();
let res = queryOrm.where('id','=',100).toUriQueryString();
2、通过 script
标签方式引入
let queryOrm=new QueryOrmBuilder();
let res = queryOrm.where('id','=',100).toUriQueryString();
上面2种方式运行的res结果都为
filter[id{eq}]=100
将构建后的结果拼接到请求数据的链接上,发送到后台使用,如:
https://api.test.com/User/DataList?filter[id{eq}]=100
//请求后端接口地址
let apiUrl='https://api.test.com/QueryOrmServerTest/getMenuList';
/**
* 实例化builder类
* 说明:如果实例化类有传入apiUrl,则最后调用toUriQueryString方法得到的数据里会自动追加apiUrl,否则仅返回参数数据
*/
let queryOrm=new QueryOrmBuilder(apiUrl);
//拼接需要查询的参数
queryOrm.where('title','like','%列表%')
.where('pid','<>','0')
.whereIn('id','1,2,3,4')
.whereOr('status','=',1)
.whereOr('is_delete','=',0)
.select(['id','title','remark:diy_remark'])
.orderBy('title','asc')
.orderBy('id','desc')
.page(1,15);
//构建生成请求地址
var requestUrl = queryOrm.toUriQueryString();
最终输出 requestUrl为:
https://api.test.com/QueryOrmServerTest/getMenuList?filter%5Btitle%7Blike%7D%5D=%25%E5%88%97%E8%A1%A8%25&filter%5Bpid%7Bneq%7D%5D=0&filter%5Bid%7Bin%7D%5D=1,2,3,4&where_or%5Bstatus%7Beq%7D%5D=1&where_or%5Bis_delete%7Beq%7D%5D=0&select=id,title,remark:diy_remark&order_by=title,id&sorted_by=asc,desc&page=1&page_size=15
例如:
queryOrm.where('id','=',100).toUriQueryString();
或者
queryOrm.where('id',100).toUriQueryString();
生成url为
url?filter[id{eq}]=100
表示的查询条件是 id = 100
例如:
queryOrm.where('id','<>',100).toUriQueryString();
生成url为
url?filter[id{neq}]=100
表示的查询条件就是 id != 100
例如:
queryOrm.where('id','>',100).toUriQueryString();
生成url为
url?filter[id{gt}]=100
表示的查询条件就是 id > 100
例如:
queryOrm.where('id','>=',100).toUriQueryString();
生成url为
url?filter[id{egt}]=100
表示的查询条件就是 id >= 100
例如:
queryOrm.where('id','<',100).toUriQueryString();
生成url为
url?filter[id{lt}]=100
表示的查询条件就是 id < 100
例如:
queryOrm.where('id','<=',100).toUriQueryString();
生成url为
url?filter[id{elt}]=100
表示的查询条件就是 id <= 100
例如:
queryOrm.where('id','like','张三%').toUriQueryString();
生成url为
url?filter[id{like}]=张三%
例如:
queryOrm.where('id','in','1,2,3').toUriQueryString();
queryOrm.where('id','in',['1,2,3']).toUriQueryString();
或
queryOrm.whereIn('id','1,2,3').toUriQueryString();
queryOrm.whereIn('id',['1,2,3']).toUriQueryString();
生成url为
url?filter[id{in}]=1,2,3
例如:
queryOrm.whereOr('id','5').toUriQueryString();
生成url为
url?filter[or{or}]=5
例如:
queryOrm.where('id','between','1,8').toUriQueryString();
或
queryOrm.whereBetween('id','between','1,8').toUriQueryString();
服务端会解析成
url?filter[id{between}]=1,8
queryOrm.where('age',1).where('age','<',50).where('sex','<>',20).toUriQueryString();
生成url为
url?filter[type{eq}]=1&filter[age{lt}]=50&filter[sex{neq}]=2
表示的查询条件是 type=1 并且 age<50 并且 sex!=2
queryOrm.removeWhere('age')
参数名 | 描述 |
---|---|
select | 显示的字段以逗号相隔 |
用法示例如下:
queryOrm.select(['id','date','content']).toUriQueryString();
生成url为
url?select=id,date,content
表示的是只显示id,date,content 字段
如果想要使用字段的别名可以这样写:
queryOrm.select(['id','date','content:text']).toUriQueryString();
生成url为
url?select=id,date,content:text
表示的是只显示id,date,text 字段
- 单字段排序
参数名 | 描述 |
---|---|
order_by | 排序字段 |
sorted_by | 排序方式 默认就是升序排列 |
用法示例如下: |
queryOrm.orderBy('id').toUriQueryString();
或者
queryOrm.orderBy('id','desc').toUriQueryString();
生成url为
url?order_by=id&sorted_by=desc
表示的是根据id降序排序
- 多字段排序
queryOrm.orderBy('id').orderBy('type','asc').toUriQueryString();
或者
queryOrm.orderBy('id').orderBy('type','asc').toUriQueryString();
生成url为
url?order_by=id,type&sorted_by=desc,asc
参数名 | 描述 |
---|---|
page | 页码,从1开始 |
page_size | 每页几条数据 默认15 |
queryOrm.page(1,15).toUriQueryString();
生成url为
url?page=1&page_size=15
- 生成的url 默认已经encodeURI编码 如果不需要编码
toUriQueryString(false)
没有资金的支撑就很难得到发展,特别是一个好的产品,如果 QueryOrmBuilder 帮助了您,请为我们点赞。支持我们,您可以得到一些回报,有了这些我们会把公益事业做的更好,回报社区和社会,请给我们一些动力吧,在此非常感谢已支持我们的朋友!