表id关联数据获取至页面，制作下拉框多选进行数据多项获取（字段处理）

 这周完成了一张表单，重点碰到以下问题：

1、freemaker获取年份的type值取year，类型直接为Long，传至后台和获取数据不需要转换；

2、freemaker获取日期type值为date，类型需要转换成时间戳，页面类型String，数据库类型Long，需要在接收数据类中进行类型转换和日期处理；

3、下拉多选的freemaker的关键字是   "isMuilt":true  接收list，显示下拉框可以进行多项选择（下面代码给出解答）

4、类似金额、面积可以输入小数的在页面定义float，数据库表是integer的，需要在中间进行数据处理，可以写一个封装类，将数据乘以100进行处理；

 

 

---------------------------------------

目录：

1、控制类处理

2、freemaker页面处理

3、Request接受数据model处理

4、返回页面部分人员字段处理

5、数据库录入数据显示

 6、页面显示效果

 

------------------------------------------

 

1、控制类中：manager表中保存所有人员数据，另一张groupperson表中只保存部分人员的id。获取部分人员的姓名和id：

  /**
     * 初始化参数
     *
     * @param model
     */
    private void begin(Model model) {

        //商区名称
        List<MallInfoResp> mallInfoRespList=this.mallInfoServiceClient.findAll().get();
        model.addAttribute("mallInfoList",mallInfoRespList);
        model.addAttribute("mallInfoListMapJson",mallInfoListToMapJson(mallInfoRespList));
        //项目名称
        ListData<HouseProjectResp> houseProjectRespListData=this.houseRegisterServiceClient.findProjectList(new HouseProjectQueryReq()).get();
        model.addAttribute("projectInfoList",houseProjectRespListData.getContent());
        model.addAttribute("projectInfoListMapJson",projectInfoListTopMapJson(houseProjectRespListData.getContent()));
        //招商人员信息（获取部分人员的id和姓名）
        List<InvestmentGroupPersonRealResp> investmentGroupPersonRealRespList =
                investmentGroupServiceClient.findAllGroupPerson().get().getContent();

        List<ManagerInfoResp> managerInfoRespList = new ArrayList<>();//招商人员集合

        Optional.ofNullable(new HashSet<String>(Optional.ofNullable(investmentGroupPersonRealRespList)
                .orElse(Lists.newArrayList()).stream()
                .filter(item -> !StringUtil.isEmpty(item.getManagerInfoId()))
                .map(item -> item.getManagerInfoId()).collect(Collectors.toList()))
        ).orElse(new HashSet<String>()).stream()
                .forEach(
                        item -> {
                            ManagerInfoResp managerInfoResp = managerInfoServiceClient.selectManagerInfoById(item).get();
                            if (managerInfoResp != null) {
                                managerInfoRespList.add(managerInfoResp);
                            }
                        }
                );
        model.addAttribute("managerList", managerInfoRespList);
        model.addAttribute("managerListMapJson", managerListToMapJson(managerInfoRespList));
    }


/**
     * 商区名称转化成json字符串
     *
     * @param respList 入参
     *
     * @return success
     */
    private String mallInfoListToMapJson(List<MallInfoResp> respList) {
        Map<String,String> map= Maps.newHashMap();
        if(respList==null||respList.isEmpty()){
            return JsonUtils.toJson(map);
        }
        for(MallInfoResp resp:respList){
            map.put(resp.getId(),resp.getName());
        }
        return JsonUtils.toJson(map);
    }

    /**
     * 项目名称转化成Json字符串
     *
     * @param respListData 入参
     *
     * @return success
     */
    private String projectInfoListTopMapJson(List<HouseProjectResp> respListData){
        Map<String,String> map=Maps.newHashMap();
        if(respListData==null){
            return JsonUtils.toJson(map);
        }
        for(HouseProjectResp resp:respListData){//获取内容
            map.put(resp.getId(),resp.getProjectName());
        }
        return JsonUtils.toJson(map);
    }

    /**
     * 招商人员（业务）转换成Json字符串
     */
    private String managerListToMapJson(List<ManagerInfoResp> resps){
        Map<String,String> map=Maps.newHashMap();
        if(resps==null){
            return JsonUtils.toJson(map);
        }
        for(ManagerInfoResp resp:resps){
            map.put(resp.getId(),resp.getRealname());
        }
        return JsonUtils.toJson(map);
    }

 

2、freemaker页面显示下拉，人员选择多选：

<#--新增修改弹框-->
    <#assign v_add_form_fields=[
    {"text":"年份","name":"beginTime","type":"year","required":true,"title":"请输入年份"},
    {"text":"项目","name":"projectId","type":"searchSelect","data":projectInfoList,"key":"id","keyText":"projectName","required":true},
    {"text":"商区","name":"mallId","type":"searchSelect","data":mallInfoList,"key":"id","keyText":"name","required":true},
    {"text":"招商落位（面积）","name":"investAreaString","type":"float","required":true,"title":"请输入大于零的数目"},
    {"text":"回款额度","name":"recieveMoneyString","type":"float","required":true,"title":"请输入大于零的数目"},
    {"text":"客户接洽数","name":"negotiateNum","type":"numberText","required":true,"title":"请输入大于零的整数"},
    {"text":"招商人员","name":"personList","type":"searchSelect","data":managerList,"key":"id","keyText":"realname","required":true,"isMuilt":true,"isRow":true}
    ]/>
    <@right.sys_modal_add_form modelName="${v_model_name}" fields=v_add_form_fields submiturl="${v_controller_name}/save" />

 

3、Request接受数据model（对部分人员多选进行字段处理）：

接受的数据按照逗号分隔

    /**
     *招商人员列表
     */
    private List<String> personList;

    public String getInvestPerson() {
        return StringUtils.join(personList,"
8          }

 

4、返回页面部分人员字段处理：

    /**
     *招商人员列表
     */
    private List<String> personList;

    public List<String> getPersonList() {
        String persons = getInvestPerson();
        if (persons != null) {
            return Arrays.asList(investPerson.split(","));
        }
        return personList;
    }

 

5、数据库录入数据显示：

 

 6、页面显示效果：

新增：

获取：