javaweb网站设计报告(javaweb项目设计报告)

网站设计 1650
本篇文章给大家谈谈javaweb网站设计报告,以及javaweb项目设计报告对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、Java web设计文档怎么写

本篇文章给大家谈谈javaweb网站设计报告,以及javaweb项目设计报告对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。

本文目录一览:

Java web设计文档怎么写

自己百度“宿舍管理系统”设计方案(详细设计,设计文档)类似的关键字看看,这个和JAVA WEB没啥具体关系,javaweb只是它的表现形式。

你参考网上的文档,按照模版把项目基本内容填一下,功能方面:你要的功能也就无非是"入住"“搬出”“查看”“打印”四大功能而已,对这四大功能详细说明一下(对每个功能采用语言+图例的形式就更好了)就算是一个简单的设计文档了

这个我看挺合适你要的。

javaweb毕业设计的结论怎么写

通过和谁谁…几个月……的开发,结合JAVAweb开发的强大完善的技术,完成毕业设计,虽然实现各个功能 但自身仍有不足,技术有待提高 以后继续努力学习

就这个套路,先扬后抑 吹一段,谦虚一段 概括开发过程,展望未来~

java web应用的项目设计报告应该如何编写

那你得认真写呀,从项目理想,到设计,到分工,到日程,结果,测试,都要有。

如何设计网站——对Web设计的一点总结

在最近的工作中,遇到了导航的问题,无意中发现了找出了收藏已久的《别让我思考》,花了一周时间读了两遍,才清楚的理解导航对于一个产品的重要作用。也更加印证了产品圈中将用户当做小白的理论,其实并不是在产品设计中将一切都为用户标注出来,而是让用户能够通过自己的方式更加轻松的使用产品,这样的产品对于用户来说必定是不言而喻的,也就是主题“别让我思考”。下面是这次读书的笔记,虽然这本书给我很大的启发,但是一切需要归于实践,在实践中验证这个理论。

一、指导原则

第一章:别让我思考 --- 可用性第一定律

web设计的终极法则:别让我思考,即看到一个界面应该是 不言而喻 , 一目了然 , 自我解释 。

强迫我们思考的地方:(1)酷炫的名字或技术名词。(2)看起来不太明显的按钮和链接

当思考时,需要权衡,权衡应该更倾向于“显而易见”,而不行hi需要额外的思考

每个需要思考的地方会加重用户的认知负担,把用户的注意力从要完成的任务上拉开

访问网站时不需要思考的事都有什么?

我在什么位置?

该从哪里开始?

他们把xx放在什么地方?

这个项目上最重要的是什么?

为什么他们给它取这个名字?

如果做不到让一个页面不言而喻,那么至少应该让它自我解释

当浏览网站遇到问题时,用户会认为是自己的错误,而不会责怪网站

如果要让网页有效,它们必须在用户第一眼看到时将自己展示出来,而要做到这一点,最好的方法是创建不言而喻的网页,或者至少是自我解释。

第二章:我们实际上是如何使用Web的 --- 扫描,满意即可,勉强应付

事实1 -- 我们不是阅读,而是扫描,寻找能吸引用户注意力的文字或词语(除新闻故事,报告,产品描述界面)

为什么扫描?

(1)我们总是处于忙碌之中 --- 使用web是想节约时间

(2)我们知道自己不必阅读所有内容 --- 寻找感兴趣或手头的任务相关的内容

(3)我们善于扫描 --- 生活习惯,找感兴趣的内容

用户在网页上看到什么却决于想看到什么,通常为页面的一小部分内容

吸引注意力的文字和短语是什么?

(1)与手头任务有关的

(2)我们当前或接下来的个人兴趣

事实2 --- 我们不作最佳选择,而是满意即可

用户大多数时间不会选择最佳选项,而是选择第一个合理的选项 --- 满意策略

为什么不寻找最佳选择?

(1)我们总是处于忙碌之中 --- 最佳策略时间久,满意策略效率高

(2)如果猜错了,也不会产生什么严重的后果

(3)对选择进行权衡并不会改善我们的机会

(4)猜测更有意思 --- 猜测不会像权衡那么累,猜对了,可能看到意外的内容

事实3 --- 我们不是追根究底,而是勉强应付

勉强应付不仅限于初学者,技术专家也会在理解事物的工作原理上有着惊人的误会

原因是什么?

(1)这对我们来说并不重要 --- 明白事物工作机制并不重要

(2)如果发现某个事物能用,我们会一直使用它 --- 如果遇到更好的方法,会用好的方法,但是很少主动寻找更好的方法

如果用户明白网站,而不是勉强应付的作用

(1)用户更容易找到自己需要的东西,对用户和网站都好

(2)用户更容易理解你的网站有哪些服务 --- 不仅仅是用户偶然看到的

(3)引导用户看到你希望他们看到的内容(网站上)

(4)在你的网站上,用户会感到掌控全局,并逐渐成为老用户

第三章:广告牌设计101法则 --- 为扫描设计,不为阅读设计

吸引用户的5个重要方面(为下方2-6部分内容)

在每个页面上建立清楚的视觉层次

尽量利用习惯用法

把页面划分成明确定义的区域

明显标识可以点击的地方

最大限度降低干扰

建立清楚的视觉层次

视觉层次清楚的页面的特点

(1)越重要的部分越突出

(2)逻辑上相关的部分在视觉上也相关

(3)逻辑上包含的部分在视觉上进行嵌套

一个页面没有清楚的视觉层次,用户会降低扫描页面的速度,会寻找关键的文字和短语,然后拼凑出感觉重要的内容和内容的组织方式,这样会增加工作量

习惯用法是你的好帮手

web的习惯用法

(1)它们非常有用 --- 适当使用习惯用法,让用户访问更容易,减少额外学习工作原理ide成本

(2)设计师通常不愿意利用它们

如果不打算使用习惯用法,需要的做法:

a.必须确定你在使用一种同样清楚、同样不言而喻,没有学习曲线的方法

b.带来很大的价值

把页面划分成明确定义的区域

明显标识可以点击的地方

降低视觉噪声

噪声的分类

(1)眼花缭乱 --- 所有的信息都想吸引用户的目光,没有突出点

(2)背景噪声 --- 页面没有一个地方会造成过分干扰,但是这些很小的噪声太多会惹人厌烦

第四章:动物、植物、无机物 --- 为什么用户喜欢无需思考的选择

真正的问题不是到达目标之前要点击的次数,而是每次点击有多难,需要多少思考,多大的不确定性来判断自己是否在进行正确的选择

关键:如果用户需要一直在网络上进行选择,那么让这些选择变得无需思考是让一个网站容易使用的原因

第五章:省略不必要的文字 --- 不要在Web上写作的艺术

有力的文字都很简练。句子里不应该有多余的文字,段落中不应该有多余的句子

去掉没人看的文字的优点有哪些?

可以降低页面的噪声

让有用的内容更加突出

让页面简洁,让用户在每个页面上以言就能看见更多的内容,而不必滚动屏幕

需要去掉的文字是 欢迎词 和 指示说明

二、必须正确处理的几个方面

第六章:街头指示牌和面包屑 --- 设计导航

如果在网站上找不到方向、人们不会使用你的网站

网络导航101法则

你通常是为了寻找某个目标

你会决定先询问还是先浏览

如果选择刘兰兰,你将通过标志的引导再层次结构中穿行

最后,如果找不到想要的东西,你会离开

web与生活从空间角度来看的不同点

感觉不到大小

感觉不到方向

感觉不到位置

用户使用Web导航是因为需要得知自己当前的位置

导航的用途 --- 显而易见的用途

帮助我们找到想要的任何东西

告诉我们现在身处何处

导航给了用户一些固定的感觉,让用户感到脚踏实地

导航的其他用途 --- 被忽视的用途

导航告诉我们当前的位置 --- 告诉网站有些什么,导航表现了内容,导航站点比告诉我们位置更重要

导航告诉我们如何使用网站 --- 从哪里开始,如何进行选择

导航给了用户对网站建造者信心

Web导航的习惯用法

网站ID

栏目

实用工具

指示器(指明用户当前位置)

下一级栏目

页面名称

页面导航(当前这一层的内容)

小字体版的底端导航

持久导航(或全局导航) :来描述出现在网站每个页面的一组导航元素

持久导航应在在整个网站保持一致,使用户只需要了解一次就够了,减少学习成本

持久导航的五个元素

站点ID

回首页的方式(Home)

搜索的方式

栏目

实用工具

主页和表单 不需要使用持久导航

主页:承担一些不同的任务,遵守一些不同的承诺,所以不需要使用持久导航

表单:在填写表单的页面,持久导航会产生干扰

如何设计Web导航各元素(表格下方为示例 - 亚马逊)

导航元素名称

细节点

站点ID

1.在Web上需要在每个页面都能看到网站的名称 --- 页面ID,通常在左上或靠近左上

2.网站ID代表整个网站,也就是说在当前站点结构中层次最高

3.站点ID如何出现在页面可视层次的首要位置

(1)让网站站点成为本页最显眼的内容

(2)让网站ID涵盖页面所有其他元素

4.站点ID需看起来像一个站点ID --- 例如logo

栏目

1.栏目(或称主导航条)是到达站点主要栏目的链接,结构的最顶层

2.大部分情况,持久导航也包括二级导航(当前栏目的下一级栏目清单)的显示位置

实用工具

实用工具是到达网站中不属于内容层次的重要元素的链接

返回主页Home

1.返回主页(Home)的按钮需要始终可见,给用户一种随时可以从新开始的感觉

2.Home的用法

(1)在栏目或使用工具清单中包含一个回到主页的链接

(2)在主页之外的站点ID上小心地加上Home的字样,让用户知道点击它

搜索

1.避免混淆的方法

(1)花哨的用字

(2)指示说明

(3)选项 --- 将选项写下来

2.需要对低层次导航给予足够的重视(三级导航)

页面名称

1.页面名称的注意事项

(1)每个页面都需要一个名称

(2)页面名称要出现在合适的位置

(3)名称引人注目

(4)名称要和点击的链接一致

指示器

1.如何标记当前位置

(1)在旁边放置一个指示器

(2)改变文字的颜色

(3)使用粗体

(4)按钮反白

(5)改变按钮的颜色

2.告诉用户你所在的站点层级结构的前后关系(在网页中的位置)

层级菜单

1.告诉用户从主页到当前位置的路径(如何到达)

2.层级导航的最佳实践方式

(1)将它们放在最顶端

(2)使用“”对层级进行分隔

(3)使用小字体(表明是一种补充机制)

(4)使用了文字“你在这里”

(5)将最后一个元素加粗

(6)不需要把它们用作 页面名称

标签

1.为什么标签做导航是一个上佳的选择

(1)它们不言而喻

(2)它们很难错过(视觉上与众不同)

(3)它们灵活

(4)它们暗示了一个物理的空间

2.注意事项

(1)正确绘制 --- 激活的标签页在其他标签页之前

(2)颜色编码 --- 提高关注度

示例

如何评判一个网站设计的好

这是什么网站?(站点ID)

我在哪个网页上?(网页名称)

这个网站的主要栏目有哪些?(栏目清单)

在这个层上我有哪些选择?(本页导航)

我在导航系统的什么位置?(“你在这里”的指示器)

我怎么搜索?(搜索栏)

第七章:首先要承认,主页不由你控制 --- 设计主页

主页主要完成的任务

站点的标识和使命 --- 告诉用户这是什么网站,做什么的

站点层次 --- 提供服务的概貌,包括内容,功能,服务是如何组织

搜索

导读 --- 需要有内容推介,功能推介

友情链接 --- 预留空间放置广告,交叉推广,品牌合作

快捷方式 --- 最常访问的内容片段值得在网页上放置链接

注册

主页需要满足的抽象目标

让用户看到自己在寻找东西 --- 让用于想要的任何东西显而易见

......还有我没有寻找的 --- 让用户看到一些精彩的内容,就算这些内容用户没有寻找

告诉用户从哪开始

建立可信度和信任感

主页的常见约束有哪些

每个人都想占一席之地 --- 推介内容过多

想要参与的人太多

一个尺寸要适合所有的人 --- 普遍适用于大众

主页需要传达整体形象,让用户一眼就能清楚你的网站是说什么的

如何向用户传达网页的整体形象

口号 --- 靠近站点ID的地方,整个网站的描述

欢迎广告 --- 网站的简要描述,在主页的首要位置,不需要滚动屏幕就能看到

传达信息的原则

需要多大空间就使用多大空间

但也不要使用过多的空间 --- 保持简短

不要把实名陈述当做欢迎广告

最后的是进行测试

口号的注意事项

好的口号

不好的口号

清楚、言之有物

含混不清

长度适中,易让用户领会表达思想

太笼统

表达出网站特点和显而易见的好处

把口号(传达某种价值主张)和宗旨(表达某种指导原则,某个目标或某个理想)混淆起来

有个性、生动、有时候很俏皮

由于主页独特的职责,通常不必使用持久导航,它们之间的差异

栏目描述 --- 主页需要尽可能多的表现网页内容,其他页面不需要

不同的方向 --- 主页和其他页面布局不同,主页通常用

用于表示的空间更多 --- 主页上站点ID比较大,口号留有空间也较大

让栏目的名称保持不变,同样的顺序、同样的文字和同样的分组,尽可能多地保持视觉提示,同样的字体,颜色和大小写

下拉框存在的问题

用户必须将它们找出来 --- 必须找到下拉框,才能看到下拉列表

它们难以扫描

不好控制 --- 下拉列表收缩速度难以控制

下拉框对于组织按照字母顺序排列的项目比较有效

下拉框的优点是节约空间

任何共享的资源(共有区域)都会因为过度使用而遭到破坏 --- 在主页上增加更多的项目所得到的的和付出的并不一致,虽然给推荐栏目巨大的访问量,但是让主页变得混乱,所遭受的损失将由所有栏目承担

三、确定你没有做错的几件事

第八章:农场主和牧羊人应该是朋友 --- 为什么Web设计团队讨论可用性是在浪费时间,如何避免这种情况

由于各自的职位不同,Web团队成员对于好的网站设计的看法不同

通过测试将讨论对错转移到什么有效、什么无效上,测试会让我们看到用户的动机、理解和反应的不同,从而不再让我们坚持用户和我们的想法相同

第九章:一天10美分的可用性测试 --- 让测试简单,这样你能进行充分的测试

焦点小组并不是可用行测试,焦点小组是在项目早期阶段,用来收集用户的意见和感觉

可用性测试主要是希望得到用户是否知道该网站是做什么的,并且能用它完成一项典型任务

测试的作用是什么

如果想建立一个优秀的网站,一定要测试

测试一个用户比不做测试好一倍

在项目中,在点测试一位用户好过最后测试50位用户

人们对招募用户代表的重要性评估过高

测试的关键不是要证明什么或者反驳什么,而是了解你的判断力

测试是一个迭代的过程

没有什么比现场用户的反应更重要

寻找能够反应目标群体的测试用户,但别裹足不前

寻找的测试用户可以和目标群体有差别的理由是什么

差别的原因

例外

实际上,我们都是初学者

如果你的网站几乎只由某一类用户使用,且招募并不难,那就去招募

设计出的网站只有你的目标群体能使用,这通常并不是一个好主意

如果你的目标群体分为几个明显阵营,且各阵营有着完全不同的需求,那你至少要从每个阵营选择用户进行一次测试

专家通常不会介意对初学者来说很清楚的界面

如果使用你的网站需要专业的领域知识,那么你需要在该领域中招募有专业知识的用户

进行招募,需要注意的问题是什么

提供合理的激励

邀请要简单

避免对网站(或网站背后的组织结构)进行预先讨论

别不好意思请朋友帮忙

测试中遇到的问题

用户不清楚概念

用户找不到自己想要的字眼 --- 网站用来组织内容的分类不符合用户习惯;分类符合习惯但是没有使用他们期望的名字

内容太多 --- 减少页面上的干扰;将需要看到的内容涉及的更加醒目

一些关于问题分类指南

问题

行为(用户/主持)说明

正确解决方式

忽略Kayak(皮划艇)问题

1.出现问题的人马上发现自己偏离了原来的主题

2.用户尽量回到原来的方向而不需要帮助

3.这种情况并没有扰乱用户的活动

可以忽略

抵制添加的冲动

增加一些内容,注释,指导说明

去除某个让人混淆的内容

不要太看重用户对新功能的要求

抓住能够的着的果子

1.恍然大悟型

2.便宜型

尽量实现变更

进行变更

只要你进行改变,就要仔细思考它将会影响哪些内容,当你把某些部分调整的更为突出时,想想是不是把其他内容的重要性降低了

四、大的方面和外界影响

第十章:可用性是基本礼貌 --- 为什么你的网站应该让人尊敬

降低好感度的方式

隐藏我想要的信息

因为没有按照你们的方式行事而惩罚我

向我询问不必要的信息

敷衍我,欺骗我

给我设置障碍

你的网站看上去不专业

提高好感度的方式

知道用户在你的网站上想做什么,并让网站明白简易

告诉用户,他们想知道的

尽量减少步骤

花点心思

(1)保证网站准确有用

(2)产生解决我的问题所需要的信息

(3)网站用清楚的方式表达

(4)组织良好,用户可以轻松找到解决方案

知道用户有哪些疑问,并给予解答

为用户提供协助

容易从错误中恢复

如果不确定,记得道歉

总结

这本书主要讲了Web设计的一些核心的原则,以及用户在使用Web时的心理,并且基于用户的信息,来设计Web的导航和主页。并且结合实践,在项目中需要不断的进行可行性测试迭代,从而使Web可行。这样的网站才是一个成功的网站,在符合用户的习惯的基础上,让用户能够自行的解决问题,从而达到网站和用户的目的。

资源类:

大家都知道,学习本身是一个特别耗费时间和财力的事情,但是为了自身发展,却不得不学习,而且现在对于职业教育的课程特别贵,并且专业书籍也是非常贵的。虽然说是投资自己,但是对于生活来说还是较大的开销,因此算是众筹了,毕竟一个课程可能动则几千块,但是我并不贪心,所以分享的课程的价格很低,不会超过5块钱吧,毕竟大家都是为了生活,只希望弥补一点生活压力吧,各位加油吧

链接:在线教育视频课(产品设计)

  pan.baidu.com

提取码:afvs

俞军产品方法论:

链接:

  pan.baidu.com

提取码:lizk

梁宁产品思维30讲:

链接:

  pan.baidu.com

提取码:tr7i

增长黑客:

链接:

  pan.baidu.com

提取码:dpm3

基于java web的图书管理系统的设计与实现的开题报告怎么写

开题报告按照任务书,设计相关模块,通过具体概要设计进行编写。程序可以帮写。

网页制作与网站设计报告书

网站项目管理规范

一.概念

网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。

二.需求分析

1.项目立项

我们接到客户的业务咨询,经过双方不断的接洽和了解,并通过基本的可行性讨论够,初步达成制作协议,这时就需要将项目立项。较好的做法是成立一个专门的项目小组,小组成员包括:项目经理,网页设计,程序员,测试员,编辑/文档等必须人员。项目实行项目经理制。

2.客户的需求说明书

第一步是需要客户提供一个完整的需求说明。很多客户对自己的需求并不是很清楚,需要您不断引导和帮助分析。曾经有一次,我问客户:“您做网站的目的是什么?”他回答:“没有目的,只是因为别人都有,我没有!”。这样的客户就需要耐心说明,仔细分析,挖掘出他潜在的,真正的需求。 配合客户写一份详细的,完整的需求说明会花很多时间,但这样做是值得的,而且一定要让客户满意,签字认可。把好这一关,可以杜绝很多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不可能有高质量的网站。那么需求说明书要达到怎样的标准呢?简单说,包含下面几点:

1.正确性:每个功能必须清楚描写交付的功能;

2.可行性:确保在当前的开发能力和系统环境下可以实现每个需求;

3.必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时"砍"掉;

4.简明性:不要使用专业的网络术语;

5.检测性:如果开发完毕,客户可以根据需求检测。

三.系统分析

1.网站总体设计

在拿到客户的需求说明后,并不是直接开始制作,而是需要对项目进行总体设计,详细设计,出一份网站建设方案给客户。总体设计是非常关键的一步。它主要确定:

1.网站需要实现哪些功能;

2.网站开发使用什么软件,在什么样的硬件环境;

3.需要多少人,多少时间;

4.需要遵循的规则和标准有哪些。

同时需要写一份总体规划说明书,包括:

1.网站的栏目和版块;

2.网站的功能和相应的程序;

3.网站的链接结构;

4.如果有数据库,进行数据库的概念设计;

5.网站的交互性和用户友好设计。

2.网站建设方案

在总体设计出来后,一般需要给客户一个网站建设方案。很多网页制作公司在接洽业务时就被客户要求提供方案。那时的方案一般比较笼统,而且在客户需求不是十分明确的情况下提交方案,往往和实际制作后的结果会有很大差异。所以应该尽量取得客户的理解,在明确需求并总体设计后提交方案,这样对双方都有益处。网站建设方案的包括以下几个部分:

1.客户情况分析;

2.网站需要实现的目的和目标;

3.网站形象说明;

4.网站的栏目版块和结构;

5.网站内容的安排,相互链接关系;

6.使用软件,硬件和技术分析说明;

7.开发时间进度表;

8.宣传推广方案;

9.维护方案;

10.制作费用;

11.本公司简介:成功作品,技术,人才说明等。

当您的方案通过客户的认可,您可以开始动手制作网站了。但还不是真正意义上的制作,你需要进行详细设计:

3.网站详细设计

总体设计阶段以比较抽象概括的方式提出了解决问题的办法。详细设计阶段的任务就是把解法具体化。详细设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序,而是设计出程序的详细规格说明。这种规格说明的作用很类似于其他工程领域中工程师经常使用的工程蓝图,它们应该 包含必要的细节,例如:程序界面,表单,需要的数据等。程序员可以根据它们写出实际的程序代码。

四. 项目实施

1.整体形象设计

在程序员进行详细设计的同时,网页设计师开始设计网站的整体形象和首页。

整体形象设计包括标准字,Logo,标准色彩,广告语等。 首页设计包括版面,色彩,图像,动态效果,图标等风格设计,也包括banner,菜单,标题,版权等模块设计。首页一般设计1-3个不同风格,完成后,供客户选择。

记住:在客户确定首页风格之后,请客户签字认可。以后不得再对版面风格有大的变动,否则视为第二次设计。

开发制作

2.开发制作

到这里,程序员和网页设计师同时进入全力开发阶段,需要提醒的是,测试人员需要随时测试网页与程序,发现Bug立刻记录并反馈修改。不要等到完全制作完毕再测试,这样会浪费大量的时间和精力。项目经理需要经常了解项目进度,协调和沟通程序员与网页设计师的工作。

调试完善

3.调试完成

在网站初步完成后,上传到服务器,对网站进行全范围的测试。包括速度,兼容性,交互性,链接正确性,程序健壮性,超流量测试等,发现问题及时解决并记录下来。

为什么要记录文档呢?其实本软件工程本身就是一个文档,是一个不断充实和完善的标准。通过不断的发现问题,解决问题,修改,补充文档,使这个标准越来越规范,越来越工业化。进而使得网站开发趋向规范,趋向合理。

4.宣传推广

宣传推广的基本方法有:

1.网页里设置适当的META标签;

2.各搜索引擎登录;

3.准备新闻稿件在各新闻公告板发表;

4.合理使用Email邮件列表;

5.广告条交换;

6.付费广告。

至此,网站项目建设完毕,将有关网址,使用操作说明文档等提交客户验收。如果需要维护,另行签定维护项目。

五.维护

网站成功推出后,长期的维护工作才刚刚开始,需要做到的是:

1.及时响应客户反馈;例如可以采取Email自动回复功能,然后在1-3个工作日里解决问题,再次回复;

2.网站流量统计分析和相应对策;

3.尽量推广和使用您的网址;

4.网站内容的及时更新和维护。

六.遵循的规范

1.网站建设目录规范

2.网站文件命名规范

3.网站建设尺寸规范

4.网站首页head区代码规范

5.网站连接结构规范

网站开发规范

任何一个项目或者系统开发之前都需要定制一个开发约定和规则,这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等,所以定制一套完整的约定和规则显得尤为重要。定制一系列约定和规则,包括组件团队、文件夹命名规则、文件名命名规则、程序代码编程风格、数据库设计约定。这些规则和约定需要与开发人员、设计人员和维护人员共同讨论定制,将来开发都将严格按规则或约定开发。每个团队开发都应有自己的一套规范,一个优良可行的规范可以使我们工作得心应手事半功倍,这些规范都不是唯一的标准不存在对与错,也许有些地方与你当前使用的习惯相驳,很多地方都有争议。。

非常明显在Web项目开发中有前后台开发之分,前台开发主要是指非程序编程部分,主要职责是网站AI设计、界面设计、动画设计等。而后台开发主要是编程和网站运行平台搭建,其主要职责是设计网站数据库和网站功能模板的实现。下面的这些规范主要是从这2个方面来定制的,这些规范是工作中总结的一点经验,本文档比较适合中小型网站或者Web项目的开发规范。

一.组建开发团队

在接手项目后的第一件事是组建团队。根据项目的大小团队可以有几十人,也有可以是只有几个人的小团队,在团队划分中应该含有6个角色,这6个角色是必须的,分别是项目经理,策划,美工,程序员,代码整合员,测试员。也许你的团队还没有6个人,没有关系一个人可以有多个角色,比如项目经理还可以有策划这个角色,如程序员还可以含有代码整合和测试这2个角色,如果你的项目够大人数够多那就分为6个组,每个组分工再来细分。下面简单介绍一下这6个角色的具体职责。

项目经理,项目总体设计,开发进度的定制和监控,定制相应的开发规范,负责各个环节的评审工作,协调各个成员(小组)之间开发。策划,提供详细的策划方案和需求分析。还包括后期网站推广方面的策划。美工,根据策划和需求设计网站AI,界面,Logo等。程序员,根据项目总体设计来设计数据库和功能模块的实现。代码整合员,负责将程序员的代码和界面融合到一起,代码整合员可以制作网站的相关页面,测试员,负责测试程序。

二.开发工具

Web开发工具主要分为3部分,第一部分是网站前台开发工具,第二部分是网站后台开发环境,第三部分是项目管理和辅助软件。下面分别简单介绍这三部分需要使用的软件。

网站前台开发主要是指Web界面设计。包括网站整体框架建立、常用图片、Flash动画设计等等,主要使用的相关软件是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。

网站后台开发主要指网站动态程序开发、数据库建模,主要使用的相关软件是: PowerDesigner(数据库建模),PowerDesigner在数据库设计方面应用非常强大,用它可以快速创建数据库概念和物理模型,我最喜欢的还是它生成数据库Report的功能太方便了,设计数据库强烈推荐用它。Rational Rose(程序建模),如果你的项目功能模块不是特别复杂那就剩了它吧,这样会节省一些时间和开发的复杂度,不过我个人认为不管是大项目还是小项目都应该画画Rose图。

网站项目管理主要指对开发进度和代码版本的控制。开发进度用Microsoft Project来制定,代码版本控制采用Visual SourceSafe,当然还有其他的选择比如CVS和Rational ClearCase。网站测试采用VS.net的附带工具Microsoft Application Center Test,它可以进行并行、负载测试等。程序文档编写采用Word,用WPS也可以。

三.网站开发流程

在项目开始实施之前应该有一个工作步骤也就是工作流程,在项目开发中最需要时间的是总体设计和系统测试,而程序编写代码所占的时间并不多,但有的团队就急于开发写代码,先把程序写出来再说,没有注重评审和测试这2个环节,结果造成返工,我在一家比较大的公司中都遇到多次这种情况。所以项目来了不要急于开工写代码,应该一步一步慢慢来,只有走的慢才能走得稳走得远。图1的开发流程比较好地体现开发的整个环节。

图 1

从图1可以看到2条主线,这2条主线分别是前台开发和后台开发。前后台开发在项目开发早期互相没有交叉,当然不是绝对没有,Web策划和需求分析都是互相有关系的,一个是网站表现形式和风格的策划另一个是网站功能的策划,它们是衣服和躯干的关系。到了开发后期就需要把界面和功能模块结合起来形成一个统一,也就即将发布的网站。

四.数据库开发规范

数据文件命名采用系统名+_+文件类型,比如系统名为kupage,则数据库文件命名为kupage_database.mdf,有的数据库文件有多个,比如SQL Server就有2个,一个是数据库文件,另一个是日志文件,那么他们的文件命名分别为kupage_database.mdf,kupage_log.log。文件名全部采用小写。

数据库表命名规范,表名长度不能超过30个字符,表名中含有单词全部采用单数形式,单词首写字母要大写,多个单词间不用任何连接符号。若库中有多个系统,表名采用系统名称+单词或多个单词,系统名是开发系统的缩写,系统名称全部采用小写英文字符,如bbsTitle,bbsForumType。若库中只含有一个系统,那么表名仅用一个单词或多个单词。单词选择能够概括表内容的一个或多个英文单词,如UserInfo,UserType。关连表命名规则为Re_表A_表B,Re是Relative的缩写,如:Re_User_ArticleType, Re_User_FormType。

数据库字段命名规范,数据库字段名全部采用小写英文单词,单词之间用”_”隔开,命名规则是表别名+单词,如:user_name,user_pwd。表别名规则,如果表名是一个单词,别名就取单词的前4 个字母;如果表名是两个单词,就各取两个单词的前两个字母组成4 个字母长的别名;如果表的名字由3 个单词组成,你不妨从头两个单词中各取一个然后从最后一个单词中再取出两个字母,结果还是组成4 字母长的别名。

视图名采用规则View_表A_表B_表C,View表示视图。这个视图由几个表产生就用”_”连接几个表的名,如果表过多可以将表名适当简化,但一定要列出所有表名。

存储过程命名规则P_表名_存取过程名(缩写),比如P_User_Del,P_ArticleType_AddData。

SQL语句编写规则,关键字必须大写,其他书写按上述命名规则,比如:

SELECT user_id, user_name FROM User WHERE user_id = ‘tom’

五.文件夹文件名命名规范

文件夹命名一般采用英文,长度一般不超过20个字符,命名采用小写字母。除特殊情况才使用中文拼音,一些常见的文件夹命名如:images(存放图形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript脚本),inc(存放include文件),link(存放友情链接),media(存放多媒体文件)等。

文件名称统一用小写的英文字母、数字和下划线的组合。命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作 。

1、图片的命名原则名称分为头尾两部分,用下划线隔开,头部分表示此图片的大类性质例如广告、标志、菜单、按钮等等。

放置在页面顶部的广告、装饰图案等长方形的图片取名: banner

标志性的图片取名为: logo

在页面上位置不固定并且带有链接的小图片我们取名为 button

在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名: menu

装饰用的照片我们取名: pic

不带链接表示标题的图片我们取名: title

下面是几个范例: banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。

2、动态语言文件命名规则性质_描述,描述可以有多个单词,用”_”隔开,性质一般是该页面得概要。

范例:register_form.asp,register_post.asp,topic_lock.asp

六.程序代码编程规范

一个良好的程序编码风格有利于系统的维护,代码也易于阅读查错。在此只讨论ASP的编程风格和约定。在ASP中所有变量是弱变量,无需定义就可以直接使用,而且代码不区分大小写。但其他语言一般这些都要定义的,为了养成良好的编程习惯,编写代码务必按照一下规则。

1、每个变量名必须定义,在ASP文件的最开始添加语句,强制定制每个变量。

2、出于易读和一致性的目的,在代码中使用以下变量命名约定:

子类型 前缀 示例

Boolean bln blnFound

Byte byt bytRasterData

Date (Time) dtm dtmStart

Double dbl dblTolerance

Error err errOrderNum

Integer int intQuantity

Long lng lngDistance

Object obj objCurrent

Single sng sngAverage

String str strFirstName

3、程序代码需要有缩进,缩进采用键盘Tab键,不采用空格键。并且”=”或者链接字符串时需要左右空一格,如下:

4、函数过程编写的约定。函数或者过程命名采用动作+名词,每个函数需要给出相应的注释,函数功能,传入变量,以及作者和修改相关信息。如下面函数:

%

'[功能] 返回一个参数的值

'[参数] strParameterName 参数名称

'[作者] icefire 2002/8/20 am

Function GetParameterValue(strParameterName)

Dim objRS, strSQL, strParameterValue

strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" strParameterName "'"

.

.

.

GetParameterValue = strParameterValue

Set objRS = Nothing

End Function

5、ASP内置对象区分大小写。如下代码片断

strUserName = Request.Form(“UserName”)

Set conn = Server.CreateObject("ADODB.Connection")

6、数据库连接一个库只能有一个数据库连接文件,创建数据库对象得原则是尽可能晚地打开数据库,尽可能早地关闭数据库。创建数据库对象调用统一地创建函数。如下:

Sub OpenConn(ByRef conn)

Dim strDBPath, strDBConnection

strDBPath = Server.MapPath("database/tax.mdb")

strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" strDBPath

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open strDBConnnection

End Sub

7、当一个对象不在使用时要释放对象资源,比如objFSO,objRS对象等。采用统一函数调用。函数如下:

Sub CloseObj(ByRef obj)

If IsObject(obj) Then

obj.Close

Set obj = nothing

End If

End Sub

8、时间全部以字符串的形式保存到数据库中,这样做能够是日期在不同的数据库中都能良好地保存,也方便数据库地迁移。时间用14位字符串保存,日期用8位字符串保存。

七.网站首页head区代码规范

head区是指首页HTML代码的head和/head之间的内容。 必须加入的标签

1.公司版权注释

!--- The site is designed by Maketown,Inc 06/2004 ---

2.网页显示字符集

简体中文:META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"

繁体中文:META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"

英 语:META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"

3.网页制作者信息

META name="author" content="webmaster@maketown.com"

4.网站简介

META NAME="DESCRIPTION" CONTENT="本站是一个医疗站点…"

5.搜索关键字

META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"

6.网页的css规范

LINK href="style/style.css" rel="stylesheet" type="text/css"

(参见目录及命名规范)

7.网页标题

titlexxxxxxxxxxxxxxxxxx/title

8.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。

META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

2.禁止浏览器从本地机的缓存中调阅页面内容。

META HTTP-EQUIV="Pragma" CONTENT="no-cache"

3.用来防止别人在框架里调用你的页面。

META HTTP-EQUIV="Window-target" CONTENT="_top"

4.自动跳转。

META HTTP-EQUIV="Refresh" CONTENT="5;URL=" 5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。

META NAME="robots" CONTENT="none"

CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标

link rel = "Shortcut Icon" href="favicon.ico"

所有的javascript的调用尽量采取外部调用.

SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"/SCRIPT

附body标签:

body标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景body bgcolor="#FFFFFF"

八.网站建设尺寸规范

1. 页面标准按800*600分辨率制作,实际尺寸为778*434px

2. 页面长度原则上不超过3屏,宽度不超过1屏

3. 每个标准页面为A4幅面大小,即8.5X11英寸

4. 全尺寸banner为468*60px,半尺寸banner为234*60px,小banner为88*31px

5. 另外120*90,120*60也是小图标的标准尺寸

6. 每个非首页静态页面含图片字节不超过60K,全尺寸banner不超过14K

关于javaweb网站设计报告和javaweb项目设计报告的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。

扫码二维码