前言:网站开发经常会涉及到报名,报名通常就会有地区级联的要求.如下所示.做这个功能就必须要有数据支撑.昨天努力了一天,从网上鼓捣了一份数据.分享下.纯技术性分享,非盈利的.如果有侵权的地方请知会,马上删除. 不知道该怎么上传附件,我就直接放链接了 1.省市数据(15k) 地址:http://www1.pcauto.com.cn/zt/pcauto20160111/areaData/proCity.js 1.省市县数据(172k) 地址:http://www1.pcauto.com.cn/zt/p

针对<struts-hibernate-ajax完成区县和街道级联下拉框功能>进行补充,上一篇中,要在action中拼接JSON格式字符串,很容易手抖.直接用json处理一下转成json格式字符串即可.但之前也讲过,json对于hibernate级联关系的解析,不是很到位啊! 所以ajax那边就得层层循环剥离,找出想要的结果 action: 用的是 import com.alibaba.fastjson.JSON; 具体的jar包请自行百度!! public String getStreets

前言:这次dao用的是hibernate,控制层和显示层用的是struts,页面用的是ajax... 啰嗦:我做这个用了很久,用了2周,难点没破解的地方,hibernate的多对一关系生成实体类中属性包括一方类型的属性,在action层用json直接把list结果集转为json字符串的时候报错,然后我用了jackson和fastjson和gson.oh,仍然没办法.不得已我用了最原始的方法,就是在action中把list结果集循环出来拼成json格式的字符串... 好了,直接上各部分的代码吧 我

省:<input id="sheng" class="easyui-combobox" style="width:100px" data-options="{ url:'RegionServlet?parentid=0', valueField:'regionID', textField:'regionName', onSelect:function(region){ $('#shi').combobox('clear'); //

级联下拉列表是项目中常用到的.比如省市县,比如企业性质等,做成一个js通用组件, 在静态页出来后可以直接插入,将数据和html静态页做一个解耦. 贴出来抛砖引玉吧. /** * @author sunfengjia edit * 说明: 使用json数据格式,生成N级下拉框 * params: * data: json对象 * select: 级联下拉框名称 调用eg: var comboselect = ComboSelectFactory(data, 'p1', 'p2', 'p3', 'p

1. 引入区县联动函数如下,将provinceList中数据改为需要联动的数据信息 var addressInit = function(_cmbProvince, _cmbCity, _cmbArea, _cmbStreet, defaultProvince, defaultCity, defaultArea,defaultStreet) { var cmbProvince = document.getElementById(_cmbProvince); var cmbCity = docum

var $ = function (id) {    return "string" == typeof id ? document.getElementById(id) : id;};function addEventHandler(oTarget, sEventType, fnHandler) {    if (oTarget.addEventListener) {        oTarget.addEventListener(sEventType, fnHandler, fal

我们都知道一般有注册的时候会让用户填入省市啊地区什么的,然后我就想使用纯js制作一个省市级联的效果,只是用于学习以及回顾温习用,首先看下效果图,界面很丑啊,不要嫌弃! 首先还是先看下我的项目目录吧 很清晰明了,什么样的文件放入什么样的文件夹中,劝大家还是养成分文件夹存放的习惯,这样看的条理清晰也方便我们管理,以及维护等等 可以看到,我将实现省市级联的js文件放入了js文件夹中,将得到的省市的json数据放入json文件夹中,界面就不用说了吧 这里先放上我们的界面代码 <%@ page langu

在很多应用中,往往都涉及到记录用户所在省份.城市.区县或者街道等信息,一般我们可以通过联动的Select或者类似的界面组件进行展示,或者使用Element中的el-cascader界面组件进行展示,而全国的省份.城市.区县或者街道等信息我们可以通过官方的数据进行获取,可以直接存放在JS里面,也可以存储在自己的数据库里面,最后统一进行联动展示即可.本篇随笔介绍几种组件对省市区县联动处理的效果及做法,可以直接应用在我们项目中,也可以做为一个组件开发的参考学习. 1.基于element-china-a

HTML <select id="s_province" name="s_province"></select> <select id="s_city" name="s_city" ></select> <select id="s_county" name="s_county"></select> <scrip

geojson 数据下载地址:https://hxkj.vip/demo/echartsMap/ 可下载的数据包含省级geojson行政边界数据.市级geojson行政边界数据.区/县级geojson行政边界数据.省市区县街道行政编码四级联动数据(可精确到乡镇/街道级) 一.通过API接口,实时获取最新中国省市区县geoJSON格式地图数据,可用于Echarts地图展示 1.效果图如下 2.示例代码 downloadMapCode() {// 下载mapCode数据 let mapCode =

KnockOut框架简称KO,是微软将应用于WPF/Silverlight的MVVM模式在Web上的尝试,这是一个非常有用的JavaScript框架. KO的核心就是绑定,包括数据绑定和行为绑定: KO的数据绑定包括单向和双向绑定: KO的行为绑定,即是将某个函数注册到某个元素的某个事件上. 示例如下:                               省:                                       市:                        

先简介下combobox: easyUI重写了select,取而代之的是combobox,有例如以下几种方式能够创建一个combobox 1.使用select标签,并加上class="easyui-combobox",这样的方式比較适用于静态的选项 2.使用input标签,并加上class="easyui-combobox",后面跟上data-options,能够用local或是remote方式载入数据 3.使用js方式,和2基本同样,仅仅是把combobox一些属

1.级联问题(combobox) combobox至多可以保存2个东西value和text,但我需要第三个数的时候,怎么办?比如,省.市.区的三级级联,我选择市的时候,需要市id,市name,区号,邮编4个数据.这应该怎么办? 我的解决思路:在保存value的时候保存为一个键值对:{id:123,zip:'2344545',Areacode:'45567'},如此选中一个时,获取其value,将其转化为对象,然后一一赋值给相应的隐藏域. /**省-市-区县级联菜单 *province(省):pr

/** jQuery version: 1.8.3 Author: 小dee Date: 2014.11.8 */ 接上一篇博客. 实现带缓存的仿亚马逊下拉面板 效果图: 图1 初始 图2 点击省份 图3 选择省份 图4 如果有第四级菜单 说明:该功能模块是固定前三极菜单,第四级菜单如果存在则动态加载 (  不足:没有做到所有菜单完全动态加载 ). 图5 细节流程: ① 点击固定菜单时发生的动作: ■ 如果存在下拉面板,则下拉面板消失 ■ 如果不存在下拉面板,则查看是否有缓存的下级菜单数据 ■ 

一. 事件:说白了就是调用函数的一种方式.它包括:事件源.事件数据.事件处理程序. JS事件 1.js事件通常和函数结合来使用,这样可以通过发生的事件来驱动函数的执行,从而引起html出现不同的效果. 2.属性(当这些事件的属性发生改变时,会触发function{}的函数): 1)onabort:当图像加载被中断时,会引发function内的函数. 2)onbur:当元素失去焦点: 3)onfocus:当元素获得焦点,获得焦点,就是文本框里面的内容修改 4)onclick:鼠标点击某个对象 5)

淘宝地址爬取及UI展示 淘宝国家省市区街道获取 参考 foxiswho 的 taobao-area-php 部分代码,改由c#重构. 引用如下: Autofac MediatR Swagger HangFire 生成街道数据爬取任务. 演示 https://akinix.github.io/Taobao-Area-CSharp/index.html 前端源码稍后上传,请关注 deepfunc Release 生成的release中包含省市区县.js和街道.json. 下载地址 目的 为了方便获取

this是什么 方法调用模式 构造器调用模式 函数调用模式 apply/call模式 this是什么 —大多语言中,’this’代表由类实例化的当前对象.在JavaScript中,’this’通常表示’拥有’方法的对象,但具体取决于一个函数被调用的方式. 方法调用模式 当一个函数被保存为对象的一个属性并调用该方法时,this被绑定至该对象.即使用”obj.method”形式  var val = "outer"; var methodCall = { val: "inner&

开发流程 公司高层 项目立项 | 市场部门 需求分析-->需求分析说明书, 需求规格说明书 | 产品部门 产品原型-->产品 UI 前端 后端 测试 移动端 | |---------------| 研发人员 前端 架构设计 UI 数据库设计 前端代码编写 代码模块实现和测试 | |------------------------| | 网站代码整合 | 继承测试 | 网站发布 架构设计 分析可能用到的技术点 前后端是否分离 前端使用那些狂降-->vue.js 后端使用哪些框架-->

数据库检索效率时,一般首要优化途径是从索引入手,然后根据需求再考虑更复杂的负载均衡.读写分离和分布式水平/垂直分库/表等手段:索引通过信息冗余来提高检索效率,其以空间换时间并会降低数据写入的效率:因此对索引字段的选择非常重要. Neo4j可对指定Label的Node Create Index,当新增/更新符合条件的Node属性时,Index会自动更新.Neo4j Index默认采用Lucene实现(可定制,如Spatial Index自定义实现的RTree索引),但默认新建的索引只支持精确匹配(