jeecgboot框架 下拉框查询数据库中的某个字段

查询页面:

后台部分

    @GetMapping("/queryProjectName")
    public Result<?> queryProjectName(){
    	QueryWrapper<YsxProject> queryWrapper=new QueryWrapper<YsxProject>();
    	queryWrapper.eq("del_flag",0).eq("project_status",2);
		List<YsxProject> list = ysxProjectService.list(queryWrapper);
		return Result.ok(list);
	}

vue部分

            <a-col :xl="6" :lg="7" :md="8" :sm="24">
                <a-form-item label="项目名称">
                    <a-select  name="projectNameList" v-model="queryParam.projectId" placeholder="请选择项目名称">
                        <a-select-option value="">请选择</a-select-option>
                        <a-select-option v-for="item in projectNameList" :value="item.id"> {{item.projectName}}</a-select-option>
                    </a-select>
                </a-form-item>
            </a-col>

jeecgboot框架 下拉框查询数据库中的某个字段_第1张图片
jeecgboot框架 下拉框查询数据库中的某个字段_第2张图片
打印日志
jeecgboot框架 下拉框查询数据库中的某个字段_第3张图片

添加页面

         <a-form-item label="项目名称" :labelCol="labelCol" :wrapperCol="wrapperCol">
              <a-select  name="projectNameList" v-decorator="['projectId', validatorRules.projectId]" placeholder="请选择项目名称">
                  <a-select-option value="">请选择</a-select-option>
                  <a-select-option v-for="(item, index)  in projectNameList" :key="index.toString()" :value="item.id"> {{item.projectName}}</a-select-option>
              </a-select>
          </a-form-item>

jeecgboot框架 下拉框查询数据库中的某个字段_第4张图片jeecgboot框架 下拉框查询数据库中的某个字段_第5张图片
jeecgboot框架 下拉框查询数据库中的某个字段_第6张图片

你可能感兴趣的:(jeecgboot相关,java,vue,下拉列表查询)