后台UI开发样式规则
整体
- 固定页面按标准分辨率1366*768设计,同时考虑高分辨率的兼容(css);
- 样式在没有特殊情况下,不要写在style属性中,放在css样式表中;
- 关于冒号的使用,如果需要一律使用中文冒号,表单上,不建议使用冒号;
- HTML要尽量符合html5语法(严谨方式),避免一些随意写法
属性没有value值
属性值不加引号
没有闭合标签>
- URL中GET方式下,禁止参数传递中文;
- 关于图片的要求
要根据业务控制大小,一般不超过2M
图片的显示要采用缩略图,大小不能超过600*480(不包含比例),点击图片可查看原图>
表单内容模板
- 以百分比居中定位,范围75%~98%
- 对话框(window组件)
2.1 window组件的大小要符合16:9,16:10,4:3等常用尺寸,尽量不要随意自定义
2.2 内容区域(上下左右)padding要保留6-8个px
2.3 不要默认有滚动条
2.4 要含有标题,标题一定要体现具体含义
window组件以层的方式体现,和浏览器本身window是不一样的,是选用window组件还是open.window
主要考虑如下:
凡是具有资源(被独立调用,有页面权限)特性的,建议用open.window
内部调用,建议使用window组件
- 表格列
3.1 列大小只允许有一列自动,其它都要固定长度,自动列一般为可变字符列(比如标题,没有则设置第一列自动),如果自动列不好定义,则在表格最后加上虚拟列;
3.2 固定大小的列按实际内容设置长度,不要左右留出太多无用的边距;
3.3 按钮列最多摆放2个按钮,其余以菜单方式,之间间距留3-4px,左右间距不超过6px,不要隐藏按钮,用禁止替代; - 数字类型、日期类型居中显示,字符类型左对齐;
- 列头文字不要过长,不要超过8个汉字,按钮文字最好2个汉字,否则很难对其,如果表述不清,可用tip显示;
- 排序和过滤要根据业务,不要每一个列都打开;
- 表单
7.1 textarea的row属性默认为3;
7.2. 命名规则
语言级别的参考java命名规范
html和组件,命名要加入前缀,一般规则如下
id=id类名_名称 >
- 其他开发注意事项
8.1 至少在接口中添加注释
8.2 使用同一的formatter和clear样式,html和jsp也要format(按系统默认)
8.3 尽量不用或少用静态方法