一.页面设计部分
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()聚焦错误字段。
简单WEB开发规范
时间: 2024-09-30 11:47:48
简单WEB开发规范的相关文章
简单WEB开发规范(修正版)
web|规范|开发规范|开发规范 一.页面设计部分1.img控件 alt:所有展示类图片都要具有能简要描述图片内容的文字说明.2.Input控件 maxlength:所有INPUT控件都需要制定maxlength属性,默认值为数据库中对应的字段的长度. readonly:所有不可更改的信息都要使用readonly属性.3.Form控件 action:所有Form都要指定action,如果提交给本身就指定action="" method:执行不可逆动作使用POST,可逆动作使用GET o
Web 开发规范 — WSGI
目录 目录 WSGI 简介 为什么需要 WSGI 这个规范 WSGI 如何工作 WSGI的角色 Server 如何调用 Application application 的两个参数 application 对象的返回值 再谈Server如何调用application WSGI 中间件 WSGI的实现和部署 参考资料 WSGI 简介 WSGI(Web Server Gateway Interface) Web 服务器网关接口.从名称上来看WSGI就是一个网关,作用就是在协议之间进行转换.具体而言,W
WEB开发规范范本
一.页面设计部分 1.img控件 alt:所有展示类图片都要具有能简要描述图片内容的文字说明. 2.Input控件 maxlength:所有INPUT控件都需要制定maxlength属性,默认值为数据库中对应的字段的长度. readonly:所有不可更改的信息都要使用readonly属性. 3.Form控件 action:所有Form都要指定action,如果提交给本身就指定action="" method:执行不可逆动作使用POST,可逆动作使用GET onsubmit:所有form
Web开发流程规范的五个要点
web|规范 开发流程及规范:Web 开发的分散性和交互性,决定了 Web 开发必须遵从一定的开发规范和技术约定. 只有每个开发人员都按照一个共同的规范去设计.沟通.开发.测试.部署,才能保证整个开发团队协调一致的工作,从而提高开发工作效率,提升工程项目质量. 一. 项目的角色划分 如果不包括前.后期的市场推广和产品销售人员,开发团队一般可以划分为项目负责人.程序员.美工三个角色. 项目负责人在我们中国习惯称为"项目经理",负责项目的人事协调.时间进度等安排,以及处理一些与项目相关的其
图片-关于APS.NET WEB开发简单问题
问题描述 关于APS.NET WEB开发简单问题 using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Data.SqlClient; public partial class _Default : System.Web.UI.Page { prot
java web后台开发规范01
java web后台开发规范01 (1)相同的代码不要重复出现 红框中的代码完全相同,所以应该抽取出来作为一个方法 (2)相同的逻辑不要重复出现 原先,有3个地方出现resCode == 200 || resCode == 201, 所以应该把这个逻辑单独抽取出来作为一个方法 重复的逻辑在多处出现,容易造成不一致 解决方法: (3)make it simple and stupid (4)待续
成为Web开发人员的7个简单步骤
你想成为一名Web开发人员,但现在你面前有这样一个问题,那就是你没有在高科技行业工作的经验.你上了一些课程,也花了时间在个人编码项目上,但 是你的简历上关于"经验"的部分仍然不为企业承认.过渡到一个新的领域从来就不是一件简单的事.你不知道你是否准备好了,不知道是否有人会认真对你,也不 知道你是否能得到工作. 相信我,不要让那些怀疑阻碍你的前进.事实上,它并不难--只要你在跳跃前做好充分的准备.这七个指导步骤将帮助你无缝过渡到web开发. 1.弄清楚你想要做什么. 你心里越明确,制定的计
在web开发中, html开发有没有体积比较小的操作简单的生成工具?
问题描述 在web开发中, html开发有没有体积比较小的操作简单的生成工具? 在web开发中, html开发有没有体积比较小的操作简单的生成工具? 解决方案 dreamware,不过推荐vs2013,ide爽..特别js.. 解决方案二: notepad++ .... 解决方案三: 计算公式"> 解决方案四: 记事本 解决方案五: notepad++.editplus 解决方案六: 文本编译软件够小了吧
Web开发技术发展史话
web 讨论Web开发技术的历史,当然要先说说Web的起源.众所周知,Web这个Internet上最热门的应用架构是由Tim Berners-Lee发明的.Web的前身是1980年Tim Berners-Lee负责的Enquire(Enquire Within Upon Everything的简称)项目.1990年11月,第一个Web服务器nxoc01.cern.ch开始运行,Tim Berners-Lee在自己编写的图形化Web浏览器"WorldWideWeb"上看到了最早的Web