页面样式、编码标准
为进一步规范页面样式，特整理此文档，希望有助于项目组工作的更好开展。具体标准如下：
一、按钮统一标准
（1）具有增加含义的按钮名称全部确认为“新增”；
（2）具有修改含义的按钮名称全部确认为“修改”；
（3）具有重置含义的按钮名称全部确认为“重置”；
（4）具有删除含义的按钮名称全部确认为“删除”；
（5）具有提交含义的按钮名称，在新增页面或修改页面，全部确认为“确定”；
（6）具有查询含义的按钮名称全部确认为“查询”；
（7）对于系统中其他按钮，遵循上述原则，名称必须统一。
按钮样式风格应一致。
（8）工程中用到的特殊的按钮需要寻求美工帮助的，应及时提出需求，且在工程中使用效果要达到一致。
二、列表统一标准
对于列表样式标准：
（1） 表头，居中；
（2） 列表中内容，“序号”，等数字列居中；
（3） “客户名称”、“证件类型”等类似列居左；
（4） 样式的宽带和高度的调整使用百分比来调整。每一列宽度应适中，随内容自动扩展（描述，备注等除外），不允许存在换行现象；自动弹窗代码
（6）  列表中表头每列名称加粗居中显示，字体颜、字体大小、单元格底统一；
（7）  列表中每一单元格内容字体、颜统一；
（8）  列表中如果“操作”列有超链接，以蓝显示加底线显示；
（9）  查询条件尽量放在一行（包括查询按钮），如果查询条件需要多行则将查询按钮放在右面表格中，上下居中，左右居右。
三、页面弹窗
    （1）只允许存在一个层级的弹窗，对弹窗内容的操作不允许弹出二级弹窗。提示信息除外。
    （2）不能使用HTML原生的alert,confirm等提示，应利用工程内的js组件。
    （3）工程内弹窗样式要统一标准。
四、页面编码
    （1）jsp页面内不能出现css和js代码，做到代码、样式分离。
    （2）注意js、css引入顺序和版本。每个工程根据自身需要明确js版本，如JQuery。
    （3）js代码中不能出现alert、console.log等调试语句，调试后需及时删除。
    （4）访问页面时页面js脚本错误数应为0.
    （5）控制js的内存，及时释放js占用内存。监测工具，监测内存。
    （6）尽量复用js代码，对于公共类实现的功能不能重复开发。
五、表单信息
    （1）表单样式统一，页面布局规整，Label和输入框上下要对其。
    （2）必填项后增加必填标识，以 * 显示。
（3）表单保存时除非和外界接口有关，否则不能保存失败和出现其他异常信息。且所有表单保存的成功、失败、字段验证提示要统一。
（4）表单内容验证用框架内的统一验证方法，JQuery Validation。
六、页面相应速度
    （1）页面响应时间基本应符合“2-5-10”原则。
（2）在引入图片时，如果页面响应速度在允许范围内，使用jpg形式图片；如果页面响应速度较慢，则使用gif图片，并减小图片尺寸，具体执行依据实际情况而定。
七、页面错误信息
（1）不能出现异常信息页面，统一根据错误编码定位到相应的错误页面。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。