下拉选择框 多级联动动态显示实例 Ajax+redis+mysql+java后台

最新推荐文章于 2022-11-19 11:28:10 发布
最新推荐文章于 2022-11-19 11:28:10 发布
阅读量425 收藏
点赞数
分类专栏： 下拉框多级联动 文章标签： jquery java redis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43024430/article/details/106783010
版权

下拉选择框 多级联动动态显示实例 Ajax+redis+mysql+java后台

我的实现思路是：前台在选择一级下拉框就发一次Ajax请求到后台，后台把查询结果放到一个map容器里面返回，并存到缓存中。 前台在请求成功后回填下拉框，选择二级或其他下级不用再发请求，直接再前端全局变量容器里面去获取就行了，拿到数据直接进行onchang里面的回填方法。
HTML 代码部分：

<div class="clearfix" style="margin-bottom: 10px;">
						<label for="" class="wr105 f-ib">设备类型：</label>
						<select name="" id="deviceTypeid" onclick="configSelect('deviceType')" onchange="subdeviceConfig('deviceType')" class="u-input input6">

						</select> 
						<label for="" class="wr105 f-ib">设备子类型：</label>
						<select name="" id="devicesubType" class="u-input input6">

						</select> 
					</div>
					<div class="clearfix" style="margin-bottom: 10px;">
						<label for="" class="wr105 f-ib">厂商：</label>
						<select name="" id="deviceManufacturer" onclick="configSelect('deviceManufacturer')" onchange="subdeviceConfig('deviceManufacturer')" class="u-input input6">

						</select> 
						<label for="" class="wr105 f-ib">型号：</label>
						<select name="" id="manufacturerModelCn" onchange="subdeviceConfig('manufacturerModelCn')" class="u-input input6">

						</select> 
						<label for="" class="wr105 f-ib">版本：</label>
						<select  disabled="true"  id="modeVersion" class="u-input input6">

						</select> 
					</div>
					<div class="clearfix">
						<div class="f-fl f-mr15">
							<label for="" class="wr105 f-ib">归属专业：</label>
							   <select name="" id="belongedMajor" onclick="configSelect('belongedMajor')" onchange="subdeviceConfig('belongedMajor')" class="u-input input6">

							   </select>                      
							<span class="s-tip lt80"></span>
						</div>
						<div class="f-fl f-mr15">
							<label for="" class="wr105 f-ib">归属业务系统：</label>
							   <select name="" id="belongedbusiness" class="u-input input6">

							   </select>                      
							<span class="s-tip lt80"></span>
						</div>
					</div>

在这里插入图片描述
在select里面加一个点击事件οnclick=“configSelect(‘deviceType’)”，里面传递一个参数，用来区分下拉框的类别，Ajax请求将该参数传到后台也用来做后台的区分及作为缓存key。

js 部分：

Ajax 请求：

//全局变量存放设备类型下拉框数据
var deviceData = null;
 //加载联动下拉框
 function configSelect(selectvalue){
    var selectparam ={};
    //当作参数传到后台
     selectparam.value =selectvalue;
     $.ajax({
         type : "POST",
         url : localStorage.getItem("route")+"/unKnowDevice/deviceTypeSelect",
         cache : false, // 禁用缓存
         data : JSON.stringify(selectparam), // 传入组装的参数
         contentType: 'application/json',
         dataType : "json",
         beforeSend: function (xhr) {
             xhr.setRequestHeader("Authorization", "Bearer" + localStorage.getItem("token"));
         },
         success : function(res) {
             //用全局变量当容器存放数据
             deviceData = res.data;
             var obj  = res.data;
             var resultlist = new Array();
             var i= 0;
             for(var key in obj){
                 resultlist[i]  = key;
                 i++;
             }
             //回填下拉框
             backfillselectvalue(selectvalue,resultlist);
        },
         error : function(response){
             console.log(response);
         }
     });
     
 **请求成功后下拉框回填：**
//请求成功后回填下拉框
 function backfillselectvalue(selectvalue,resultlist) {
     //设备类型
     if(selectvalue=="deviceType"){
         //下拉框回填
         if($("#deviceTypeid option").length<resultlist.length){
             //下拉框回填
             for(var k=0;k<resultlist.length;k++){

                 if(k<1){
                     $("<option   selected=\"selected\" value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceTypeid");
                 }else {
                     $("<option   value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceTypeid");
                 }


             }
         }
         if($("#deviceTypeid option").length>resultlist.length){
             $("#deviceTypeid option").remove();
             //下拉框回填
             for(var k=0;k<resultlist.length;k++){

                 if(k<1){
                     $("<option  selected=\"selected\" value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceTypeid");
                 }else {
                     $("<option value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceTypeid");
                 }

             }
         }
     }

     //厂家型号
     if(selectvalue=="belongedMajor"){
         console.log(resultlist);
         //下拉框回填
         if($("#belongedMajor option").length<resultlist.length){
             //下拉框回填
             for(var k=0;k<resultlist.length;k++){

                 if(k<1){
                     $("<option   selected=\"selected\" value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#belongedMajor");
                 }else {
                     $("<option   value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#belongedMajor");
                 }


             }
         }
         if($("#belongedMajor option").length>resultlist.length){
             $("#belongedMajor option").remove();
             //下拉框回填
             for(var k=0;k<resultlist.length;k++){

                 if(k<1){
                     $("<option  selected=\"selected\" value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#belongedMajor");
                 }else {
                     $("<option value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#belongedMajor");
                 }

             }
         }
     }

     //归属专业
     if(selectvalue=="deviceManufacturer"){
         console.log(resultlist);
         //下拉框回填
         if($("#deviceManufacturer option").length<resultlist.length){
             //下拉框回填
             for(var k=0;k<resultlist.length;k++){

                 if(k<1){
                     $("<option   selected=\"selected\" value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceManufacturer");
                 }else {
                     $("<option   value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceManufacturer");
                 }


             }
         }
         if($("#deviceManufacturer option").length>resultlist.length){
             $("#deviceManufacturer option").remove();
             //下拉框回填
             for(var k=0;k<resultlist.length;k++){

                 if(k<1){
                     $("<option  selected=\"selected\" value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceManufacturer");
                 }else {
                     $("<option value='"+resultlist[k]+"'>"+  resultlist[k] +"</option>").appendTo("#deviceManufacturer");
                 }

             }
         }
     }
 }

一级框选择后 二级框回填联动：

var manufacturermodel = null;
 //加载子目录 下拉选择框
 function subdeviceConfig(type) {
     //设备类型
     if (type == "deviceType") {
         var subdeviceKey = $('#deviceTypeid  option:selected').val();
         var devicesubType = deviceData[subdeviceKey];
         //下拉框回填
         if ($("#devicesubType option").length == 0) {
             for (var k = 0; k < devicesubType.length; k++) {

                 if (k < 1) {
                     $("<option   selected=\"selected\" value='" + devicesubType[k] + "'>" + devicesubType[k] + "</option>").appendTo("#devicesubType");
                 } else {
                     $("<option   value='" + devicesubType[k] + "'>" + devicesubType[k] + "</option>").appendTo("#devicesubType");
                 }
             }
         }
         if ($("#devicesubType option").length > 0) {
             //清空下拉框
             $("#devicesubType option").remove();
             //下拉框回填
             for (var k = 0; k < devicesubType.length; k++) {

                 if (k < 1) {
                     $("<option   selected=\"selected\" value='" + devicesubType[k] + "'>" + devicesubType[k] + "</option>").appendTo("#devicesubType");
                 } else {
                     $("<option   value='" + devicesubType[k] + "'>" + devicesubType[k] + "</option>").appendTo("#devicesubType");
                 }


             }
         }
     }

     //归属专业
     if (type == "belongedMajor") {
         var belongedKey = $('#belongedMajor  option:selected').val();
         var belongedsubType = deviceData[belongedKey];
         //下拉框回填
         if ($("#belongedbusiness option").length == 0) {
             for (var k = 0; k < belongedsubType.length; k++) {

                 if (k < 1) {
                     $("<option   selected=\"selected\" value='" + belongedsubType[k] + "'>" + belongedsubType[k] + "</option>").appendTo("#belongedbusiness");
                 } else {
                     $("<option   value='" + belongedsubType[k] + "'>" + belongedsubType[k] + "</option>").appendTo("#belongedbusiness");
                 }
             }
         }
         if ($("#belongedbusiness option").length > 0) {
             //清空下拉框
             $("#belongedbusiness option").remove();
             //下拉框回填
             for (var k = 0; k < belongedsubType.length; k++) {

                 if (k < 1) {
                     $("<option   selected=\"selected\" value='" + belongedsubType[k] + "'>" + belongedsubType[k] + "</option>").appendTo("#belongedbusiness");
                 } else {
                     $("<option   value='" + belongedsubType[k] + "'>" + belongedsubType[k] + "</option>").appendTo("#belongedbusiness");
                 }


             }
         }

     }

     //厂家型号
     if (type == "deviceManufacturer") {
         var ManufacturerKey = $('#deviceManufacturer  option:selected').val();
         manufacturermodel = deviceData[ManufacturerKey];
         //下拉框回填
         if ($("#manufacturerModelCn option").length == 0) {
             for (var k = 0; k < manufacturermodel.length; k++) {

                 if (k < 1) {
                     $("<option   selected=\"selected\" value='" + manufacturermodel[k].manufacturermodelcn + "'>" + manufacturermodel[k].manufacturermodelcn + "</option>").appendTo("#manufacturerModelCn");
                     $("<option disabled=\"true\"  selected=\"selected\" value='" + manufacturermodel[k].modeversion + "'>" + manufacturermodel[k].modeversion + "</option>").appendTo("#modeVersion");
                 } else {
                     $("<option   value='" + manufacturermodel[k].manufacturermodelcn + "'>" + manufacturermodel[k].manufacturermodelcn + "</option>").appendTo("#manufacturerModelCn");
                     $("<option  disabled=\"true\"  value='" + manufacturermodel[k].modeversion + "'>" + manufacturermodel[k].modeversion + "</option>").appendTo("#modeVersion");
                 }

             }
         }
         if ($("#manufacturerModelCn option").length > 0) {
             //清空下拉框
             $("#manufacturerModelCn option").remove();
             $("#modeVersion option").remove();
             //下拉框回填
             for (var k = 0; k < manufacturermodel.length; k++) {

                 if (k < 1) {
                     $("<option   selected=\"selected\" value='" + manufacturermodel[k].manufacturermodelcn + "'>" + manufacturermodel[k].manufacturermodelcn + "</option>").appendTo("#manufacturerModelCn");
                     $("<option  disabled=\"true\" selected=\"selected\" value='" + manufacturermodel[k].modeversion + "'>" + manufacturermodel[k].modeversion + "</option>").appendTo("#modeVersion");
                 } else {
                     $("<option   value='" + manufacturermodel[k].manufacturermodelcn + "'>" + manufacturermodel[k].manufacturermodelcn + "</option>").appendTo("#manufacturerModelCn");
                     $("<option disabled=\"true\" value='" + manufacturermodel[k].modeversion + "'>" + manufacturermodel[k].modeversion + "</option>").appendTo("#modeVersion");
                 }
             }
         }
     }
     if (type == "manufacturerModelCn") {
         if ($("#manufacturerModelCn option").length > 0) {
             //获取被选择的option的值
             var  selectvalue = $("#manufacturerModelCn option:selected").val();
             //清空下拉框
             $("#manufacturerModelCn option").remove();
             $("#modeVersion option").remove();
             //下拉框回填
             for (var k = 0; k < manufacturermodel.length; k++) {

                 if (selectvalue == manufacturermodel[k].manufacturermodelcn) {
                     $("<option   selected=\"selected\" value='" + manufacturermodel[k].manufacturermodelcn + "'>" + manufacturermodel[k].manufacturermodelcn + "</option>").appendTo("#manufacturerModelCn");
                     $("<option  disabled=\"true\" selected=\"selected\" value='" + manufacturermodel[k].modeversion + "'>" + manufacturermodel[k].modeversion + "</option>").appendTo("#modeVersion");
                 } else {
                     $("<option   value='" + manufacturermodel[k].manufacturermodelcn + "'>" + manufacturermodel[k].manufacturermodelcn + "</option>").appendTo("#manufacturerModelCn");
                     $("<option disabled=\"true\" value='" + manufacturermodel[k].modeversion + "'>" + manufacturermodel[k].modeversion + "</option>").appendTo("#modeVersion");
                 }
             }
         }
     }
 }

java后台：

Controller层：

 /**
     * 下拉框多级联动
     *
     * @param valuekey
     * @param
     * @return
     */
    @PostMapping(value = "/deviceTypeSelect")
    public CommonResult deviceTypeSelect(@RequestBody Map valuekey){
        if (!valuekey.isEmpty()){
            Map resultMap = iUnKnowDeviceService.deviceTypeSelect(valuekey.get("value").toString());

            return CommonResult.success(resultMap, ResultCode.SUCCESS.getMessage());

        }else {
            return CommonResult.failed(ResultCode.FAILED.getMessage());
        }


    }

service 层：
这里需要主要采用的思想就是先查一级框里面的数据，然后变量查询结果在去一一对应的查关联的二级联动对象。我这里采用的是一次请求把所有的数据查出来拼装好放到一个容器对象里面，再放到缓存里面和返回个前台；

/**
     * 下拉联动
     *
     * @param value
     * @return
     */
  

```java
  Map<String, Object> deviceTypeSelect(String value);
  
  **实现层：**  
    @Autowired
    DeviceTypeMapper deviceTypeMapper;
    @Autowired
    DeviceSubTypeMapper deviceSubTypeMapper;
    @Autowired
    BelongedMajorMapper belongedMajorMapper;
    @Autowired
    BelongedBusinessSysMapper belongedBusinessSysMapper;
    @Autowired
    DeviceManufacturerMapper deviceManufacturerMapper;
    @Autowired
    DeviceManufacturerModelMapper deviceManufacturerModelMapper;
    @Autowired
    IRedisHelper iRedisHelper;
   @Override
    public Map<String, Object> deviceTypeSelect(String value) {

        //设备类型联动
        if (value.equals("deviceType")){
            //设备类型查询结果容器map
            Map<String,Object>  deviceMap = new HashMap<>();
            //检测缓存里面是否有
            if (iRedisHelper.getValue("deviceType")!= null){
                System.out.println("从缓存取数据");
                deviceMap = (Map<String,Object>)iRedisHelper.getValue("deviceType");
            }else {//缓存没有去数据库查
                List<DeviceType> deviceTypeList = deviceTypeMapper.getDeviceTypeList();
                Iterator deviceIterator = deviceTypeList.iterator();
                //遍历获取联动一级对象
                while(deviceIterator.hasNext()) {
                    DeviceType deviceType = (DeviceType)deviceIterator.next();
                    //遍历查询二级联动对象
                    List<DeviceSubType> deviceSubTypeList  = deviceSubTypeMapper.getsubTypeList(deviceType.getId());
                    List<String> deviceSubTypeCnList = new ArrayList<>();

                    Iterator subdeviceIterator = deviceSubTypeList.iterator();
                    while(subdeviceIterator.hasNext()) {
                        deviceSubTypeCnList.add(((DeviceSubType)subdeviceIterator.next()).getDevicesubtypecn());
                    }
                    deviceMap.put(deviceType.getDevicetypename(),deviceSubTypeCnList);
                    //iRedisHelper.hashGet("deviceType");

                }
                //把数据库查询的结果 放到缓存中
                iRedisHelper.valuePut("deviceType",deviceMap);
            }

            //System.out.println(deviceMap);
            return deviceMap;
        }
        //归属专业联动
        if (value.equals("belongedMajor")){
            //归属专业查询结果容器map
            Map<String,Object>  belongedMajorMap = new HashMap<>();
            //检测缓存里面是否有
            if (iRedisHelper.getValue("belongedMajor")!= null){
                System.out.println("从缓存取数据");
                belongedMajorMap = (Map<String,Object>)iRedisHelper.getValue("belongedMajor");
            }else {//缓存没有去数据库查
                List<BelongedMajor> belongedMajorList = belongedMajorMapper.getbelongedMajorList();
                Iterator belongedMajorIterator = belongedMajorList.iterator();
                //遍历获取联动一级对象
                while(belongedMajorIterator.hasNext()) {
                    BelongedMajor belongedMajor = (BelongedMajor)belongedMajorIterator.next();
                    //遍历查询二级联动对象
                    List<BelongedBusinessSys> belongedBusinessSysList  = belongedBusinessSysMapper.getsubbelongedMajorList(belongedMajor.getId());
                    //存放查询出来的businessSysCn
                    List<String> belongedBusinessCnList = new ArrayList<>();

                    Iterator belongedBusinessSysIterator = belongedBusinessSysList.iterator();
                    while(belongedBusinessSysIterator.hasNext()) {
                        belongedBusinessCnList.add(((BelongedBusinessSys)belongedBusinessSysIterator.next()).getBusinesssyscn());
                    }
                    belongedMajorMap.put(belongedMajor.getMajorcn(),belongedBusinessCnList);

                    //把数据库查询的结果 放到缓存中

                }
                iRedisHelper.valuePut("belongedMajor",belongedMajorMap);
            }

            //System.out.println(belongedMajorMap);
            return belongedMajorMap;
        }

        //厂家型号联动
        if (value.equals("deviceManufacturer")){
            //厂家型号结果容器map
            Map<String,Object>  deviceManufacturerMap = new HashMap<>();
            //检测缓存里面是否有
            if (iRedisHelper.getValue("deviceManufacturer")!= null){
                System.out.println("从缓存取数据");
                deviceManufacturerMap = (Map<String,Object>)iRedisHelper.getValue("deviceManufacturer");
            }else {//缓存没有去数据库查
                List<DeviceManufacturer> deviceManufacturerList = deviceManufacturerMapper.getdeviceManufacturerList();
                Iterator deviceManufacturerIterator = deviceManufacturerList.iterator();
                //遍历获取联动一级对象
                while(deviceManufacturerIterator.hasNext()) {
                    DeviceManufacturer deviceManufacturer = (DeviceManufacturer)deviceManufacturerIterator.next();
                    //遍历查询二级联动对象
                    List<DeviceManufacturerModel> deviceManufacturerModelList  = deviceManufacturerModelMapper.getdeviceManufacturerModelList(deviceManufacturer.getId());
                    //存放查询出来的businessSysCn
                    List<DeviceManufacturerModel> ModelList = new ArrayList<>();

                    Iterator deviceManufacturerModelIterator = deviceManufacturerModelList.iterator();
                    while(deviceManufacturerModelIterator.hasNext()) {
                        ModelList.add((DeviceManufacturerModel)deviceManufacturerModelIterator.next());
                    }
                    deviceManufacturerMap.put(deviceManufacturer.getManufacturercn(),ModelList);

                    //把数据库查询的结果 放到缓存中

                }
                iRedisHelper.valuePut("deviceManufacturer",deviceManufacturerMap);
            }

            //System.out.println(deviceManufacturerMap);
            return deviceManufacturerMap;
        }
        Map<String,Object>  ERRmap = new HashMap<>();
        ERRmap.put("ERR","系统有误请跟管理员联系");
        return  ERRmap;
    }

剩下的mapper 和sql 我就不详细说了 大都是很简单的查询了 。
我在这里只是想和大家分享一下我实践实现这个联动的方式，当然这个可能不是很好的实现方式，只是给大家提供一个思路，和大家探讨下；个人感觉这样搞就是回填的js写的比较麻烦一点其他都还好。嘻嘻！我也是才入行一年的菜鸡请大佬多多指教。
无名之辈-七祁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
三级下拉菜单联动 (省市区县数据库操作) 源代码(java 版本)
11-30
spcc.js文件有一个地方需要修改一下 在第30行有一个citySele需要修改为seleValue 全文也就一个citySele
使用若依框架实现省市区，级联选择下拉框
莫听雨的博客
10-29 7580
使用若依框架实现省市区，级联选择下拉框 需要注意的问题，与解答 且还实现各个功能还是蛮简单的： 实现思路： 1.根据parent_id= 0 查询 省 2.根据上面一个下拉框-省的id ->作为parent_id 查询市（需要解决如何动态的显示这个下拉框） 3.根据市的id ->作为parnet_id 查询区 根据省的id值，动态的显示市的name，这就需要 前端发送一个请求（附带省的id值）给后端controller，congtroller根据regionId查询数据，并将数据返回给
下拉框展示-选择-联动
weixin_42419575的博客
11-17 202
效果展示： 描述：点击-下拉框展示已有航路点-选择-右边坐标联动 html代码 <el-row v-for="(item, index) in airwaylist.pointList" :key="index" > <el-col :span="6" class="posstyle" > <el-form-item > <template> <el-
市县两个选择框联动
saltlike的博客
11-04 314
问题描述： 遇到一个需求，就是市和县要做成两个选择框，并保持它们数据的联动。使用vue + element ui的实现方法如下： <template> <div class="app-container"> <el-form label-position="left" ref="form" :model="form" label-width="40px"> <el-row> <el-col :span="
学习笔记（6）下拉及多级弹出菜单
weixin_44433499的博客
04-24 595
内容和知识点： 带下拉子菜单的导航菜单 绝对定位和浮动的区别和运用 css自适应宽度滑动门菜单 一、带下拉子菜单的导航菜单 纵向导航教程中已使用过二级导航，今天制作下横向导航菜单的二级菜单，方法和纵向一样，只不过由纵向改变为横向而已。 先在html代码增加二级菜单的代码。 增加完代码后，在浏览器里预览一下： 是不是一看头都大了，怎么变成这样了。我们分析一下错乱的原因。首先我们看下“自适应宽度...
java 二级联动_Java基础知识：Java实现Map集合二级联动4
weixin_36054458的博客
02-16 201
comboBox.setModel(new DefaultComboBoxModel(getProvince())); // 添加省份信息final JLabel label = new JLabel();label.setText("省/直辖市");label.setBounds(155, 30, 66, 18);panel.add(label);final JLabel label_1 = n...
【若依】多级联动下拉框的实现（附HTML及JavaScript参考代码）
枯木何日可逢春
08-07 4425
【若依】多级联动下拉框的实现（附HTML及JavaScript参考代码）
利用若依的数字字典进行下拉框的关联配置
qq_42365066的博客
03-19 5591
利用若依的数字字典进行下拉框的关联配置 文章目录利用若依的数字字典进行下拉框的关联配置前言一、数字字典配置二、使用步骤1.引入库总结 前言 由于目前参与的项目当中需要对于页面的下拉框需要出现关联关系，并且父和子的数据都是通过数据字典进行维护的。在此对开发文档进行记录避免之后忘记。 提示：以下是本篇文章正文内容，下面案例可供参考 一、数字字典配置 由于若依数字字典本身并没有多级关联关系所以只能对于父下拉框下的每一个项目再配置一个新的数字字典（本人目前是这么做的，如果有更好的方法可以在评论区交流）
若依--实现--三级联动
fanqingdi092298的博客
11-27 1660
三级联动在二级联动的基础之上进行，那么我们只需要修改三步就可以 Controller部分 //三级联动 @GetMapping("/select") @ResponseBody public List<SysSchool> select() { List<SysSchool> list = schoolService.selectSchoolList(new SysSchool()); return list;
若依级联选择下拉框
isljsy的博客
11-19 591
若依级联选择下拉框
redis + ajax实现异步下拉列表加载
06-13
对于网页中一些基本不会发生变化的数据，使用redis存储将会极大地提高这些数据的获取速度，进而加快网页的加载，带来更好的用户体验。这里以一个下拉列表的demo做一个展示
使用Java实现多级下拉菜单.pdf
12-09
使用Java实现多级下拉菜单.pdf使用Java实现多级下拉菜单.pdf使用Java实现多级下拉菜单.pdf使用Java实现多级下拉菜单.pdf
Java项目:客户关系管理系统(java+SSM+Layui+Shiro+Redis+mysql)
06-03
1.运行环境：最好是javajdk1.8，我们在这个平台上运行的。其他版本理论上也可以。 2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA; 3.tomcat环境：Tomcat7.x,8.x,9.x版本均可 4.硬件环境：windows7/8/101G内存...
Java项目:OA自动化办公管理系统(java+SpringBoot+FreeMarker+Mysql+redis)
12-26
实现的功能有： 管理员：系统管理、请假管理、公告管理、档案资料管理、通讯录管理、日常办公管理、邮箱管理消息管理等。...运行环境：windows/Linux均可、jdk1.8、mysql5.7、redis3.0、idea/eclipse均可。
Springboot+redis+mybatisplus实例
03-07
Springboot+redis+mybatisplus
Java项目:少年宫活动中心后台管理系统(java+SpringBoot+Thymeleaf+Redis+maven+mysql
10-24
本项目是少年儿童活动中心的选课系统，本选课系统是基于SpringBoot2.0 + Mybatis + Thymeleaf + Shiro 开发的后台管理系统，建立以Browser/Server 为结构模式、以数据库为后台核心应用、以服务为目的信息化办公平台...
《前端》多级下拉菜单选择框-附带ajax
BelleDiao的博客
03-16 1176
效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...
若依设置多级菜单后出现两个右侧菜单
Decline1的博客
12-23 1236
多次出现了这种情况，记录一下，以防下一次出现还是要找很长时间。 这个地方有问题，设置目录时要设上组建的路径，不然在这个目录下的菜单就会出现第一张图中的错误！！
下拉列表多级联动前端实现
实践求真知
12-05 1993
一 获取一级分类 1 组件数据定义 添加在Info.vue的data中 subjectList: [], // 一级分类 subjectLevelTwoList: [] // 二级分类 2 组件脚本 表单初始化时获取一级分类嵌套列表，引入subject api import subjectApi from '@/api/subject' 定义方法 // 获取课程分类列表 initSubjectList() { subjectApi.g
(java+vue+redis+springboot+mysql+ssm)系统架构
最新发布
05-07
其中，Java作为后端编程语言，使用SpringBoot框架进行Web应用程序开发，SSM框架用于进行Java中的数据访问层和业务逻辑层的开发，MySQL作为主要数据库存储数据，Redis则作为缓存数据库提高系统的性能。而Vue则作为...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值