毕业设计（论文）-ASP小型新闻网站的设计.doc

新闻网站的设计与实现目 录一 互联网及网站发展概述1二 网站的开发2三 网站的构成31）网站的目录结构2）网页的构成和布局3）信息结构4）物理结构四 网站开发设计流程4 1）项目采集计划书 2）技术需求设计说明书3）页面需求设计说明书 4）需求管理文档5）项目页面概要设计说明书6）网站默认目录7）页面默认文件名8）目录结构9）数据库概要设计说明书10）SQL Server脚本文档11）HTML文档12）页面详细设计文档13）后台脚本详细设计14）数据库连接池15）脚本详细设计说明书16）ASP编程体系17）部分代码18）实现工具19）硬件要求五 网站的测试251） 需求过程的测试2）概要设计的测试3）详细设计的测试4）整体测试5）网站测试工具六 网站的发布322） 网页的发布3） 发布完毕的测试4） 编写用户手册七 结束语35英文摘要35参考文献36小型新闻网站的设计 摘 要：本文讨论了以ASP技术为核心的网站设计，给出了较详细的新闻网站制作过程，相应的文档及部分代码，包括留言簿、登录及注册界面、网站日期的动态实现、网页标题的动态显示、对数据库的调用和按标题搜索新闻等。本文还对网站设计中的各部分测试进行了详细的讨论。关键字：ASP技术，新闻，网站，网站设计，网站测试 一 互联网及网站发展概述 自20世纪60年代初，当时最大计算机拥护之一美国空军提出研究计算机网络的课题至今，全世界越来越多的电脑采用各种通信媒体连接去来，组成“INTERNET”网。 进入20世纪90年代以后，以INTERNET为代表的计算机网络得到了飞速的发展，已从最初的教育科研网络逐步发展为商业网络，并已成为仅次于全球电话网的世界第二大网络。 1993年9月15日，美国政府发布一个在全世界引起很大反响的文件，其标题是“国家信息基础结构（NII）行动计划”。这个文件提出，高速信息网是国家信息基础结构的一个重要组成部分。 1994年9月，美国又提出建立全球信息基础结构GII，建议将各国的NII互连起来组成世界范围信息基础结构。当前的因特网就是这种全球性的信息基础结构的雏形。 现在全世界所有的工业发达国家和很多的发展中国家都纷纷研究和制定本国建设信息基础结构的计划。 我国的INTERNET起步较晚，但发展迅速。19871993年是INTERNET在中国的起步阶段，在此期间，以中科院高能物理所为首的一批科研院与国外机构合作开展一些也INTERNET联网的科研课题。当时主要提供的是国际INTERNET电子邮件服务。从1994年开始至今，中国以TCP/IP协议与互联网连接，从而逐步开通了互联网的全功能服务。目前国内可直接连接互联网的网络有四个：中国科学技术网络（CSTNET），中国教育和科研计算机网络（CERNET），中国公用计算机互联网（CHINANET），中国金桥信息网（CHINAGBN）。 如今，中国已成为全球第二大上网用户最多的国家。中国的企业信息化，政府信息化的工作正在如火如荼地进行，并将提供与网站项目相关的成千上万的是、工作岗位。越来越多的人投入到网站项目的建设当中来，许多人已把它当作一生的事业来对待。 随着网站信息量的增大，个人网站的前途变得渺茫，一个人单打独斗建立的网站最终会是低劣的代名词，团队开发将是网站项目开发的主流和方向。 随之而来的问题是，如何建立一支高效的团队来满足客户的需求，开发出令人满意的网站，同时又将网站项目的开发风险降到最低。 而新闻网站作为一种点击率相对很高的网站，已经成为多数上网用户对外界各类新闻时事了解的窗口。新闻网站通常具有自动更新新闻，用户留言等功能。网络新闻以网络为传播平台。一方面，网络传播的特点势必影响着网络新闻编采特点；另一方面，网络新闻在编采过程中也要时时刻刻注重网络传播的特点，只有这样网络新闻才能更好地发扬技术带来的优势，才能有别于传统媒体的新闻形式，有独立存在的理由与持续发展的可能性。 网络传播特点归结为：1）传播主体多元化；2）传播方式多媒体；3）传播关系的交互性；4）信息接收的个人化和主动化；5）信息传播的快捷性；6）传播内容的广泛性；7）传播环境的全球化。 新闻网站作为传播媒体之一，也符合以上特点。二网站的开发：网站的开发包括几个方面：1） 网站项目管理 同软件一样，也可以把网站划分为人员、问题和过程3个内容：a.人员，又有编辑、美工和网页设计人员；b.问题，其实也就是要建立文档的问题。网站也是产品，项目经理写好开发计划书后，就相当于建立了一条生产流水线。员工需要一个途径来保存和传递信息以方便工作联系，文档就由之产生了。文档大致可以分为项目文档和信息文档，除此之外，还有一些在工作中累计的相关开发的测试技巧和规范之类，都同各种文档在一起辅助团队成员开展工作。c.过程，包括需求过程、开发过程和测试过程。网站项目的需求过程 图1 需求过程图2) 网站的设计牵涉到概要设计和详细设计。这里阐述一下详细设计所涉及到的内容。a. 网页的详细设计。要决定开发环境和开发工具，一般使用的有DREAMWEAVER和FRONTPAGE等。而图片的制作则可以用到FIREWOKS和PHOTOSHOP。其次是HTML、JS、CSS的书写规范。然后就是相应的页面设计文档咯。b. 数据库详细设计。包括视图设计，索引设计，表空间、触发器和存储过程的设计以及数据库详细设计文档。c. 后台脚本详细设计。其中要注意的是ASP、PHP、JSP的通用详细设计规范，JSP和JAVABEAN的设计并编写SQL。3）网站的测试 网站测试的内容通常有需求过程的测试，概要设计的测试，详细设计的测试和整体测试。一般使用的测试工具有OpenSTA,SAINT,CSE HTML Validator等。当然，网站测试也是需要建立网站测试文档的。4）网站的发布 这里就有数据库的发布和网页的发布。在发布完毕后需要进行测试并编写用户手册等。三网站的构成1） 网站的目录结构网站目录是在创建网站的时候建立的目录，需要根据网站的主题和内容来分类规划，不同的栏目对应不同的目录，在各个栏目目录下再根据内容的不同对其划分不同的分目录。并且目录的深度一般不宜超过三层。2） 网页的构成和布局常见的布局结构有“同”字型布局、“国”字型布局、“匡”字型布局、“三”字型布局和“川”字型布局等。a.“同”字型布局：就是页面顶部是主导航栏，下面左右两侧是二级导航条、登录区、搜索区等，中间是主内容区。b. “国”字形布局：它在保留“同”字形的同时，在页面的下方增加一横条状菜单或广告。c. “匡”字形布局：这种布局结构去掉了“国”字形布局的右边的边框部分，给主内容区释放了更多空间，内容虽看起来比较多，但布局整齐又不过于拥挤，适合一些下载类和贺卡类站点使用。 d. “三”字形布局：一般应用在简洁明快的艺术性网页布局，这种布局一般采用简单的图片和线条代替拥挤的文字，给浏览者以强烈的视觉冲击。 e. “川”字形布局：整个页面在垂直方向分为三列，网站的内容按栏目分布在这三列中，最大限度地突出主页的索引功能，一般适用在栏目较多的网站里。 3) 信息结构 定义网站的目标，即构思一个清晰的，有良好文档的你要做的事的想法；同时也保证了每个人的参与。确定网站的近期目标和长远目标，这样会更有效地容纳网站的增长和改变。设计信息结构的第二个最重要的方面是确定谁是网站的访问者。访问者的真正定义包括这些用户以及他们的访问目的。尽可能多地加入你能想到的访问者。至于网站内容，其类型包括静态的、动态的、功能的和事物处理的。静态内容包括版权信息、独家声明、成员规则等。功能性的内容应包括：成员登录页、Email时事通讯登录页以及其它涉及表单和事物处理的页。另外一个需要考虑的是网站的导航系统用户如何访问网站？他们怎样从一个地方到另一个地方？怎样防止他们走丢？一般可以选择网站结构清单中主要部分作为导航的侯选者。4) 物理结构一般在建站前都要绘制站点蓝图(就是将站点规划用图形展现出来)，以使任务更加明确，同时也为管理网站提供方便。一般来说，网页层次不超过四层，因为层次越多，用户要浏览到内容就必须做越多的选择，这样容易导致用户迷路，一般可以有四种网页组织结构：层次结构、顺序结构、网状结构以及复合结构。大纲列出来后，还必须考虑每个页面之间的链接关系是层次结构、顺序结构、还是网状结构，这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥，一般对于大型网站可采用树形结构等。四新闻网站开发设计流程一） 通常，较大的需求设计就需要制定一个项目计划，项目采集计划书如下： 新闻网站项目采集计划书 作者： 张帆 日期：2005.5.5 部门：B公司技术开发部 1 引言1 1 目的：供后续人员阅读，以确保开发正常进行 12 背景：应包括项目委托单位：A公司开发单位：B公司技术开发部2 人员及分工说明： 由系统分析员及美工搜集。采集项目进度估计： 系统分析员通过市场调查等方式在半月之内完成任务，美工通过网上调查等方式亦在半月之内完成任务。3 需求配合的部门 需要市场部、办公室等部门全力合作。其实，在采集过程中，如果没有足够的用户参加，那所获得的需求将是片面而很不完整的，这样系统在需求之初就埋下风险。所以，要在采集需求时，尽可能地让更多的用户参与，让需求的验证在许多的用户间进行并通过，这样的需求采集的信息才是合理和完整的。二） 然后，我们就需要对技术需求设计进行说明，网站技术需求设计说明书如下（此说明书由系分人员编写）： 新闻网站技术需求设计说明书作者： 张帆日期：2005.5.5部门：B公司技术开发部 目录1. 引言11 编写目的：供系统分析员、美工及程序设计人员阅读，以顺利完成工作。12 项目背景：应包括 项目委托单位：A公司开发单位：B公司技术开发14 参考资料： 1）项目经核准的计划任务书，合同或上级机关的批文。2）文档所引用的资料、规范等。3）列出这些资料的作者、标题、编号、发表日期、出版单位或资料来源。2技术概述： 21 目标：本次项目采取ASP、HTML、数据库技术开发新闻网站。 22 硬件环境：需要A公司配备有多台电脑，并有相当的内存。 23 软件环境：局域网、WEB服务器、远程服务器。 24 网络结构拓扑图：同样与软件项目不同，网站项目还要考虑负载均衡、路由等问题，所以大型的网站项目都必须画出网络结构拓扑图。现在存在争论的问题是，网络结构拓扑图是应该在需求文档中画出，还是放在详细设计文档中比较合适？我们建议把网络结构拓扑图画在需求文档中，因为需求文档不仅仅是简单句路用户提出的内容，它也是系统分析员脑力劳动的成果，开发人员、测试人员有时候需要搭建真实的环境进行测试，所以网络结构拓扑图画在需求文档中还是合适的。 3数据描述： 31 已有数据：对于用户在日常工作中早已准备的大量数据均以电子文档形式保存，所以在数据库以只读形式保存。 32 录入数据：网站项目的数据有的是需要时时更新的，对于A单位进行的更新不用重新编写程序，而对于用户的信息修改也相应存入。 33 数据保存：数据保存有两种方式，数据是存在数据库里还是存成文件都要提前说明，便于程序员在编程时不会出错。 34 数据词典：为了检索和查询使用，主要列出关键字的定义、解释和相关处理方式。 35 数据采集：在接下来的页面需求设计中应向用户采集。4功能需求： 功能划分与功能描述：为了网站开发的并行进行，网站项目都要按照功能划分为很多模块，新闻网站所需要的有用户管理模块、新闻更新模块、帮助模块等。5性能需求：51 数据精确度：财务等数字敏感项目，用户会提出数据的精确度的要求，所以要进行记录。52 时间特性：网站的速度会因为硬件的配置、WEB服务器的性能、代码的编写质量而不同，这些时间特性要提前跟用户说明 ，从而保证达到用户的最低要求。如响应时间、更新处理时间、数据转换与传输时间、运行时间等。53 适应性：适应性也叫友好性，界面的使用友好性等内容，适应性是衡量一个项目好坏的一个重要标准，优秀的网站项目必须要让用户尽快地上手。4 操作流程图：（用户对页面的操作流程） 操作流程图也叫做功能流程图，它描述了用户的对页面的操作流程。网站是由若干网页组成的，操作流程图要描绘某个功能模块包含的用户操作流程。 流程图符号说明： 一般过程：采用普通矩形； 关键过程：采用菱形； 可选过程：采用椭圆； 终止过程：采用两边为弧形的矩形5 其他需求：可使用性、安全保密、可维护性、可移植性等。三） 新闻网站页面需求设计说明书如下：新闻网站页面需求设计说明书作者：张帆日期：2005.5.5部门：B公司技术开发部引言目的：本次文档协作需要使美工人员详细了解具体要求，并使程序员了解代码需求。人员：参与人员有美工及程序员。相关文档：项目采集计划书。页面一 页面样式：文档的样式提供了一个模板来填空，页面的样式却是如同绘制了页面素描。页面的样式只是由WORD一些绘图元素构成页面示意图，它主要描述页面组件的摆放 页面功能说明：因为有的页面不仅仅是样式，有时还需要加入一些JAVASCRIPT特效，或者其他无法通过绘图来说明的，都需要在页面功能中进行说明，另外，页面功能说明还需要声明此页面的主要作用。 页面连接说明：网页是通过彼此链接的方式组成一个网站的，所以我们还必须在有链接的地方注明链接的目的地，对表单而言，就必须声明提交后显示的页面。页面二，页面三依此类推其他要求：例如用户指定基本色调，公司的专用图表等。四） 新闻需求管理文档模板如下： 新闻网站需求管理说明书 作者：张帆日期：2005.5.5部门：B公司技术开发部引言 目的：供系统分析员、美工及程序设计人员阅读，以顺利完成工作。 人员：系统分析人员，美工，程序员。 相关文档：需求文档列表 文档名称所在位置修改时间页面详细文档新闻网站文档文件夹2005.5.5数据库详细设计文档新闻网站文档文件夹2005.5.5 一个项目如果需求进行多次更改，或者拆分为多个项目组进行设计，那么就会产生多份需求文档，把这些文档的索引罗列一下有利于开发人员进行查找与对照。变更说明 如果一个需求文档发生了变更，则要对齐变更的时间、变更内容和变更原因进行说明，便于开发人员技术调整开发计划和内容。文档一 说明变更的内容和变更时间，变更原因。文档二，文档三类推五） 前面提到，概要设计就像是一本书的目录，简要地描述了开发人员的工作内容。新闻网站项目页面概要设计说明书如下： 新闻网站项目页面概要设计说明书部门：B公司技术开发部作者：张帆时间：2005.5.5 目录引言 目的： 人员：系统人系人员 相关文档：新闻需求设计说明书版本及源代码： 软件的版本和源代码存放在VSS下的位置要在此处声明，便于开发人员将页面设计完毕后添加到指定的VSS目录中。网站主要频道页面名称和流转关系： 所有的网站都是从根目录下的首页开始的。根目录包含着首页、相关的文件夹及另外非常重要的页面。如果说网站的组织就像一棵树，那么根目录就是树的根节点。需求设计人员在进行需求设计时应该已经根据功能基本划分出了频道，对于网页设计人员，它们其实是许多相关联的网页组成的文件夹，确切地说应该是根目录下的第一级文件夹。频道下仍然可能再包含目录和文件，这些也要在文件夹中进行说明。 流转关系也就是链接关系。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要人员另外加进去的，则需要特别说明。根目录 页面名称全路径说明对应需求设计页面Index.htm/index.htm首页主页面文件夹名称全路径说明说明频道一 目录和文件 重要流转关系说明 流转关系也就是链接关系。需求设计说明书中会有页面链接的说明，如果已经明确指明了，那么在概要设计里面可以不再要求；如果是概要设计人员另外加进去的，则需要特别加以说明。频道二，频道三类推六） 网站默认目录如下： 网站默认目录表文件夹名称全路径说明user/user用户管理文件about/about相关信息文件夹help/help帮助文件夹images/images图片文件夹flash/flash动画文件夹include/include存放被包含的文件文件夹js/js存放JAVASCRIPT脚本文件的文件css/css存放样式表的文件夹error/error出错处理文件夹 七） 页面默认文件名如下： 页面默认文件名文件名文件说明Index.jsp频道首页，建议为JAP页面，这样可以使用include语句Search.jap关键字，或者其他条件检索页面Sort.jsp分类排序页面Add.jsp添加页面Del.jsp删除页面Modify.jsp修改页面Head.htm网页文件头Foot.htm网页文件尾Index.htm网站首页，必须是静态页面，保证访问速度八） 目录结构如下： 目录结构图九） 项目数据库的文档分为两种，一种是概要设计说明书，一种是执行脚本。数据库概要设计说明书模本如下：新闻网站数据库概要设计说明书部门：B公司技术开发部时间：2005.5.5作者：张帆 目录引言 目的：方便程序员编写数据库相关程序 人员：系统分析员、程序员 所属用户： 用户是拥有数据库操作权限的操作员。数据库的表格往往是某个用户建立的，这时候，这些表格就属于这个用户。其他用户，包括DBA权限的用户对这些表格进行操作时，就需求在表格前面声明这个表格所属的用户的用户名，用户在一定意义上相当与表格路径。新建表格一览 表格名称说明建立时间WORK1用户张帆建立2005.5.5 所建表格一览就是此用户下所有表格属性的列表，包括表格名称、表格的功能说明、表格的建立时间。表格及序列的详细说明表格一 列名称列类型和长度是否为空列说明姓名双字节，20否无表格二，表格三类推 表格是由列组成的，每一列都有类型、大小、是否为空、是否唯一等属性，这些都是程序设计必不可少的信息，所以要清楚说明。十) SQL Server脚本文档:if exists (select * from dbo.sysobject where id = object_id(Ntestpaper.TEST_OPERATORS) andOBJECTPROPERTY(id, NTsUserTable) = 1)Drop table testpaper.TEST_OPERATORSGOCREATE TABLE testpaper .TEST_OPERATORS ( OPERATORS_ID numeric (10,0) IDENTITY (1,1) NOT NULL, TO_NAME nvarchar (20) COLLATE Chinese_PRC_CI_AS NOT NULL, TO_PWD nvarchar (20) COLLATE Chinese_PRC_CI_AS NOT NULL, TO_LEVEL numeric (2,0) NOT NULL,) ON PRIMARYGOALTER TABLE testpaper.TEST_OPERATORS WITH NOCHECK ADD CONSTRAINT DF_OPERATORS_TO_LEVEL DEFAULT (0) FOR TO_LEVELGO脚本格式说明: SQL Server脚本总是先进行判断表格是否存在，若存在，则先删除，接下来创建表格，并更改相关属性.十一） HTML文档文档标题 连接格式 连接格式 tr. TextArea书写样例 注意换行 注意缩进 List 书写样例 Option1 Option1 连接格式 十二） 因为HTML本身是描述性的语言，所以没有必要对HTML做非常详细的说明，好的详细说明应该是程序的有益的补充而不应该成为累赘。所以页面详细说明书主要内容包括：CSS详细说明，JS特效说明，框架页面说明，内置框架说明和层的说明等。 因为每个网页设计机人员都要编写自己的页面的文档，所以一个网站项目最后可能形成多份页面详细设计说明书。页面详细设计文档如下： 新闻网站项目页面详细设计说明书 部门：B公司技术开发部 时间：2005.5.5 作者：张帆 引言 目的：主要供美工人员阅读 人员：美工及分析员 相关文档：需求设计说明书 页面一览 页面全路径页面说明创建时间/index.htm首页2005.5.5 页面一 CSS说明 JS说明 层说明 框架说明 页面二，页面三类推 说明：并不是所有的页面都应该有一份详细说明书，只有包含CSS、JS等内容的页面才需要编写详细设计说明书。十三） 后台脚本详细设计 在编写完前台页面和数据库基本表格后，程序员便应该开始编写后台脚本。JSP后台脚本 % int i=10; for (i=0;i text 十四） 使用数据库连接池：很多时候我们要使用连接池，因为与数据库建立连接的过程往往都要耗费很长的时间，甚至比完成一次数据操作的时间还要长，连接池技术就是预先建立起一批连接放在一个数据池里（其数据结构往往是一个类数组），当需要使用的时候只要从池里（内存里）取出就可以，从而加快数据库操作的速度。 连接池的使用流程图十五） 后台脚本详细设计文档 程序员在编写完脚本以后，根据开发计划还要编写详细设计的文档。详细设计文档中要说明这些页面的主要功能，处理事物的流程，如果某些代码有特殊的地方，也要适当地声明。因为每个程序员都要编写自己的代码的文档，所以一个网站项目最后可能形成多份详细设计说明书。这些说明书不需要合并成一个文件，都放在一个文件夹下即可以，每份说明书都以自己担当的项目功能来命名。脚本详细设计说明书如下： 新闻网站后台脚本详细设计说明书 部门：B公司技术开发部 时间：2005.5.5 作者：张帆 引言目的：提供程序员阅读人员：系统分析人员、程序员相关文档：需求设计说明书 页面名称及功能一览 页面全路径功能描述时间/index.htm首页2005.5.5 页面功能详细说明 修改用户信息流程图如上所示页面一页面功能概述页面功能流程图 页面功能流程图如同技术需求说明书中的功能流程图，画流程图可以更加形象地表达页面的功能，这些内容在编写代码之初就可以先完成，对指导代码的编写也非常有利。代码特别说明 页面二，页面三类推十六） ASP编程体系 目前，在程序开发中，主要分成两大编程体系，详细见图： 十七） 部分代码： 留言簿 留言簿%Function Deal(exp1) Dim exp2 exp2=Replace(exp1,”,”>”) exp2=Replace(exp2,” ”,” ”) exp2=Replace(exp2,Chr(13),”) Deal=exp2End Function建立与数据库的连接Set Conn=Server.CreateObject(“ADODB.Connection”)Connstr=”DBQ=”+server.mappath(“guestbook.mdb”)+”;DefaultDir=;DRIVER=Microsoft Access Driver(*.mdb);DriverId=25;FIL=MSAccess;ImplicitCommitSync=Yes;MaxBufferSize=512;MaxScanRoes=8;PageTimeout=5;SafeTransactions=0;Threads=3;UserCommitSync=Yes;”Conn.Open connstrIf Request(“task”)=”insert”then If Requset(“xm”)=” ”then xm=”未知” else xm=Request(“xm”) xm=Deal(xm) end if if request(“email”)=” ”then email=”未准备好” email=Deal(email) else email=Request(“email”) end if if request(“url”)=” ”then url=”没有” else url=Request(“url”) url=Deal(url) end if sj=Date() sj=sj&” ”&Hour(Time()&”:”&Minute(Time() if Request(“ly”)=” ”then Response.write(“请输入留言”) Request.end End ly=Request(“ly”) ly=Deal(ly) End if Sq1=”INSERT INTO lyb(ip,xm,url,email,sj,ly)VALUE(” sql=sql&Request(“REMOTE_ADDR”)&”,” & xm &”,”& url &”,” & email&”,” & sj &”,” & ly &”)” conn.excute(sq1)end ifset rs=server.createobject(“adobe.recordset”)on error resume nextrs.open ”select*from lyb order by sj DESC”,conn,l,lrs.pagesize=15rs.AbsolutePage=1if request(“page”)” ” then rs.AbsolutePage=Request(“page”)RowCount=rs.pagesize%留言簿from METHOD=”POST” action=”姓名:邮件: 主页: 留言:0%日期：%if rs(“xm”)” ”then%姓名：%end ifif rs(“url”)” ”then%主页：a href=”%end ifif rs(“email”)” ”then%邮件：a href=”mailto:”留言：1 then% 留言分页a href=”?page=”登录及注册界面User Logon%if Request(“UID”)” ”AND Request(“PWD”)” ”then sq1=”SELECT*FROM current_user WHERE UID=”& Request(“UID”)&” Set current_users=conn.Execute(sq1) If current+users.Bof or current_users.Eof Then 当前用户集中没有此人 LogTime=Now() SerialNum=Cstr(Hour(LogTime)&Cstr(Minute(LogTime)&Cstr(Second(LogTime)&Cstr(Int(Rnd*10000) Sq1=”INSERT INTO current_user(UID.Email,LastLogon,IPAddress,SerialNum)”VALUES(”Request(“REMOTE_ADDR”)&”,”&SerialNum&”)” Conn.Execute(sq1) Else SerialNum=current_users(“SerialNum”) End if Current_users.Close Set current_users=nothingEnd if以上处理当前用户