威客理论的提出基于其创始人刘锋发现的三个基石：发现电子公告牌功能分离现象；确认互联网知识价值化时代的到来、互联网是人类大脑的联网而不是仅仅为机器的联网。

1、电子公告牌功能分离现象的发现

　2005年6月威客（witkey）理论第一次被刘锋提出时，一个重要的理论基础就是发现了互联网发展历史上电子公告牌（BBS）功能分离的现象：从20世纪80年代初互联网电子公告牌出现以来，其功能不断分离出去，形成了独立的互联网应用，他们分别是：

　1）新闻类网站，起源于在电子公告牌发布新闻地功能。

　2)电子商务类网站，起源于在电子公告牌发布商品买卖信息地功能，它后来与互联网在线支付系统，物流系统进行了结合，

　3)博客类网站，起源于在电子公告牌中发布个人感想和可共享专业知识的功能。电子公告牌以时间为顺序聚合这些信息，博客以用户为单位聚合这些信息。

　4)智力互动问答类网站（威客），起源于在电子公告牌中发布科学，技术，工作，生活，学习中问题的功能，人们通过互联网寻求问题的解决方案或能够解决问题的人。

　5)热点点评类网站（DIGG)，起源于在电子公告牌中对热点现象进行点评和讨论的功能。。

　6)维基类网站，起源于电子公告牌的信息内容修改功能，通常电子公告牌的信息只有其发布者和网站管理员有修改权，维基类网站放开信息内容的修改权，让每个访问者都可以进行修改。

　7)SNS类网站，起源于电子公告牌用户的注册信息汇聚功能，通过聚合注册用户的的个人资料如联系方式，工作性质，工作地点，兴趣爱好等。让有相同爱好者能够通过互联网找到对方。

　8)换客类网站，起源于在电子公告牌中用户相互交换物品和服务的功能，换客类网站的运营不需要第三方支付手段的介入，

　9) 搜索引擎，起源于电子公告牌的数据和信息索引功能，20世纪80年代WEB技术地发明，使能够聚合众多电子公告牌数据和信息的索引技术最终发展为搜索引擎。

2. 互联网知识价值化时代的到来

　 信息免费共享是促使互联网蓬勃发展的重要因素，例如，维客wiki以人的自我价值体现为动力，把人类已有的杂乱信息结构化形成可免费共享的知识，搜索引擎对互联网中的信息和数据进行索引，人们可以免费使用其搜索功能，新闻类，电子商务，博客类网站为互联网源源不断的提供免费信息。是从知识管理的角度看，知识的产生本身是要花费大量的时间和经济成本的，完全免费的知识共享不符合经济学的规律和理性人的假设。这种情况最终会阻碍互联网的发展，导致共享知识的质量由于个人保护自己核心能力的原因到了某个高点就很难再提升。

　　威客理论认为互联网上的知识（各种文章，资料，回答问题的答案等）都具有或多或少的经济价值，应该可以作为商品出售。它符合经济学的价值规律并是互联网走出困境的一种途径。另外，随着互联网支付手段的逐步完善，通过互联网为知识，智慧，能力，经验进行定价就成为可能。因此本文作者认为互联网已经度过了完全免费共享的时代，开始进入互联网的知识价值化时代、知识、智慧、能力、经验通过互联网也具备商业价值的理念将逐步被人接受。在互联网的知识价值化时代、知识、智慧、经验、技能都可以成为商品通过互联网进行交易。这是威客模式理论提出的重要前提和基础。知识的价值化一方面使人们参与到智力互动问答中去，并提供高质量的知识产品，另一方面通过问题的提出和解答，知识，智慧，能力，经验也真正成为商品被交易。从知识管理的角度看，智力问答的知识价值化过程也就是人的隐性知识显性化过程。

3.互联网是人大脑的联网，不仅仅是机器的联网

　　马克思明确指出工具与人相互结合所构成的工艺结构是人类特有的本质结构，是人类其它结构产生和发展的物质基础和推动力。没有连接在互联网末端的人类大脑，互联网将成为无根之木，无源之水。忽略每一个连接在互联网上人类大脑的参与。正是当前互联网面临的一些困境的原因。

   威客理论第一次在世界上提出互联网是人大脑的联网，不仅仅是机器的联网。互联网不但连接了世界各地的机器，它也把地球上各个角落的人联结在一起。机器在某些方面的确超越了人类。但更大范围内人的知识，智慧，能力，经验却是机器无法望其项背的。利用互联网充分调动人的积极性解决各个领域的问题是互联网发展被忽略的另一个方向。

1、可以解决搜索引擎无法创造性的给出答案的问题。

　　人的大脑为一部比目前任何一台超级计算机都强大几千倍以上的设备，互联网的出现从本质上讲是实现人类大脑的联网，创造性的解决问题时人类大脑的优势，互联网的出现又把这种优势成指数倍的扩大。

2、宣告互联网知识价值化时代的到来

　　威客模式产生之前的互联网只是单纯的让用户共享知识和信息，无论是博客还是wiki(维客)等模式的设计还是让互联网用户无偿的提供智力成果，而运行这些模式的网站获得了沉淀下来的知识价值。威客模式提出了知识必须体现价值的观点并不只是指货币价值，也包括自豪感，成就感，但最重要的激励机制还是货币价值，只有通过货币才能让人类有价值的隐性知识表现出来，才能让互联网中无意义的信息大幅度减少。

3、威客模式体现了一种灵活的工作方式。

　　威客模式打破了地域、时间、工作方式的限制，通过互联网把世界各地的工作者放在同一个工作平台中。给劳动者提供公平竞争的互联网环境，为他们带来更多自由工作时间、创意和想法。利用威客模式平台，来自全世界威客可以为企业和个人提供低成本高质量的问题解决方案。

　　4、 提高用户使用互联网的积极性。

  威客模式激励用户提供更有价值的作品。由于互联网用户可以通过威客模式网站利用自己的知识，技能，经验，智慧获取相对应的经济利益。于是他们就会有更高的热情参与到问题的解答中去。同时由于经济利益的驱动，互联网用户也会主动将个人的知识和经验形成文章发布到互联网中供其他人付费查阅。

   从2005年威客第一次在中国科学院研究生院提出以来，目前在中国有超过200家网站认同威客提出的理念，涵盖的范围包括法律，管理咨询，农业，教育，程序和图形设计，科研，体育，医疗，招聘等多个领域。总注册用户超过500万人（对注册用户量前十名进行统计），付费解决问题超过20万条（对认同威客模式的100家网站进行统计）。交易金额超过1000万元人民币（对交易金额最大的五家网站统计）。目前在中国认同威客且具有影响力的网站

　　威客的出现也引起了媒体广泛的关注。包括中国中央电视台，中国日报，人民日报，国际文传电讯，德国明星周刊等数百家国内外媒体对威客进行了报道。2007年， witkey的概念进入中国高考试题，数百万考生因此了解威客。2007年8月，中国教育部将威客列入中国2007年171个新出现的汉语词汇。

　2007年11月18日，首届威客大会在中国北京召开，这次会议由中国科学院虚拟经济与数据科学研究中心主办。有来自互联网，威客网站，新闻媒体等领域的专业人士300多人参加了此次会议，多名互联网专家和威客网站负责人从理论和实践的不同角度对威客进行了探讨。此外在2006到2007年间，赛迪顾问有限责任公司，中国电信研究院等单位也举办了多场会议和沙龙对威客模式进行探讨和研究。

　　2010年11月18日，由国家工信部指导、重庆市政府主办的首届全球威客大会暨威客网站CEO高峰网站在重庆召开。来自全球排名前100名的威客（外包）网站的CEO及国内优秀威客代表出席会议。会上发布的《2010年中国威客行业白皮书》报告：中国现有超过100家威客网站，注册会员超过2000万，整体累积交易金额超过三亿元。最具代表性的为：k68创意产品交易平台、猪八戒威客网、一品威客网。

　　其中，以k68创意产品交易平台的第一代威客网，探索和实践了悬赏任务模式；以猪八戒威客网为代表的第二代威客网，借助整合营销，拓展了威客市场份额，提升了行业的影响力；第三代威客网站则以新生代威客网站一品威客网为代表，其推出全免费威客模式、赏金100%支付中标威客；零首付悬赏、定金悬赏、全额悬赏等多结构类型的悬赏任务模式，对威客平台盈利模式和产品形式进行大胆的探索。

1、简约的系统操作界面

    整个网站的操作界面，界限明晰，人机界面美观，操作极具人性化。

2、完备的系统操作功能

网站开发的宗旨是最简约的操作步骤最完备的操作功能。初一看，这好像很矛盾，但是经过完整的策划编排，系统完全做到了功能无冗余无遗漏，这点也更好的体现了系统的人性化设计。

3、人性化的操作界面

一个网站，能否吸引顾客的经常光顾，界面的美观也显得非常重要。下沙派威客网通过专业美工的精心打造，让网站的设计充分体现软件的时尚、大众化。

4、完善的安全机制：独立的密码校验功能，确保用户和管理员的数据有较好的安全性。

本系统主要是在现有网站程序的基础上，把大量的人工管理信息转变为计算机管理，简化了管理员的工作，提高了管理的效率，同时方便下沙派威客网过程展开和交易。

本系统对数字化信息资源的组织采用数据库。系统的数据库结构是关系数据库SQL Server 2000，前台使用JSP平台开发。信息平台的后台操作采用B/S操作结构以增强系统的安全保密性、系统稳定性和易操作性。JSP是目前最完备的面向对象语言，在未来仍然很有发展前途。SQL Server 2000采用了关系型数据库结构，是一套精简、快速的数据库管理系统，它提供了多人使用的管理模式，并支持标准的SQL语法。同时，.Net平台和SQL Server 2000作为微软公司的产品，具有良好的整和性。系统采用高度集成的模块结构，将所有的模块整合到一个通用的中央数据库中。

2.1.1.1．硬件环境

2.1.1.2．软件环境

操作系统：Windows 2003 Server；

正版软件：Microsoft Office 2003；

Microsoft SQL Server 2000；

Myeclipse,tomcat,jdk；

由于Windows操作系统在国际市场的占有率为95％，在国内市场的占有率为100％，所以我选用的操作系统为安全可靠的Windows 2003 Server；采用的开发工具为Microsoft公司开发的最完备的可视化工具myeclipse ；目前最流行的数据库管理工具是Microsoft  SQL Server 2000，而Microsoft  SQL  Server 2000与Windows操作系统的整合性较好,所以采用SQL Server 2000为本项目的数据库管理工具。

2.3.1.1.系统软件硬件的风险

采用了性能较高的硬件设备，和较稳定的系统软件，网站仍存在一定的因软硬件崩溃而带来的风险。解决办法之一是定期备份数据以降低风险。

2.3.1.2.计划的拖延

网站的开发存在因计划拖延带来的风险。

大学课程中的《数据库原理》，《操作系统知识》，《网络基础》等多门课程为整个课题开发提供了坚实的基础。JSP是一种相对简单的语言，SQL Server也是一种简单的数据库，所以技术难度并不高。

该网站如投入使用，预期作到界面友好，管理方便，使用简单，管理人员经过培训，也是完全能够使用本网站管理网站系统的相关信息的。

本网站所面向的对象是广大的互连网用户。因此，将要采用比较流行的B/S三层结构。

B/S体系结构与C/S体系结构相比不仅具有其全部的优点，而且又有C/S体系结构所不具备的独特优势:

(1)开放的标准：B/S所采用的标准都是开放的、非专用的，是经过标准化组织所确定而非单一厂商所制定，保证了其应用的通用性和跨平台性。

(2)较低的开发和维护成本：B/S的应用只需在客户端安装通用的浏览器即可，维护和升级工作都在服务器端进行，不需对客户端进行任何改变，故而大大降低了开发和维护的成本。

(3)用户使用简单，界面友好：B/S用户的界面都在统一的浏览器上，浏览器易于使用、界面友好，又因为它不再负责数据的存取和复杂数据计算等任务，只需要进行显示，因而大大降低了对客户端的要求。

从以上的分析与比较可以看出，B/S模式具有C/S模式无法替代的优越性:它简化了系统的开发和维护，并且特别适用于网上信息发布。因此，我开发的图书在线浏览系统采用了基于B/S模式的体系结构。

SQL Server 是一个具备完全 Web 支持的数据库产品，提供了对可扩展标记语言 (XML) 的核心支持以及在 Internet 上和防火墙外进行查询的能力，提供了以 Web 标准为基础的扩展数据库编程功能。丰富的 XML 和 Internet 标准支持允许使用内置的存储过程以 XML 格式轻松存储和检索数据。

SQL Server 提供强大的开发工具和各类开发特性，在大大提高开发效率的同时，进一步拓展应用空间，带来新的商业应用机遇。例如，XML数据库与Web Service的支持将使您的应用实现Internet数据互联，.Net集成极大的扩展了开发空间，异构数据集成、Service Broker使您的数据和其它应用无缝集成，各种新数据类型和T-SQL扩展带来了诸多灵活性。C#、VB.Net、XQuery、XMLA、ADO.Net 2.0、SMO、AMO等都将成为SQL Server数据平台上开发数据相关应用的有力工具。

HTML的英文全称是"Hypertext Markup Language",中文译为“超文本标记语言”。“超文本”就是指页面内可以包含图片，联接，甚至音乐，程序等非文字的元素。在几年前作为SGML的一个子集开发的。

一个HTML文件中包含了所有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如哪些文字应放置在何处，显示模式是什么样的等。如果你还有一些图片、动画、声音或是任何其它形式的资源，HTML文件也会告诉浏览器到哪里去查找这些资源，以及这些资源将放置在网页的什么位置。浏览的网页就是由HTML语言编写出来的。虽然HTML是一种语言，但HTML不是程序语言，如 C++ 和 Java 之类，它只是标示语言，你只要明白了各种标记的用法便算学会了HTML.HTML 的格式非常简单，只是由文字及标记组合而成，因此任何文本编辑器都可以制作HTML页面。

在编辑器中输入html代码即可完成对网页的设计，如果在其中加入VB,JAVA等脚本文件以及数据库连接有关的语句指令，便可对已知数据进行查询，从而生成动态网页的一部分。

JavaBean是描述Java的软件组件模型，有点类似于Microsoft的COM组件概念。在Java模型中，通过JavaBean可以无限扩充Java程序的功能，通过JavaBean的组合可以快速的生成新的应用程序。对于程序员来说，最好的一点就是JavaBean可以实现代码的重复利用，另外对于程序的易维护性等等也有很重大的意义。
　　JavaBean通过Java虚拟机(Java Virtual Machine)可以得到正确的执行，运行JavaBean最小的需求是JDK1.1或者以上的版本。
　　JavaBean传统的应用在于可视化的领域，如AWT下的应用。自从Jsp诞生后，JavaBean更多的应用在了非可视化领域，在服务器端应用方面表现出来了越来越强的生命力。在这里我们主要讨论的是非可视化的JavaBean，可视化的JavaBean在市面上有很多Java书籍都有详细的阐述，在这里就不作为重点了。

比如说一个购物车程序，要实现购物车中添加一件汽车这样的功能，就可以写一个购物车操作的JavaBean，建立一个public的AddItem成员方法，前台Jsp文件里面直接调用这个方法来实现。如果后来又考虑添加汽车的时候需要判断库存是否有货物，没有货物不得购买，在这个时候我们就可以直接修改JavaBean的AddItem方法，加入处理语句来实现，这样就完全不用修改前台jsp程序了。
　　当然，也可以把这些处理操作完全写在jsp程序中，不过这样的jsp页面可能就有成百上千行，光看代码就是一个头疼的事情，更不用说修改了。如果您使用过asp开发过程序的话，相信对这就深有体会? 涫凳褂肁SP+COM组件完全可以实现同jsp+javabean同样的架构，但不知道某种原因网上常见的都是全部写在asp页面中，所以使得维护修改等极为不方便，当然这是题外话了)。由此可见，通过JavaBean可以很好地实现逻辑的封装、程序的易于维护等等。

复杂的应用涉及大量的代码，因而把业务逻辑和前端的表示相分离就显得格外重要，这种分离可以让任何一方的变化不会影响到另外一方。所以，所有的JSP代码都应该限制在表示层，可是如果这样的话，你如何实现你的业务逻辑呢？这就是JavaBean所做的事情。JavaBean技术是一个独立于平台的组件模型，它让开发者编写、测试通过一个组件后，可以随处使用，提高了复用性。在JSP技术中，JavaBean实现了业务逻辑部分，它把数据返回给JSP页面，由JSP页面负责格式化数据并输出到客户端的浏览器。

配置tomcat之前需要预先下载几个软件:

1.微软win2000的服务包(可以没有)。

2.java的sdk也叫jdk(java的开发环境)(必须的，前面已经介绍)。

3.tomcat(用做web的服器(必须的)。

然后就要配置java的jdk和tomcat的服务器具体步骤如下:

1. 我的电脑的属性-->高级-->变量环境-->我们需要新建系统变量(一共四个):

(1) 变量名称添入:path    变量值添入:您的jdk的安装目录\bin。

     例如:我的安装目录是c:\sun\j2eesdk1.4_beta2\jdk\bin。

(2) 变量名称添入:classpath    变量值添入(注意引号不填,前面有一个小圆点也必须添,把下面的这些都添到变量植的一行中,并且用分号搁开,见下面,为了方便看我分了很多行写):

您的安装目录\lib\tools.jar；

您的安装目录\dt.jar；

您的安装目录\bin；

您tomcat的安装目录\common\classes；

您tomcat的安装目录\common\lib；

您tomcat的安装目录\common\lib\servlet-api.jar；

(3)变量名添入java_home,值添如您的安装目录例如我的安装目录是:c:\sun\j2eesdk1.4_beta2\jdk。

(4) 变量名添入TOMCAT_HOME(注意,大小写都可以的),值添入您tomcat的安装目录 例如我的安装目录是c:\tomcat\jakarta-tomcat-5.0.14。

2. 配置tomcat的执行文件(.bat): 先进入tomcat的安装目录,找bin文件夹,进入bin 然后在找startup.bat文件,注意,有些版本可能名字不一样,但是名字前总是startup, 单击右键-->编辑.打开了这个文本,然后寻找start字母,一般在最后,我们只需在start字母后面添加:

         SET TOMCAT_HOME=您tomcat的安装目录；

  SET JAVA_HOME=您的jdk安装(例如我的是:c:\sun\j2eesdk1.4_beta2\jdk)；

  SET CLASSPATH=您jdk的安装目录\dt.jar；

  SET CLASSPATH=您的tomcat的安装目录\common\lib\servlet-api.jar；

这一步的主要目的是为了,在执行.jsp文件是,tomcat 服务器能够自动找到一些java的环境以及类环境等等...好了,第一步和第二步我们完成了,对系统环境变量的配置,和对tomcat的配置,接下来还有一个问题,那就是设置虚拟目录的问题,为什么要设置虚拟目录？因为当在浏览器上打入一个地址的时候,和文件的实际所在的目录是不一样的.所以必须进行设置,虚拟目录才会按照我们的设置去自动寻找实际的目录。

配置虚拟目录主要就是对tomcat跟目录下的conf文件夹中的server.xml文件进行配置,进入后，以文本方式打开这个.xml文件,(方法是:选中该文件,然后按住shift再点右键,寻找打开方式,我们以文本方式打开.就可以了,您可以使用记事本的查找功能,(在编辑菜单下)查找</host> 在这个</host>前添加这样的代码(path就是虚拟目录,而docbase就是实际的物理目录了):

<Context path=/yuan docBase=D:\yuan debug=0 reloadable=true crossContext=true></Context>

了解用户要求。此用户即为网站的使用人员（管理员，注册用户）。了解他们在网站功能、性能等方面的要求及用户在硬件配置、开发周期处理方式等方面的意向与打算。把用户要求成文，完成网站分析报告。网站的逻辑模型由一系列的图表和文字组成。在逻辑上描述了系统的目标和所具备的功能于性能。

1. 描述网站。在详细调查的基础上，用一定的图标、文字描述;
2. 分析用户新的要求，改进现行模型，形成新系统的逻辑模型。
3. 编写系统分析说明书。

下沙派威客网从二种用户角度进行功能划分。

1、注册用户部分：1.1：查看威客在线,及新闻公告；

                     1.2：发布留言信息；

                     1.3：查看成交记录信息；

                     1.4填写用户注册

3、管理员部分：3.1：编辑系统用户信息；

3.2：编辑所有任务管理,成交记录管理等；

3.3: 管理留言信息

3.4：数据备份。

1：查看网站流程：查看与网站有关的流程信息，及相关的新闻公告。

2：发布网站留言信息：根据系统提示，发布网站的留言信息。

  3：查看已发布的信息：以列表的形式查看已发布信息。

4：发布威客在线信息：根据系统提示，发布网站的留言信息。

5：查看网站成交记录：根据系统提示，查看成交记录信息。

1：编辑系统用户信息：添加、编辑用户信息，包括发布者和管理员，以列表的形式显示；

2：编辑网站留言信息：以列表的形式显示网站留言信息，并可对其进行删除等编辑操作；

3：数据备份：不定期进行系统数据备份，以防万一。

在概念设计阶段中，从用户的角度看待数据及处理要求和约束，产生一个反映用户观点的概念模式。然后再把概念模式转换成逻辑模式。将概念设计从设计过程中独立开来，使各阶段的任务相对单一化，设计复杂程度大大降低，不受特定DBMS的限制。利用ER方法进行数据库的概念设计，可分成三步进行：首先设计局部ER模式，然后把各局部ER模式综合成一个全局模式，最后对全局ER模式进行优化，得到最终的模式，即概念模式。

3.5.1.1 设计局部ER模式
 1实体和属性的定义：

1）管理员用户类别（用户名，密码，权限，注册时间等）

2）注册用户类别（用户名，密码，电话，身份证，注册时间等）

3）网站留言（名称，类别，添加时间，发布人，发布人姓名，是否主帖）    

2 实体关系定义：

ER模型的“联系”用于刻画实体之间的关联。一种完整的方式是对局部结构中任意两个实体类型，依据需求分析的结果，考察局部结构中任意两个实体类型之间是否存在联系。若有联系，进一步确定是1:1、1:N、M:N的关系。还要考察一个实体类型内部是否存在联系，两个实体类型之间是否存在联系，多个实体类型之间是否存在联系，等等针对本网站分析如下：

实体间的关系：
① 一个注册可以参与多个网站，而一网站可以接受多个注册。

② 一个网站过程一次只能产生一个网站记录，而一个网站记录只属于一个网站过程

3.5.1.2设计全局ER模式
   所有局部ER模式都设计好了后，接下来就是把它们综合成单一的全局概念结构。全局概念结构不仅要支持所有局部ER模式，而且必须合理地表示一个完整、一致的数据库概念结构。

1) 确定公共实体类型
   为了给多个局部ER模式的合并提供开始合并的基础，首先要确定各局部结构中的公共实体类型。在这一步中我们仅根据实体类型名和键来认定公共实体类型。一般把同名实体类型作为公共实体类型的一类候选，把具有相同键的实体类型作为公共实体类型的另一类候选。
2) 局部ER模式的合并
   合并的原则是：首先进行两两合并；先合并那些现实世界中有联系的局部结构；合并从公共实体类型开始，最后再加入独立的局部结构。
3) 消除冲突
   冲突分为三类：属性冲突、结构冲突、命名冲突。
   设计全局ER模式的目的不在于把若干局部ER模式形式上合并为一个ER模式，而在于消除冲突，使之成为能够被所有用户共同理解和接受的同一的概念模型。
4) 全局ER模式的优化
   在得到全局ER模式后，为了提高数据库系统的效率，还应进一步依据处理需求对ER模式进行优化。一个好的全局ER模式，除能准确、全面地反映用户功能需求外，还应满足下列条件：实体类型的个数要尽可能的少；实体类型所含属性个数尽可能少；实体类型间联系无冗余

下沙派威客网的全局ER模式如图所示：

4 总体设计

网站总体功能表

    非功能性需求针对整个系统进行。

用户界面需求表

表4-1-8 软硬件环境需求表

表4-1-9 产品质量需求表

下沙派威客网数据库

说明：1:!表示主键，$表示索引，N表示非空值

      2:以下只是网站的重要数据表，次要重略。

5.1.1系统首页（网站首页index.jsp）

5.1.2 下沙派威客网首页界面说明

此页面为网站首页，上面的导航栏有用户管理，站内新闻，留言板，威客在线，成交记录，后台管理等功能。下面还有系统公告，友情链接等。

首页中拥有一个用户登录窗口，在其相应输入框中填定正确内容并选择正确的身份后，方可登录系统。其他区块与一般网站无异，只是较简洁，操作方面也是力求简约，故不一一说明

实现本模块的主要代码如下所示：  

</tr><tr><td height="145"><table id="__01" width="684" height="145" border="0" cellpadding="0" cellspacing="0"><tr><td width="684" height="39" background="qtimages/index_04_02_03_01.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="22%" height="20" align="center" valign="bottom" class="STYLE1">最新任务</td><td width="78%">&nbsp;</td></tr></table></td></tr><tr><td width="684" height="106"><table width="100%" border="1" align="center" cellpadding="3" cellspacing="1" bordercolor="#F8C878" style="border-collapse:collapse"><tr><td width="45" align="center" bgcolor="#F8F8C8">序号</td><td width="86" bgcolor='#F8F8C8'>任务名称</td><td width="50" bgcolor='#F8F8C8'>类别</td><td width="105" bgcolor='#F8F8C8'>完成时限</td><td width="86" bgcolor='#F8F8C8'>支付报酬</td><td width="100" align="center" bgcolor="#F8F8C8">发布人</td><td width="146" align="center" bgcolor="#F8F8C8">发布时间</td></tr><%sql="";sql="select * from faburenwu where 1=1";if(request.getParameter("bianhao")=="" ||request.getParameter("bianhao")==null ){}else{sql=sql+" and bianhao like '%"+new String(request.getParameter("bianhao").getBytes("8859_1"))+"%'";}if(request.getParameter("mingcheng")=="" ||request.getParameter("mingcheng")==null ){}else{sql=sql+" and mingcheng like '%"+new String(request.getParameter("mingcheng").getBytes("8859_1"))+"%'";}sql=sql+" order by id desc";RS_result=connDbBean.executeQuery(sql);String renwumingcheng="";String leibie="";String renwujianjie="";String fujian="";String wanchengshixian="";String zhifubaochou="";String faburen="";i=0;while(RS_result.next()){i=i+1;id=RS_result.getString("id");renwumingcheng=RS_result.getString("renwumingcheng");leibie=RS_result.getString("leibie");renwujianjie=RS_result.getString("renwujianjie");fujian=RS_result.getString("fujian");wanchengshixian=RS_result.getString("wanchengshixian");zhifubaochou=RS_result.getString("zhifubaochou");addtime=RS_result.getString("addtime"); faburen=RS_result.getString("faburen");%><tr><td width="45" align="center"><%=i %></td><td><%=renwumingcheng %></td><td><%=leibie %></td><td><%=wanchengshixian %></td><td><%=zhifubaochou %></td><td width="100" align="center"><%=faburen %></td><td width="146" align="center"><%=addtime %></td></tr><%}%></table></td></tr></table></td></tr><tr><td height="185"><table id="__01" width="684" height="145" border="0" cellpadding="0" cellspacing="0"><tr><td width="684" height="39" background="qtimages/index_04_02_03_01.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="22%" height="20" align="center" valign="bottom" class="STYLE1">系统简介</td><td width="78%">&nbsp;</td></tr></table></td></tr><tr><td width="684" height="106"><p>&nbsp;&nbsp;&nbsp;&nbsp;</p></td></tr>

5.2.1站内新闻操作界面

此页面为站内新闻，可随时了解最新的新闻，双击可查看详细内容，实现本模块的主要代码如下所示：
      

<td width="19%" align="center" valign="bottom" class="STYLE1">内容详细</td><td width="81%">&nbsp;</td></tr></table></td></tr><tr><td valign="top"><table width="99%"  border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><%String sql="select * from xinwentongzhi where id="+id;String biaoti="";String leibie="";String neirong="";String tianjiaren="";ResultSet RS_result=connDbBean.executeQuery(sql);while(RS_result.next()){biaoti=RS_result.getString("biaoti");leibie=RS_result.getString("leibie");neirong=RS_result.getString("neirong");tianjiaren=RS_result.getString("tianjiaren");%><table width="96%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#F8C878" style="border-collapse:collapse"><tr><td height="46" align="center"><span class="STYLE3"><span class="STYLE1"><%=biaoti %></span></span></td></tr><tr><td height="110" align="left"><%=neirong %></td></tr><tr><td align="right"><input type="button" name="Submit5" value="返回" onClick="javascript:history.back();"></td></tr></table><table width="98%" border="0" cellspacing="0" cellpadding="0"><tr>

5.2.2系统主操作界面说明

下沙派威客网的发布操作界面，注册用户需要注册才能进入此页面。界面右边是呈信息列表的形式让用户输入正确的网站品信息，以读入系统数据库。

在本网站系统，注册用户。用户既可以在系统中发布威客在线，也可以参与他人的留言活动。

5.3.1 威客在线操作界面

5.3.2威客在线说明

    该界面的功能是让注册用户进行发布威客的相关操作，并形成成交记录载入数据库相应的表。注册用户点详细看到图5-3-2威客在线界面,还可下载文件,如图5-3-3威客在线界面.

实现本模块的主要代码如下所示：

<title>发布任务</title><LINK href="CSS.css" type=text/css rel=stylesheet><script language="javascript" src="js/Calendar.js"></script><script type="text/javascript" src="js/popup.js"></script><script type="text/javascript">function up(tt){var pop=new Popup({ contentType:1,isReloadOnClose:false,width:300,height:50});pop.setContent("contentUrl","upload.jsp?Result="+tt);pop.setContent("title","文件上传");pop.build();pop.show();}</script></head><script language="javascript">function check(){if(document.form1.renwumingcheng.value==""){alert("请输入任务名称");document.form1.renwumingcheng.focus();return false;}if(document.form1.wanchengshixian.value==""){alert("请输入完成时限");document.form1.wanchengshixian.focus();return false;}if(document.form1.zhifubaochou.value==""){alert("请输入支付报酬");document.form1.zhifubaochou.focus();return false;}}function gow(){document.location.href="faburenwu_add.jsp?jihuabifffanhao="+document.form1.jihuabifffanhao.value;}</script><body ><form name="form1" id="form1" method="post" action="faburenwu_add_post.jsp">添加发布任务:<br><br><table width="100%" border="1" align="center" cellpadding="3" cellspacing="1" bordercolor="#00FFFF" style="border-collapse:collapse">    <tr><td>任务名称：</td><td><input name='renwumingcheng' type='text' id='renwumingcheng' value='' size='50' />&nbsp;*</td></tr><tr><td>类别：</td><td><select name='leibie' id='leibie'><option value="网站类">网站类</option><option value="软件类">软件类</option><option value="图文类">图文类</option><option value="其他类">其他类</option></select></td></tr><tr><td>任务简介：</td><td><textarea name='renwujianjie' cols='50' rows='5' id='renwujianjie'></textarea></td></tr><tr><td>附件：</td><td><input name='fujian' type='text' id='fujian' size='50' value='' />&nbsp;<input type='button' value='上传' onClick="up('fujian')"/></td></tr><tr><td>完成时限：</td><td><input name='wanchengshixian' type='text' id='wanchengshixian' value='' readonly='readonly' onClick="getDate(document.form1.wanchengshixian,'2')" need='1' />&nbsp;*</td></tr><tr><td>支付报酬：</td><td><input name='zhifubaochou' type='text' id='zhifubaochou' value='' />&nbsp;*</td></tr><tr><td>发布人：</td><td><input name="faburen" type="text" id="faburen" value="<%=request.getSession().getAttribute("username")%>"></td></tr><tr><td>&nbsp;</td><td><input type="submit" name="Submit" value="提交" onClick="return check();" /><input type="reset" name="Submit2" value="重置" /></td></tr>

5.4.1系统后台登录界面

5.4.2系统后台登录界面说明

 此页面要求系统管理员输入正确的用户名和密码，在核对无误后放行，若其中有数据不符则认为是非法用户而拒之于门外。实现本模块的主要代码如下所示：

title>用户登录</title><style type="text/css"><!--body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow:hidden;}.STYLE1 {font-size: 12px;color: #a1c8c6;}.STYLE4 {color: #FFFFFF; font-size: 12px; }.STYLE5 {   color: #72AC27;font-size: 26pt;}--></style><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"><tr><td bgcolor="035551">&nbsp;</td></tr><tr><td height="311" background="images/login_03.gif"><table width="758" border="0" align="center" cellpadding="0" cellspacing="0"><tr><td height="210" background="images/login1.jpg"><table width="100%" height="190" border="0" cellpadding="0" cellspacing="0"><tr><td width="38%" height="98">&nbsp;</td><td width="62%">&nbsp;</td></tr><tr><td>&nbsp;</td><td><table width="93%" height="51" border="0" align="left"><tr><td><div style="font-family:宋体; color:#FFFFFF; filter:Glow(Color=#000000,Strength=2); WIDTH: 100%; FONT-WEIGHT: bold; FONT-SIZE: 19pt; margin-top:5pt"><div align="center" class="STYLE5">下沙派威客网</div></div></td></tr></table></td></tr></table></td></tr><tr><td height="101"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="446" height="101" background="img/login_06.gif">&nbsp;</td><td width="156"><table width="100%" border="0" cellspacing="0" cellpadding="0"><form name="form1" method="post" action="adminyanzheng.jsp"><tr><td width="29%" height="22"><span class="STYLE4">用户名</span></td><td width="71" height="22"><input name="username" type="text" id="username" style="width:100px; height:16px; border:solid 1px #000000; color:#666666"></td></tr><tr><td height="22"><span class="STYLE4">密&nbsp;&nbsp;码</span></td><td height="22"><input name="pwd" type="password" id="pwd" style="width:100px; height:16px; border:solid 1px #000000; color:#666666"></td></tr><tr style="display:none"><td height="22"><span class="STYLE4">权&nbsp;&nbsp;限</span></td><td height="22"><select name="cx" id="cx"><option value="管理员">管理员</option><option value="评审专家">评审专家</option><option value="教师">教师</option></select><input name="login" type="hidden" id="login" value="1"></td></tr><tr><td height="25">&nbsp;</td><td height="25"><input type="submit" name="Submit" value="登陆"><input type="reset" name="Submit2" value="重置"></td></tr></form></table></td><td width="156" background="images/login_09.gif">&nbsp;</td></tr></table></td></tr></table></td></tr><tr><td bgcolor="1f7d78">&nbsp;</td></tr><tr><td bgcolor="1f7d78"><div align="center"><span class="STYLE1">-- 下沙派威客网 CopyRight 2020 --</span></div></td></tr></table>

5.5.1人机界面

1）后台首页：

实现本模块的主要代码如下所示：

<%@ page language="java"  pageEncoding="gb2312"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>下沙派威客网</title></head><frameset rows="90,*,30" cols="*" framespacing="0" frameborder="no" border="0"><frame src="top.jsp" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /><frame src="center.jsp" name="mainFrame" id="mainFrame" /><frame src="down.jsp" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" /></frameset><noframes><body></body></noframes></html>

2）站内新闻

实现本模块的主要代码如下所示：

lb="站内新闻";}%><script language="javascript">function check(){if(document.form1.yonghuming.value==""){alert("请输入用户名");document.form1.yonghuming.focus();return false;}if(document.form1.mima.value==""){alert("请输入密码");document.form1.mima.focus();return false;}if(document.form1.gongsimingcheng.value==""){alert("请输入公司名称");document.form1.gongsimingcheng.focus();return false;}if(document.form1.dianhua.value==""){alert("请输入电话");document.form1.dianhua.focus();return false;}if(document.form1.xingye.value==""){alert("请输入行业");document.form1.xingye.focus();return false;}}function gow(){document.location.href="gongsi_add.jsp?jihuabifffanhao="+document.form1.jihuabifffanhao.value;}</script><body ><table width="942" height="1023" border="0" align="center" cellpadding="0" cellspacing="0" id="__01"><tr><td width="942" height="32" background="qtimages/index_01.gif"><%@ include file="qttop.jsp"%></td></tr><tr>

3）注册管理

实现本模块的主要代码如下所示：
 

<title>用户注册</title><LINK href="CSS.css" type=text/cssrel=stylesheet></head><body ><p>已有用户注册列表：</p><form name="form1" id="form1" method="post" action="">搜索:用户名:<input name="bianhao" type="text" id="bianhao" />姓名<input name="mingcheng" type="text" id="mingcheng" /><input type="submit" name="Submit" value="查找" /></form><table width="100%" border="1" align="center" cellpadding="3" cellspacing="1" bordercolor="00FFFF" style="border-collapse:collapse"> <tr><td width="30" align="center" bgcolor="CCFFFF">序号</td><td bgcolor='#CCFFFF'>用户名</td><td bgcolor='#CCFFFF'>密码</td><td bgcolor='#CCFFFF'>姓名</td><td bgcolor='#CCFFFF'>性别</td><td bgcolor='#CCFFFF'>电话</td><td bgcolor='#CCFFFF'>QQ</td><td bgcolor='#CCFFFF'>邮箱</td><td bgcolor='#CCFFFF'>出生年月</td><td bgcolor='#CCFFFF'>头像</td><td bgcolor='#CCFFFF'>地址</td><td width="138" align="center" bgcolor="CCFFFF">级别</td><td width="138" align="center" bgcolor="CCFFFF">添加时间</td><td width="60" align="center" bgcolor="CCFFFF">操作</td></tr>

4）成交记录管理

实现本模块的主要代码如下所示：

 <title>发布任务</title><LINK href="CSS.css" type=text/cssrel=stylesheet></head><body ><p>所有交易记录：</p><form name="form1" id="form1" method="post" action="">搜索:任务名称:<input name="bianhao" type="text" id="bianhao" />类别<input name="mingcheng" type="text" id="mingcheng" /><input type="submit" name="Submit" value="查找" /></form><table width="100%" border="1" align="center" cellpadding="3" cellspacing="1" bordercolor="00FFFF" style="border-collapse:collapse"> <tr><td width="30" align="center" bgcolor="CCFFFF">序号</td><td bgcolor='#CCFFFF'>任务名称</td><td bgcolor='#CCFFFF'>类别</td><td bgcolor='#CCFFFF'>完成时限</td><td bgcolor='#CCFFFF'>支付报酬</td><td width="138" align="center" bgcolor="CCFFFF">发布人</td><td width="138" align="center" bgcolor="CCFFFF">接受时间</td><td width="60" align="center" bgcolor="CCFFFF">接受人</td><td width="60" align="center" bgcolor="CCFFFF">对方同意</td><td width="60" align="center" bgcolor="CCFFFF">操作</td></tr>

5.5.2系统后台界面说明

在此系列页面中，管理员可对所有用户的信息进行增加、编辑、删除等操作，添加用户时需要填写的资料不太多，而编辑页面则是以详细列表的形式展开，一目了然。

系统测试不是为了表明程序是正确的，因为如果是这样，就会设计一些不易暴露错误的测试方案，也不会主动去检测、排除程序中可能存在的一些隐患。对于测试目的，G.J.Myers给除了以下的观点：

（1）测试是为了发现程序中的错误而执行程序的过程。

（2）好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案。

（3）成功的测试是发现了至今为止尚未发现的错误的测试。

根据系统测试目的并结合面向对象方法，我们给出了如下系统测试方案：

（1）尽早的、不断的进行系统测试。我们知道，错误发现的越早，改正它所付出的代价也就越小。由于错误的发生往往是不可避免的，因此我们的系统测试贯穿于整个开发过程中，而不是把系统测试仅仅看作是软件开发的一个独立阶段。

（2）设计测试用例时，给出测试的预期结果。一个测试用例由两部分组成：测试用的输入数据和该输入数据所期望的程序运行结果。这样测试时才能有一个判断标准，利用输入数据得出测试数据并和预测数据进行比较，看它们是否一致。

（3）我们在设计测试用例时，不仅有合法的输入测试用例，还有非法的输入测试用例。因为，在系统的实际使用过程中，由于各种原因，用户往往会使用一些非法的输入，比如按错了键或者使用了非法的命令等，所以，我们特别注意设计非法的输入测试用例来进行测试。

（4）在对系统修改完之后进行回溯测试。我们在修改系统的同时往往又会引入新的错误，所以在对程序修改完之后，用以前的用例进行回归测试。

7.1安装环境要求

1.使用Windows 2000/XP 操作系统的用户安装个人网络服务器

2.网页制作软件，如JSP。JDK,

3.数据库管理软件，如SQL Server。

4.数据库管理软件，如SQL Server。

1. 配置环境变量：

1. 我的电脑—右键—属性—高级—环境变量—系统变量—新建，变量名：CLASSPATH ，注意为大写，变量值：你所安装JDK的根目录下的lib文件夹，如：C:\Program Files\Java\jdk1.5.0\lib\tools.jar;.注意后面以分号和一个点结尾；
2. 修改path变量：我的电脑—右键—属性—高级—环境变量—系统变量—选择path，点编辑，在变量值最后增加一个分号，增加你安装的JDK的根目录下的bin文件夹：C:\Program Files\Java\jdk1.5.0\bin；

1. 在命令行分别输入java 、javac，如无错误提示，安装完成；
2. 如果是B/S结构程序，双击E：\jakarta-tomcat-5.0.28\bin\startup.bat，如果出现黑色TOMCAT界面，安装成功，否则重装；
3. 安装SQLServer2000数据库，一路默认，注意不要选择域用户，设置sa用户的密码为123；
4. 安装SQLServer2000数据库SP3补丁，当提示已成功传递文件之后，找到安装的目录，双击setup.bat，看提示安装，基本默认；
5. 附加数据库：打开开始—程序—Microsoft SQLServer—服务管理器，启动数据库，开始—程序—Microsoft SQLServer—企业管理器，在左侧树状菜单，选择数据库-右键-所有任务-附加数据库，点击浏览，选择你的文件夹下的.MDF文件，确定；
6. 如果是    C/S结构程序，安装你的程序，OK；
7. 如果是B/S结构程序，复制你的网站文件到E:\jakarta-tomcat-5.0.28\webapps下，启动E：\jakarta-tomcat-5.0.28\bin\startup.bat，在IE中输入http://localhost:8080/你的网站名，OK；
8. 如果需要配置数据源，开始-控制面板-管理工具-数据源ODBC-添加-SQLServer-完成，名称填写readme.txt文件里的数据源名，描述为空，服务器填写“.”就可以，下一步-下一步-更改默认的数据库为你的附加数据库-下一步-完成-测试数据源，如提示“测试成功”，一路确定，否则重装；