小伙伴们大家好，我是悟空码字，关于微信开放平台上的代小程序实现业务，之前就写了相关模块的代码，包括快速注册小程序、代码上传、提交审核、发布小程序等主要功能。可以参考微信开放平台之第三方平台开发，一整套流程。
写在前面
最近在用这套系统的小伙伴跟我说，如果不想通过登录公众号后台去设置或修改小程序服务类目，可不可以直接在这套系统里面，快速创建完小程序，可以设置或修改服务类目，那就更好了。我的回答当然是of course，微信已经为我们提供好这样的接口了，接口有了，接下来那就是撸起袖子，哦，不，是操起代码就是干。
别小看这一个功能，写这篇文章前我是已经实现了这个功能了，但是在实现的过程中，还真的挺复杂的，功能模式基本上是99%还原了公众号后台的服务类目管理。这个过程遇到过问题，不过通过查资料和度娘一一都解决了，说到这里，不得不给elementUI一个大大的赞，对我们这种对前端半吊子的后端来说真的太好用了。还要感叹一句，不管做什么事情，都要亲手实操的去做，才会遇到问题，解决问题，从而学到东西。
问题方案列举
这里列举几个问题和解决方案：
问题：要设置类目，首先要获取到所有可设置的类目，官方提供的接口是返回所有数据，包括一级和二级类目，并且一级和二级数据是同级别的对象，由于我们是需要做二级联动的，也就是说第一个select只能显示一级类目，选择某个一级类目后，再在第二个select显示该一级下的二级类目。这种请求一次就返回所有的数据格式对我们来说并不友好啊。
方案：别的语言我不是很清楚，但Java8提供了stream api，其中对LIst集合提供了Filter过滤的方法，很是方便。说到这里你是不是想到什么了。对，获取到微信的数据后映射成集合，返回的数据是有提供level(类目层级)和father(类目父级 ID)字段的，不管是获取一级还是二级，直接调用Filter方法，通过这几个字段过滤就可以了，贴下主要代码。
代码语言：javascript复制List<Category> list = (List<Category>) CategoryUtils.getCategoriesByType(info,verifyType).get(DATA_TAG);
if (list != null) {
List<Category> collect;
if (categoryId == 0) {
collect = list
.stream()
.filter(category -> (!category.getId().equals(0)) && (category.getLevel().equals(level)) && (category.getFather().equals(father)))
.collect(toList());
} else {
collect = list
.stream()
.filter(category -> (category.getId().equals(categoryId)) && (category.getLevel().equals(level)) && (category.getFather().equals(father)))
.collect(toList());
}
if (level == 2) {
collect.forEach(item -> {
if (item.getSensitive_type() == 1) {
List<Exter> exterList = item.getQualify().getExter_list();
exterList.forEach(exter -> {
List<Inner> innerList = exter.getInner_list();
String name = "";
for (Inner inner : innerList) {
name = name inner.getName() "及";
}
exter.setCerticateName(name.substring(0, name.length()-1));
});
}
});
}
return AjaxResult.success(collect);
}问题：在使用elementui框架的图片上传模块时，需要在它的几个事件方法里面传入除了file和fileList的自定义参数，如何传值才可以取到。
方案：直接贴代码了啊，其中categoryIndex、innerIndex就是自定义参数
代码语言：javascript复制:on-success="(file, fileList) =>handleSuccess('edit',file, fileList,categoryIndex,innerIndex)"
:on-preview="(file, fileList) =>handlePreview('edit',file, fileList,categoryIndex,innerIndex)"
:on-remove="(file, fileList) =>handleRemove('edit',file, fileList,categoryIndex,innerIndex)"功能展示
上一篇：字节跳动集成支付宝支付
