Java菜鸟学习日记40
2017-09-08 11:45
302 查看
省/市/县三级联动
数据表设计的关键字段:
parent_id或parent
配合字段(可选):
level:层级深度
path:路径:河南省/郑州市/二七区
代码:
一次只加载少量数据,但是需要多次加载
getChildren(parent_id)
一次加载全部数据,但是需要用js实现getChildren(parent_id)的功能
图片剪切
前端:需要找jQuery图片剪切插件,插件必须在用户划选区之后提供四个坐标值。接下来上传图片,同时将四个坐标值发送给服务端(如果插件很强大,还可以有更多参数:缩放倍数scale、旋转角度rotate)
上传图片的方法:
表单上传(会刷新页面),需要把坐标数据放在隐藏的input中
Ajax上传(不支持老的浏览器)
var fd = newFromData($('#uploadForm')[0])
fd.append('坐标',‘100’)
$.post({
url:上传文件的接收地址,
data:fd,
processData:false,//阻止jQuery按照默认的方式编码数据,默认编码方式是urlencoded
contentType;false,//Content-Type请求头也是自动的
success;
error;
})
服务端:需要接收图片,并且根据坐标数据进行剪切。
使用thumbnailtor Jar 包,已经提供了所有需要的方法:
指定坐标剪切
重新设置尺寸(生成缩略图)
旋转
加水印
转格式
数据表设计的关键字段:
parent_id或parent
配合字段(可选):
level:层级深度
path:路径:河南省/郑州市/二七区
代码:
一次只加载少量数据,但是需要多次加载
getChildren(parent_id)
一次加载全部数据,但是需要用js实现getChildren(parent_id)的功能
图片剪切
前端:需要找jQuery图片剪切插件,插件必须在用户划选区之后提供四个坐标值。接下来上传图片,同时将四个坐标值发送给服务端(如果插件很强大,还可以有更多参数:缩放倍数scale、旋转角度rotate)
上传图片的方法:
表单上传(会刷新页面),需要把坐标数据放在隐藏的input中
Ajax上传(不支持老的浏览器)
var fd = newFromData($('#uploadForm')[0])
fd.append('坐标',‘100’)
$.post({
url:上传文件的接收地址,
data:fd,
processData:false,//阻止jQuery按照默认的方式编码数据,默认编码方式是urlencoded
contentType;false,//Content-Type请求头也是自动的
success;
error;
})
服务端:需要接收图片,并且根据坐标数据进行剪切。
使用thumbnailtor Jar 包,已经提供了所有需要的方法:
指定坐标剪切
重新设置尺寸(生成缩略图)
旋转
加水印
转格式