表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、页面显示效果：

新增：

获取：