`
kokorodo
  • 浏览: 37625 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

web界面设计规范

 
阅读更多

web界面设计规范
一.页面设计部分     
  1.img控件     
    alt:所有展示类图片都要具有能简要描述图片内容的文字说明。     
  2.Input控件     
    maxlength:所有INPUT控件都需要制定maxlength属性,默认值为数据库中对应的字段的长度。     
    readonly:所有不可更改的信息都要使用readonly属性。     
  3.Form控件     
    action:所有Form都要指定action,如果提交给本身就指定action=""     
    method:执行不可逆动作使用POST,可逆动作使用GET     
    onsubmit:所有form都要指定提交前需要的检查程序。     
    所有form都要有对应的reset   button。     
  4.button控件     
    onclick:form中用于提交的button不容许使用此方法,所有数据检查通过form的onsubmit激活。     
  5.title属性     
    所有页面都要具有和本页标题相同的title。     
  6.控件的命名     
    采用控件类型缩写(小写)+英文单词(第一个字母大写)的方法。     
    开发中控件基本涉及一下几类     
    button:btn     
    form:frm     
    select:sel     
    textarea:txt     
    input:ipt       
  7.语言设置     
    所有中文页面都要加上如下语句:     
    <meta   http-equiv="Content-Language"   content="zh-cn">     
    <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">     
  8.控件属性赋值     
    所有控件的属性值都要使用双引号或者单引号包括起来。     
        
  二.客户端程序部分     
  1.错误提示信息的处理(2-1)     
    所有错误信息全部使用中文提示错误信息,标点使用中文半角符号,格式如下:     
      "错误:"+提示信息+"!"     
  2.成功提示信息的处理(2-2)     
    所有成功信息全部使用中文提示成功信息,标点使用中文半角符号,格式如下:     
      "成功:"+提示信息+"!"     
  3.页面的返回     
    所有需要返回上一页的时候使用history.back();不使用history.go(-1);    
    需要返回前n页(n>1)时使用history.go(-n);     
    所有返回都使用连接的方式而不是button。     
  4.提交前数据的判断     
    保证提交前的数据都会通过J***aScript进行数据类型以及长度的判断     
    是否为数字:使用函数isNaN()     
    长度判断:   长度要判断去掉前后空格后的实际长度     
    为空判断:   所有不容许为空的输入字段都要在去掉前后空格后进行判断,同时如果该字段为查询条件则必须不能为空     
    如果判断条件发现数据错误,则通过(2-1)提示错误信息,然后通过方法focus()聚焦错误字段。     
  5.删除数据前的提示     
    所有涉及删除的操作,在用户选定以后都要再进行一次确认操作。     
    
  三.服务器端程序部分     
  1.数据的取得     
    通过Get,Post,连接传递过来的数据在使用前都要通过trim去掉数据前后的空格。     
  2.数据的判断     
    通过request的得到的参数数据需要再次进行空,类型,和长度的判断。     
  3.对象的关闭     
    所有数据库和文件对象都要在使用后尽可能早的close,同时赋nothing。     
  4.提示信息     
    所有错误提示信息使用J***aScript提示,保证使用者看不到任何内部错误信息。(如1-1)     
    涉及数据库Update,Del,Insert的操作成功都要提示。(如1-2)     
  5.变量的使用     
    所有变量在使用前都需要声明,并且赋初值。     
  6.变量的命名     
    采用变量类型缩写(小写)+英文单词(第一个字母大写)的方法。     
    开发中变量基本涉及一下几类     
    整数:i     
    小数:f     
    字符:   s     
    布尔:b     
    日期:d     
    特殊的:     
    循环依次采用i,j,m,n;     
    数组用ary     
    指针p,q     
    临时变量tmp     
        
  七.SQL语句     
  1.排序     
    order时应该尽量提前使用建立索引或者主键的字段排序。     
  2.select     
    select时避免使用*,即使需要所有字段也应尽量一个一个按照使用的顺序罗列出来。     
  3.尽量避免使用in和not   in     
    
    
  八.测试     
    所有页面要在800*600,1024*768两种分辨率下运行通过。     
    所有页面要在IE5.0,5.5以及6.0下运行通过没有J***aScript错误。

分享到:
评论

相关推荐

    WEB界面设计规范

    对WEB界面设计的规范设计,主要讲解了不同的分辨率,响应式布局。

    日企软件工程师Web界面设计规范

    为了使最终设计出来的Web界面风格一致化,开发者之间相互协作更轻松,特制定此Web界面设计规范! 目录 一、目的 4 二、适用范围 4 三、文件命名规范 4 四、控件命名规范 4 五、控件外观规范 5 六、界面设计规范 6 ...

    Web界面设计规范(Web Form的UI设计)

    为了使最终设计出来的Web界面风格一致化,开发者之间相互协作更轻松,特制定此Web界面设计规范!1. 此规范适合所有Web Form的UI设计

    开发部web界面设计规范.pdf

    开发部web界面设计规范.pdf

    腾讯网Web页面设计规范

    腾讯网Web页面设计规范,对于web界面设计者来说很有参考价值,想大网站学习下他们的设计思想总是没错的。

    Web应用界面设计规范

    Web应用界面设计规范,详细介绍了在web页面开发时的一些技巧!规范!

    Web界面设计及UI设计

    Web界面设计及UI设计就是要多看多学,这里提供Web界面设计及UI设计、WEB界面设计.pdf、Web界面设计-样章.pdf、交互设计那些事儿.pdf和Web界面设计规范.doc,需要的人可以下载看看

    Web应用界面设计规范[整理].pdf

    Web应用界面设计规范[整理].pdf

    web设计规范

    web界面设计规范标准 1.WEB 界面规范标准 2.界面元素要求 3.设计规范

    软件界面设计规范

    规范IT软件开发界面标准,WEB界面设计

    web功能界面设计规范方案.doc

    web功能界面设计规范方案.doc

    web功能界面设计规范[收集].pdf

    web功能界面设计规范[收集].pdf

    CS软件用户界面设计规范

    本文档为前端开发和测试提供参考,文档定义了开发组件的标准说明,各种开发组件的规范定义,对于前端开发想要做到更优秀可以参考这个文档,养成习惯有助于今后长久的工作。测试页可以参考这个文档去把控产品质量的哦...

    WEB部分开发界面编程规范

    界面开发尤其是WEB开发的分散性和交互性,决定了必须指定一定的开发规范和技术约定,规范界面的设计和编程风格,使整个前台界面的风格保持一致,程序和界面易于理解和维护,提高工作效率和项目开发质量。

    web界面设计和开发指南(基于ZK技术)

    1、本指南描述了如何设计友好可用的web界面,并介绍如何基于ZK技术实现界面。遵循本指南可使得基于 ZK技术的web应用界面达到美观、规范、一致,并符合可用、无障碍原则。2、提供一个zk换肤演示Demo,供ZK开发的朋友...

    论web标准的网页制作和符合web标准的网站UI

    Web标准的web UI——来源、谬误与个人理解 序 我从2004年末开始接触web标准,2005年5月正式采取完全的web标准方式的网页制作,2005年8月,第一个符合web标准的网站UI开发工作完成。直至今日,经历了无数的艰辛,也有...

    WEB界面开发规范--更好的开发web应用程序 

    页面设计规则 页面命名规则 1、每个功能页面在系统中配置菜单时统一使用index.jsp或index.html。例如客户管理配置的URL为http://Server:Port/cc/custmgr/index.jsp。 2、每个页面的title必须设置为和菜单配置中相同...

Global site tag (gtag.js) - Google Analytics