专栏首页BeJavaGod省市区 - 三级联动通用化模块组件

省市区 - 三级联动通用化模块组件

都说我们要做模块化设计,而不要做功能化设计

什么是模块化设计,就是可插拔性高,组件化,想要就用,不要用拉倒,直接删除就行

什么是功能化设计,就是一个简单的功能,实现想要的效果,但是不够通用化,别人要用的话需要读懂你的代码,还需要复制黏贴很多代码这样效率不高

今天写了一个省市区三级联动的模块,写完后使用会非常方便,也很灵活

主要使用到的技术:jquery,redis,springMVC,MyBatis(springMVC和MyBatis无所谓,你用struts或者hibernate或者spring data都行)

首先页面引入js

HTML中写入3个div块,这是互斥的,div#id不同就可以做到模块化可插拔

初始化JS:

后台controller:

service:

如果需要默认选中那么只需要对这3个参数赋值即可:

prov:"江苏省",

city:"无锡市",

dist:"南长区",

对于省市区的数据源,可以存放在数据库表中,也可以直接存入js,作为一个json来调用即可

如果没有省市区可以淘一下万能的X宝

本文分享自微信公众号 - BeJavaGod(wxleechenxiang),作者:风间影月

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2016-06-16

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 文档!重要的事情说第四遍~

    之前我有提过文档的事,标题是《文档!文档!文档!重要的事情说三遍!》,其中提到的文档工具是使用wiki来管理文档,当然也能配合jira来分发任务,以及管理bug...

    风间影月
  • 小程序登录 之 支付宝授权

    众所周知啊,微信小程序是可以通过微信本身授权后再登录,平台可以拿到微信用的的账号相关信息,然后保存到数据库中,那么同理在支付宝小程序开发过程中,登录功能的设计也...

    风间影月
  • 网站平台架构演变史(二)

    上篇文章大致降了网站架构的一个大致发展趋势,这篇咱们讲讲数据库。数据库在大并发的情况下是最容易出现问题的,往往都是由于写操作引发的网站访问缓慢或者崩溃,之前说过...

    风间影月
  • PHP中Mcrypt加密字符串

    PHP中Mcrypt php $key = "__Joyous__";// key $iv = "23joyous";// IV $input = "id=12...

    苦咖啡
  • 多因子模型之因子(信号)测试平台----alphalens(四)

    广告:本人的单因子测试视频教程 https://study.163.com/course/introduction/1005568012.htm

    钱塘小甲子
  • 2018-07-04 Spring Boot的自定义Banner

    Albert陈凯
  • Technical attribute VS Read only attribute

    版权声明:署名,允许他人基于本文进行创作,且必须基于与原先许可协议相同的许可协议分发本文 (Creative Commons)

    Jerry Wang
  • 政府与国防机构已成定向攻击的重灾区

    调查显示,在过去12个月内,政府与国防部门遭受定向攻击的比例(18%)最高,明显超出全球所有业务部门的平均值(12%)。此外,电信业务受到定向攻击的比...

    安恒信息
  • Python 工匠:写好面向对象代码的原则(上)

    花下猫语:今天继续给大家分享一篇好文章,有助于 Python 进阶的。Python 是一门支持面向对象的语言,但它跟典型的面向对象语言不完全相同。如何在 Pyt...

    Python猫
  • 基于Field的DeepFM稀疏化实现

    DeepFM是一个集成了FM和DNN的神经网络框架,思路和Google的Wide&Deep相似,都包括wide和deep两部分。W&D模型的wide部分是广...

    kelvincai

扫码关注云+社区

领取腾讯云代金券