省/市/县三级联动
- 数据表设计的关键字段:
- 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 包,已经提供了所有需要的方法:
- 指定坐标剪切
- 重新设置尺寸(生成缩略图)
- 旋转
- 加水印
- 转格式
- 使用thumbnailtor Jar 包,已经提供了所有需要的方法: