简单WEB开发规范(修正版)

原创 2004年12月31日 09:48:00

简单WEB开发规范(修正版)
 

--------------------------------------------------------------------------------
 
  发表时间:2004-8-10
作者:未知[获得此文档时候没有作者记录,深感抱歉,本文档全为转载]  
 
 
一.页面设计部分
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.提交前数据的判断
 保证提交前的数据都会通过JavaScript进行数据类型以及长度的判断
 是否为数字:使用函数isNaN()
 长度判断: 长度要判断去掉前后空格后的实际长度
 为空判断: 所有不容许为空的输入字段都要在去掉前后空格后进行判断,同时如果该字段为查询条件则必须不能为空
 如果判断条件发现数据错误,则通过(2-1)提示错误信息,然后通过方法focus()聚焦错误字段。
5.删除数据前的提示
 所有涉及删除的操作,在用户选定以后都要再进行一次确认操作。

三.服务器端程序部分
1.数据的取得
 通过Get,Post,连接传递过来的数据在使用前都要通过trim去掉数据前后的空格。
2.数据的判断
 通过request的得到的参数数据需要再次进行空,类型,和长度的判断。
3.对象的关闭
 所有数据库和文件对象都要在使用后尽可能早的close,同时赋nothing。
4.提示信息
 所有错误提示信息使用JavaScript提示,保证使用者看不到任何内部错误信息。(如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下运行通过没有JavaScript错误。
 
如果各位朋友有什么心得请告诉我,我会修正本文。谢谢。Email:guiwang.com@163.com QQ:393356

 
 
 
 

java web项目开发编码规范

一、命名规范1.1 包命名包名称必须全部用小写。 命名方式:com.业务领域名.业务模块.业务子模块.系统分层 如com.hcepms.proj.ownerunit.dao ...
  • ytangdigl
  • ytangdigl
  • 2017年05月19日 10:40
  • 746

web前端开发规范

作为一个前端开发人员,遵守一定的编码规范是很有必要的,因此在这里总结了一些规范作为自己日后开发的编码规范,当然,在实际的工作中要优先遵守公司制定的规范,确保跟团队其他人写的代码风格上是一样的,这样有利...
  • xiangxzz
  • xiangxzz
  • 2016年10月29日 11:25
  • 324

web前端开发代码命名规范整理

做为一个web前端工程师,每天接触HTML、css就像吃饭一样,但是作为一名合作、优秀的web前端工程师,对DIV+CSS命名还是有一定的规范的,本文整理了一份web前端开发中DIV+CSS各种命名规...
  • qq_15804925
  • qq_15804925
  • 2016年04月09日 17:53
  • 333

Web前端规范文档-腾讯AlloyTeam

CSS语法 使用四个空格的 soft tabs — 这是保证代码在各种环境下显示一致的唯一方式。 使用组合选择器时,保持每个独立的选择器占用一行。 为了代码的易读性,在每个声明的左括号前增加一个空格。...
  • qinshenxue
  • qinshenxue
  • 2015年03月31日 10:56
  • 3534

web项目开发 之 前端规范 --- CSS编码规范

此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范 文档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。 转载请注明出处;JS前端实用...
  • xllily_11
  • xllily_11
  • 2016年04月26日 11:32
  • 5202

web app开发规范

整理自网络 "WAP网页设计" 和 "移动设备网页设计"         wap网页叫法的由来起源于wap无线协议,这个协议是由WML语言描述Internet的内容,最后呈现在无线网络上(GS...
  • CodingAlarm
  • CodingAlarm
  • 2015年07月20日 12:59
  • 831

简单WEB开发规范

简单WEB开发规范 一.页面设计部分  1.img控件  alt:所有展示类图片都要具有能简要描述图片内容的文字说明。  2.Input控件  maxlength:所有INPUT控件都需要制...
  • u014739778
  • u014739778
  • 2014年05月10日 11:09
  • 196

关于web开发中的规范流程

1. 不知不觉中做web开发将近5个月了,其实真正的web代码我写的并不多,之前写过一段时间的Python项目,但是最近在写web项目的时候感觉各自的代码风格都不一样,我属于那种简洁风格流派的,基本是...
  • u013821825
  • u013821825
  • 2016年11月25日 13:31
  • 247

web项目开发 之 前端规范 --- HTML编码规范

此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文 档。供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力。 转载请注明出处,JS前端实用...
  • xllily_11
  • xllily_11
  • 2016年04月26日 11:32
  • 10714

前端开发规范文档

文件规范 1. tpl, css, js, image文件均归档至约定的目录中; 2. tpl文件命名:英文命名, 后缀.html,请重命名与php文件同名,以方便后端添加功能时查找对应页面; 3. ...
  • gaofei880219
  • gaofei880219
  • 2015年07月17日 12:26
  • 885
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简单WEB开发规范(修正版)
举报原因:
原因补充:

(最多只允许输入30个字)