springboot+layui插件实现省市区三联 |
您所在的位置：网站首页 › 3d21092 › springboot+layui插件实现省市区三联 |
springboot+layui插件实现省市区三联
|
springboot+layui插件实现省市区三联
前言
mods前端代码效果展示写在后面
前言
之前做springboot+redis字典表数据获取，前端使用layui框架的时候做了个小案例，就是省市联的获取。 在这一过程中发现其实可以完全不用到后台去访问值，就可以直接在前端把这个事情做完。 mods将数据嵌入到一个js文件中，直接从js文件中获取即可。 这里的轮子是别人造的，代码总共上千行，其实不复杂，主要是数据多，在这里就不贴代码了，将该js放在mods中即可。 想上传资源的时候发现已经有了，这里就在网上随便找了一个 链接: https://fly.layui.com/extend/layarea/. 前端代码 layarea 网点地址 请选择省 请选择市 请选择区 layui.config({ base: './mods/' , version: '1.0' }); layui.use(['layer', 'form', 'layarea'], function () { var layer = layui.layer , form = layui.form , layarea = layui.layarea; layarea.render({ elem: '#area-picker', change: function (res) { //选择结果 console.log(res); } }); }); 效果展示
这个文章也只是我在研究springboot+redis+layui的过程中发现的一个小插件，简单实用。 |
【本文地址】