青青子衿, 悠悠我心, 但为君故, 沉吟至今
« Facebook的审查制度中国成仅次于美国的第二大iOS应用消费市场 »

Web应用程序的开发步骤

  如今已进入了web2.0高速发展的互联网时代,各种互联网的Web应用程序如雨后春笋般出现。那么作为一名Web开发人员,怎样去开发一款优秀的Web应用程序呢?这个问题没有一个简单的答案,甚至那些教育机构都未必能清楚的知道。所以,像大多数在这个领域里的web开发人员一样,我们只是通过去做,去实验才学会了这些。没有人告诉我们如何去做,我们从给自己做点什么东西开始,学会如何开发web应用程序是在这个过程中的一个副产品。这是学习任何语言的一个非常有效的方法。

  Web应用程序与网站之间的区别

  首先,我要说明,开发一个web应用程序跟开发一个网站是不一样的。虽然在总体上有很大相似之处,但开发它们所需要的时间有巨大的差别。那究竟web应用程序和网站有什么不同呢?通常,维基百科能帮助我们解释这个问题,让我们来看看维基百科是如何定义应用软件的:

  应用软件,通常也被称作应用,指的是专门为帮助用户去执行一个或多个相关特定任务而设计的计算机软件。企业软件,会计软件,办公套件,绘图软件,媒体播放器等都属于这种软件。

  跟应用软件相对照的是系统软件和中间件,它们管理计算机效能,管理如何跟计算机集成,但通常这些工作并不会直接反映到使用户受益的任务执行上。举个例子,一个不是很恰当的实体类比,应用软件跟系统软件之间的关系就好比一个电灯泡和一个发电厂之间的关系,发电厂(系统软件)只是产生电能,它自己没有任何真正的用途,除非利用一个电灯泡这样的应用工具才能为用户提供服务。

  Web应用程序的开发过程

  现在特征已经弄清楚了,我们就可以开始定义开发一个web应用程序的整个过程了。当然,这依赖于工程的大小,过程中的某些步骤可能很小,在你的脑海里就能完成这种工作,但把事情整个的了解一下总是有好处的。同时还有一点很重要的你要明白,这篇文章并不会对每个步骤进行深层次的描述。

  步骤一:分析

  开发一个web应用的第一步是分析你的需求。你此时应该定义出一个尽量周全的你的应用应该提供的功能清单。如果是你为一个客户做这些工作,你需要明白他们想要什么(要确保你们对方都知道对方在说些什么)。从你们的讨论中,你能总结出需求和软件规格。你即使是为自己开发,我也建议你把希望这个web应用能够做的功能写下来。

  步骤二:设计

  一旦你弄清楚了这个web应用需要做哪些事情,你就可以开始设计了。这个步骤通常会反反复复进行很多次,每一次都把设计细化一些。你第一要做的是画出页面流程图(画在纸上,或使用软件工具,凭各自所好吧。我喜欢用纸,这样我可以做更快速的改变)。页面流程图通常是很抽象的黑白绘画,画出你将要实现的web应用的样子(你可以加一些色彩,但尽量保持简单)。

开发

  这个步骤能够让你知道你的应用最终会是个什么样子。跟37signals倡导的相反,我建议使用一些词语描述,适度细化。当我想到一个很好的想法时,或想到事情该如何做时,我会把它标注到纸上(例如,当点击这个按钮时应该使另外一个元素改变或隐藏,我会把这写在流程图上)。

  当你对做出的草图满意后,你可以开始制作实体模型了。
实体模型仍然是些图案,但有色彩和细节。最终的实体模型看起来应该像你将要实现的web应用的一个截屏图。如果你为一个客户开发,他会看看这些东西,并给你他的认可。然而,很多人都喜欢跳过这一步(大多数都是非设计人员),他们喜欢直接奔向网页原型。

  原型是用HTML开发出来,使用CSS渲染(有时也是有Javascript)。页面布局要做出来,链接能够点,颜色,字体,字体大小要设定好(如果你做了实体模型,这个会很容易)。这一步非常的重要,因为这里所有的东西都能用于你最终的应用中。如果允许的话,在你的原型上做一些可用性测试,从长期的效果来看,这能使你避免大量的失误。

  在这个步骤的最后,你基本上就知道了你的web应用是如何组织到一起的了。登录页面有些什么,用户如何从主页转向到各个页面。

  步骤三:实现 选择一个框架

  现在我们已经知道了要去开发什么东西,那就要把它做出来。这一部分的工作很多,你大部分的时间都要花在这个上面。你第一个要做的决定是如何着手,采用什么样的技术,什么框架。你有很多选择的余地,你需要选出一个适合你的。下面是一个最常用的框架的列表:

  • ASP.NET
  • PHP 上的任何一个流程的框架
  • Python with Django
  • Ruby on Rails

  没有一个明确的标准说哪个框架最好。它们都各有不同,每个都有自己的长处。最重要的是你要知道它们任何一个都能让你开发出好用的web应用。

  开发

  一旦你知道了如何去开发,那就要甩开臂膀开干了。这个开发工作可以看作有很多块,但说到底,这都是标准的编程活动了。在后台,你要创建类,对象,服务,过程,以及持久层来把这些对象保存到数据库中。后台是整个应用的核心,对任何应用来说,它跟普通的编程没有什么区别。接着是前台的开发,你现在编写的代码才是真正给用户使用的操作界面。你把后台的程序和原型界面集成到一起,把系统各部分集成到一起。你还可以把你在开发过程中想到的一些很炫的小功能用JavaScript实现。

  再说一次,有很多种途径可以实现后台程序。建议你去读一读跟你选择的框架相关的资料,弄清楚如何实现这一部分的工作。通常,这些知识会跟面向对象编程有关,但有些框架正在慢慢的向领域驱动设计发展。

  步骤四:打磨抛光

  现在应用程序已经开发出来,各个独立的模块也集成到了一起。你需要通过测试来确保你在步骤一中定义的需求和软件规格是否被实现(这个问题在你开发的整个过程中都要记在脑中)。你要确保那些愚蠢的用户不能通过试图做一些你还没有实现的操作而把你的应用弄坏(参考白盒和黑盒测试)。你同时还要确保你的程序能够在各种浏览器里(希望不是IE6)都能正确的运行。

  现在也是你做一些小的调整,改进你的应用程序给人的感觉的时候,让它趋于完美。

  步骤五:发布和后续工作

  这最后一步(但不是就此完结)是发布你的应用,让用户能够真正使用它(如果这个应用是个公众开发的应用,别忘了做新闻宣传)。如果你愿意,先发布一个Beta版,这样只有一小部分用户能够发现你的应用里的大问题(因为你的程序里肯定会有bug),他们会帮助你改进程序的质量。不要忙着增加功能,要专注于把你目前的程序变的稳固。

  当经过了beta阶段,你的程序已经变得十分的稳固,听取用户反馈的意见,自己试用一下自己的应用,你可以开始思考如何使应用变的更好。找出不和谐的地方,消除掉。以后每次的迭代都要经过上面所说的五个步骤,但就像我最初说的,你现在已经有了一个可以运行的应用程序,你很容易直接在心里完成这些步骤,直接奔向在代码里测试你的功能。

  恭喜,你已经自豪的成为一个web应用程序的作者了。

  英文原文:How to develop web applications

  中文翻译:晨露博客,原文链接



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/2710.html
  • 文章排行:
  • 1.phoetry
  • 前排~
    岂止web应用程序, 其它大多数项目也是差不多的流程嘛
  • 2011/6/22 21:16:58   支持(15)反对(7) 回复
  • 2.知蚁博客
  • 现在访问都需要先输入验证码了,很不方便啊
  • 2011/6/22 18:01:47   支持(13)反对(7) 回复
  • 3.季远
  • 哈哈哈 前排前排 不容易啊 先顶再看
  • 2011/6/22 21:04:55   支持(9)反对(4) 回复
  • 4.白领职场
  • 现在WEB开发基本都用PHP了吧。
  • 2011/6/22 23:42:38   支持(15)反对(11) 回复
  • 5.凡奇vanky
  • 其实你可以直接概括为
    1、分析需求2、设计3、开发(写代码)4、发布
    没一点实用性
  • 2014/6/2 16:40:07   支持(6)反对(2) 回复
  • 6.leaf
  • 怎么回事呀!!!还显示乱码!!
  • 2011/6/23 23:00:54   支持(8)反对(5) 回复
  • 7.gnahz
  • 黑客攻击不依不饶啊,昨天上不来,今天要验证码了。
  • 2011/6/23 10:17:00   支持(11)反对(9) 回复
  • 12.繁体字网
  • 看来新闻来看看月光,支持月光。——归一
  • 2011/6/22 23:37:11   支持(13)反对(13) 回复
  • 13.Anderson
  • Thanks for such a good post. In the frameworks that listed ” Here’s a list of the most common frameworks:
    ASP.NET
    PHP with any of the most popular frameworks
    Python with Django
    Ruby on Rails”
    I’m surprised that there isn’t any Java frameworks in the list. is Java really that old?
    bant 于 2011-6-25 20:13:32 回复
    also think so.
    我第一次看同样奇怪java怎么就没有呢。
  • 2011/6/23 11:53:18   支持(10)反对(10) 回复
  • 14.撼动视觉
  • 这几天没来月光,月光现在也有麻烦了。我看了下流量,影响很大呀!流量大幅下降...
  • 2011/6/23 13:27:50   支持(8)反对(8) 回复
  • 15.wordyoung
  • web2.0已过去时了,就当初都在为用html5发愁时,现在火爆的不行,国内前端公司切图网(yidong.qietu.c om),合作的项目中有很多,用html5工具,但我们不能止步于前,现在的前端技术推新速度而言,要想做好长久的合格前端人员,就得不停的学习
  • 2015/9/11 17:55:26   支持(3)反对(3) 回复
  • 16.1465961889324
  • hello ,
    楼主,你的applications用法不对吧,Beikao帝(Http://Www.Beikaodi.Com/word/applications.html)中的例句好像不是你这么用的
    time:11:38:09 AM
  • 2016/6/15 11:39:37   支持(0)反对(0) 回复
  • 17.1465981728416
  • hello ,
    楼主,你的applications用法不对吧,Beikao帝(Http://Www.Beikaodi.Com/word/applications.html)中的例句好像不是你这么用的
    time:5:08:48 PM
  • 2016/6/15 17:10:16   支持(0)反对(0) 回复
  • 21.晨露博客
  • 呵呵,月光把批驳黑客就是流氓的那篇文章删除了呀。。。
    francis 于 2011-6-26 10:54:31 回复
    哈,看似好多人都是来围观那篇的啊~
  • 2011/6/23 15:31:50   支持(11)反对(13) 回复
  • 23.大雄
  • 宏观上介绍让人从全局中有个整体把握。
  • 2011/6/22 17:55:03   支持(7)反对(10) 回复
  • 25.阿川
  • 肯定要先做调查,心里才有底嘛
  • 2011/6/23 9:19:13   支持(9)反对(12) 回复
  • 28.logos
  • 说了半天还是没说清网站和web应用的区别
  • 2012/4/27 19:15:31   支持(10)反对(13) 回复
  • 29.成都日语暑假班
  • 太牛了 光光开发过没有?
  • 2011/6/22 18:02:49   支持(6)反对(10) 回复
  • 30.ssggfish
  • 现在都要输入验证码才能进来了啊... 不方便啊
  • 2011/6/23 12:15:09   支持(7)反对(11) 回复
  • 32.yilee
  • 怎么进主页还要验证码..第一次看到...
  • 2011/6/22 21:38:45   支持(9)反对(14) 回复
  • 34.低调VS飞翔
  • 负面文章也删除了,其实我想说,月光你的评论的确有点...
  • 2011/6/23 13:55:19   支持(7)反对(13) 回复
  • 35.欣宇超声波高周波
  • 没底了呀....黑客无处不在.
  • 2011/6/23 11:43:35   支持(5)反对(17) 回复
  • 36.乾元轩
  • 不会开发,但追求优秀的web应用程序
  • 2011/6/23 11:53:37   支持(9)反对(21) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.