基于web的精品课程 网站设计与实现.doc

1、中央民族大学本科生毕业论文(设计)摘 要精品课程建设是“高等学校教学质量与教学改革工程”的一项重要内容和先期启动的四个项目之一,也是教育部深化教学改革，以教育信息化带动教育现代化的一项重要举措。精品课程网站是精品课程建设和评价的窗口，是精品课程网络化学习的平台，是教师与学生互动交流的媒介，也是精品课程示范幅射的载体。因此，精品课程网站建设意义重大。本精品课程网站就是为了顺应这一时代要求而设计的。本网站的开发是基于B/S结构，采用ASP程序设计语言及Access数据库进行开发。在本篇文章中，首先对本系统设计的意义和开发工具等做了简要介绍，接着对系统做了详细的需求分析；然后给出了精品课程网站所需的

2、功能，重点探讨了精品课程网站的设计法案；最后对管理员的登录模块、新闻管理模块、文章管理、论坛模块等进行了重点详细介绍，并给出了具体实现步骤；通过测试分析，该系统的运行稳定、可靠，具有一定的实用价值。关键词： 精品课程；网站；资源共享；ASPAbstractThe establishment of Quality Course is an important element of the teaching quality and teaching reform project and one of the early start of the four projects. It is an im

3、portant measure to further reform the teaching methods and modernize teaching facility through educational informationization. The website establishment of Quality Course is the excellent courses learning platform and a window of communication. It is not only the interaction between teachers and stu

4、dents of the media, but also the excellent course radiation carrier. So, the website establishment of Quality Course is very important. This Quality Course Website is to comply with the requirements of the times and design. The development of this website is based on B / S structure, using ASP and A

5、ccess database programming language developed. In this article, the significance of the system design and development tools are briefly introduced at first, then introduced the detailed analysis of system needs; then gives the required Course Website features, focusing on the Course Website Design ;

6、 Finally, I introduced the administrator of the login module, news management module, article management, the Forum module for detail, and gives concrete steps to achieve; by test and analysis, the system is stable, reliable, has certain practical value. Key Words: quality course; website; resource

7、sharing; ASP目 录一 问题阐述11.1课题背景11.2国内外研究现状11.3精品课程网站研究的意义1二 需求分析以及开发工具介绍12.1业务及用户需求分析12.2系统可行性分析62.2.1技术可行性62.2.2经济可行性72.2.3操作可行性72.3系统开发工具介绍72.3.1ASP与IIS72.3.2数据库与Css92.3.3 eWebEditor10三 系统设计113.1系统设计指导思想及原则113.2系统结构图113.3系统功能具体分析113.4数据库的设计133.4.1概念结构设计133.4.2逻辑结构设计14四 详细设计154.1网站前台显示模块设计154.2管理员登陆模

8、块设计194.3新闻及文章管理模块设计224.4论坛留言板模块设计254.5文件上传模块设计274.6图片循环显示模块28五 系统测试305.1系统测试305.1.1测试的目的305.1.2测试的准则305.1.3测试的方法305.2单元测试实例30六 系统维护336.1改正性维护336.2适应性维护336.3完善性维护33参考文献34附 录35英文文献41致 谢47IV前 言精品课程是国家教育部关于高等学校教学质量和教学改革工程的重要内容，是彰显学校整体办学水平的重要标志，各高校均十分重视。精品课程网站是精品课程建设和评价的窗口，是精品课程网络化学习的平台，是教师与学生互动交流的媒介，也是精

9、品课程示范幅射的载体。因此，精品课程网站建设意义重大。本文的主要目的是分析说明精品课程网站的各项功能以及其实现过程。本文的组织结构是这样安排的：“第1部分”从选题背景、国内外对精品课程网站的研究现状以及精品课程研究的意义等方面给大家做一个简要的介绍；“第2部分” 精品课程网站的需求分析与开发工具介绍，将着重介绍精品课程的发展概况，系统的需求分析，设计所用的开发环境；“第3部分”精品课程网站的实现，重点介绍精品课程网站各个功能的设计以及系统的执行流程以及如何实现此精品课程网站各功能；“第4部分”网站运行测试与分析，将简要介绍此精品课程网站测试结果，以及通过测试结果所能得出的一些分析情况。3一 问

10、题阐述1.1课题背景以网络化、数字化、多媒体化和智能化为代表的现代信息技术正在改变着人们的工作、学习与生活方式，也给教育的内容和发展带来了新的发展空间。课程是教育的核心和灵魂，大学课程则是大学培养目标与培养规格的具体化，是高等学校教学工作的重要依据，而精品课程更被上升为学校办学水平的重要标志。高校实施精品课程建设是一项深化教学改革、提高教学质量的系统工程。因此，高校建立一个自己的精品课程网站是十分必要的事情，这不仅是能使更多的人享用宝贵的教育资料源，同时也对于提升学校自身的知名度，提高学生自学能力，有相当大的帮助。 1.2国内外研究现状在世界范围内来看，有关精品课程网站研究一直都在进行并且不断

11、取得进步，特别是西方发达国家，他们在精品课程的理论研究与实际运用方法积累了大量的经验，虽然我们中国国内在精品课程网站这一方面的研究起步较晚，但我们同样也取得了大量丰硕的成果。目前已有大约750门国家级精品课程上网，为实施和推广精品课程、全面提高教学质量提供了样板。各省、市院校也建立了自己的富有特色的精品课程网站。这些优质的课程资源，已经为其他高校的教学工作起到了先锋模范的样板作用。1.3精品课程网站研究的意义高等教育需要网络精品课程，因为它能使学生体验到先进的教学方式，获取大量的学科前沿信息，使他们在大学阶段的学习内容更加丰富，知识面更加宽广，能更快地提高自身的综合素质和能力，适应飞速发展的科

12、学要求及学科之间日趋明显的交叉融合的趋势。可以说，网络精品课程的数量和质量直接地影响到能否打造出符合未来社会发展需求的人才。因此，探索和研究精品课程网站建设的设计原则以及设计、开发的方法，将对网络教育、终身教育以及充分发挥优秀教育资源的价值有很重要的指导意义。47二 需求分析以及开发工具介绍2.1业务及用户需求分析随着现代信息技术的迅猛发展及广泛应用，传统的教学手段已远远不能适应现代化教学的需要，也不能满足当代大学生的信息需求。由于这种传统的教学手段所传输的信息量较少，在时空有限的课堂教学中，学生难以对课程内容进行充分的理解，并且自主选择式的学习模式不能得到实践，以学生为中心的现代教学理念很难

13、得到实践。精品课程网站是高等学校教学质量与教学改革工程的重要组成部分。在高等学校精品课程的评审、建设、验收过程中，课程教学网站起着非常重要的作用。精品课程网站对精品课程的网络化具有不可替代的作用，是学生自主学习、教学互动、学习交流的重要平台。为了实现课程的精品化，在网站的设计中必须注重将无形的教学理念和方法融入到有形的教学资源中，实现资源的实例化、生动化和网络化。以这种思想为指导设计者在规划网站时必须考虑以下几个原则问题。(1)内容充实为了将待建学课程精品化，在网站的构建上必须充分考虑教与学的互动性，如设置清晰简洁的导航菜单，提供丰富详尽的教学资源.以多种形式卖现师生之间的交流等，来体现课程的

14、精品性。教学网站应围绕“教学”这一主题尽量使其内容丰富，具备大量的学科素材，以满足不同专业、不同学科、不同级别学生的需要以及个别化学习的需要。(2) 体现教学资源教学网站的功能主要是为教学服务，在介绍学科知识体系、提供教学参考资料、相关题集和相关链接的基础上，结合实际情况，有重点地突出本学科的特色栏目。系统全面的教学资料能够帮助学习者理解和掌握教学要点。(3) 模块化模块化能大大提高系统的可管理性和可维护性.使整个教学系统能成为一个真正清晰明了的有机系统。模块化便于修改、扩充。采用模块化设计后，在维护时可以直接对某一需要改动的模块进行修改，从而能够有效降低网站不断更新带来的麻烦。(4) 平台兼

15、容性目前，各种操作系统和各种版本的浏览器.都具备相似的访问站点的功能。用户只要选择一个合适的浏览器就可以访问Internet上发布的信息资源。(5) 实现互动性网络作为一种优势媒体能够得到迅速普及，在于它的实时性和可交互性。为搭建师生交流的平台网站必须具备较强的交互能力。在Web网页的设计中，有这样几种常用的方式:(1)上网访问方式。教师可以在网上发布每门课程的标准化作业题、模拟试题以及在线测试等，学生可以下载到本机上完成作业，自己评判结果，并将疑问反馈给老师。 (2)e-mail电子邮件方式。学生可获得本教学网站提供的电子邮箱地址。通过电子邮箱师生可以讨论问题、提取或提交作业等。 (3)电子

16、公告方式。学生可以把具有代表性的问题张贴到留言板上， 管理员将相关问题整理为常见问题或公告发表在网站明显的位置上，供其他有同样疑问的学生方便浏览。该系统主要面向的用户人群为：(1)教师，作为教学资源的提供者，精品课程的申报者(2)广大同学，作为网站的主要使用者(3)管理员，作为后台管理者和网站维护者精品课程网站建设的目标是使教学更加方便，方便学生在家或寝室自己学习，提高学生自学能力，也节省学生、老师的时间。要求所设计系统操作方便、更新及时、易于维护管理。拥有动态新闻；网上答疑；课程教学等基本功能。学生进入网站后可根据系统功能对该课程进行信息浏览，查看课件，查看动态新闻，提出问题及学习等；教师进

17、入网站后也可对课程的一些信息进行浏览，对学生提出的问题进行回复，而后台管理员需要进入系统对网站进行维护，更新信息、修改信息或者删除某些信息。因此该系统需要满足的需求为：为使用户操作方便，要求有良好的人机界面。学生查看新闻，下载课件，网上提问等。教师查看学生提出的问题并进行回答。管理员发布新闻，整理留言和教学资源等。用例图如下：图 2. 1学生用例图用例描述：名称：学生操作 说明：学生进入前台进行操作参与者：学生基本操作流程：学生可以查看新闻，通过系统分类选择感兴趣的课程资料，查看、下载教师信息和学习资料 ，也可通过留言板进行交流。图 2. 2管理员用例图用例描述：名称：管理员操作 说明：管理员

18、进入后台进行操作参与者：管理员前置条件：管理员登陆假设：常有教师更新资料 基本操作流程：管理员登陆后，可以进行新闻管理，文章管理，留言管理，用户管理。可选操作：常规设置管理。图 2. 3教师用例图用例描述：名称：教师操作 说明：教师将资料交与管理员或在前台进行操作参与者：教师假设：常有学生提出疑问 基本操作流程：教师通过管理员提出精品课程申请，提供教学资料，或者在前台浏览学生留言并进行答疑。可选操作：申请精品课程后台管理时序图：图 2. 4后台管理时序图2.2系统可行性分析2.2.1技术可行性硬件：计算机的存储量大，运算速度快，成本较低，外部设备的功能好、效率高、可靠性高，通信设备的能力、质量

19、都满足要求。系统软件：本系统主要采用B/S结构，其中B/S部分采用ASP技术来实现，由前台用户使用、后台系统管理部分两大部分组成，不需安装客户端，被授权用户通过浏览器即可登录系统。服务器以Windows 2000/2003为操作系统，Access为数据库，主体程序以Asp技术实现，IIS实现Web发布。客户端以Windows98/ME/NT/XP/2000/2003为平台，用IE浏览器进行系统登陆和页面浏览。ASP技术是比较成熟的WEB开发技术，使用它可以创建和运行动态、交互的Web服务器应用程序，后台数据库是采用Access建库。在B/S三层体系结构系统中，用户通过客户端浏览器向网络上的服务

20、器发出请求，服务器对浏览器的请求进行处理，将用户所需信息返回到浏览器。B/S结构简化了客户机的工作，客户机上无需配置客户端软件。服务器将担负更多的工作，对数据库的访问和应用程序的执行将在服务器上完成。浏览器发出请求，而其余如数据请求、加工、结果返回以及动态网页生成等工作全部由Web Server完成。实际上B/S体系结构是把二层C/S结构的事务处理逻辑模块从客户机的任务中分离出来，由Web服务器单独组成一层来负担其任务，这样客户机的压力减轻了，把负荷分配给了Web服务器。这种三层体系结构如下图所示：IE浏览器WEB服务器端HTML数据库HTTP图 2.5 B/S三层体系结构图2.2.2经济可行

21、性从经济角度看，投资要小于回报，决策者才会实施计划。本系统的开发过程所进行的投资为书费和网费、电费，投入很少，而做出的系统运行后将大大方便学生学习交流，性价比极高。2.2.3操作可行性本系统的开发对于初学者来说大概需要六个月的时间完成。前期主要是以学习以及收集资料为主，接下来就是对系统的分析，做数据库，界面，以及中间的连接。对于相关专业的人来说是可行的。综上所述，网站建设在技术上、经济上、操作上都是可行的。2.3系统开发工具介绍2.3.1ASP与IIS(1)ASP近年来随着Internet技术的飞速发展及用户需求的不断升级，Web页面技术也不断的推陈出新，使得Web站点的功能越来越强大，能够提

22、供的服务种类越来越繁多。从HTML、Client Script 到CGI,从JAVA的诞生到ActiveX, Web页面设计人员不断受到冲击，微软公司在总结了以往技术，重新思考Web页面设计的真正需要后，推出了Active Server Pages (ASP)，一种用以取代CGI(Common Gateway Interface，通用网关接口)的技术。用ASP无须复杂编程，即可开发出专业的动态Web站点。ASP的出现给以静态内容为主的Web带来全新的动态效果，使站点更具灵活和方便的交互能力。客户端脚本是指客户端内嵌的描述语言，不在服务器端执行的语句。通常是使用VBScript或JavaScIi

23、t来实现。编写客户端脚本最大的优点就在于其可由浏览器解释执行。不需增加服务器的负担；另外，客户端脚本是在客户端解释执行，它可以实现服务器端脚本所不能实现的一些绚丽的特效客户端脚本也存在一定的局限性，由于它是在客户端解释执行。数据须预先设定，不便后台DB内容的实时更新，而ASP最大的优势就在于它能与后台数据库进行信息交换，其特点是使用简单、方便，开发周期短、开发效率高。简单讲，ASP是位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式 Web 服务器应用程序，如交互式的动态网页，包括使用 HTML 表单收集和处理信息，上传与下载等等。更重要的是，ASP使用的ActiveX技

24、术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的Web编写工具所远远不及的地方。(2)IIS服务IIS(Internet Information Server)是微软推出的Windows NT Option Pack的主要成员，作为Windows NT的扩展，自推出以来已经有了很大发展，其体系结构是当今市场上最受关注的Web服务器之一。IIS5.0版本增强了系统安全性，具有服务器端脚本开发调试，内容管理和站点分析，崩溃防护，全面支持ASP等强大功能。(3) ASP与IIS的结合在过去，客户机/服务器结构的设计与Web的相关技术几乎处于平

25、行线上，两者相互独立并无法做出集成性的设计。现在我们利用IIS+ASP构成三层式系统结构的中间一层，将客户机/服务器结构与Web密切结合，完成前后端两者的集成输出功能，使得Web站点的开发更方便，实现的功能更强大。利用IIS+ASP技术来集成系统前后端所带来的强大效益可归结为以下几个方面：减少构建和维护成本加快联机过程应用软件集中在服务器端开发管理前端可使用任何浏览器（IE、Netscape.）后端可存取任何数据库 (SQL、Access.)可使用任何脚本语言开发 (VBScript、JavaScript、PERL.)2.3.2数据库与Css(1)Access介绍本系统采用Access 200

26、0作为数据库平台。Access 2000是一种关系是数据库，能汇集各种信息以供查询、存储和检索。Access的优点在于它能使用数据表示图或自定义窗体筹集信息。数据表示图提供了一种类似于Excel的电子表格，可以设数据库一目了然。事实上，Access不仅是一个数据库，而且它具有强大的数据管理功能，可以方便地利用各种数据源，生成窗体（表单）、查询、报表和应用程序等。对于小型的数据库应用需求，微软的Access数据库，应该是与ASP程序配套使用的首选。由于Access数据库的ODBC驱动程序支持的SQL指令全，执行效率高，所以Access后台数据库+ASP服务器端程序+客户端IE浏览器，是一个精练实

27、用高效的组合模式。(2)Css介绍CSS是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。HTML 标签原本被设计为用于定义文档内容。通过使用 、 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的

28、浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。所有的主流浏览器均支持层叠样式表。 层叠样式表极大地提高了工作效率。样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档

29、，外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。2.3.3 eWebEditor图 2. 6编辑器界面效果图eWebEditor是一个基于浏览器的在线HTML编辑器，WEB开发人员可以用她把传统的多行文本输入框 “textarea” 替换为可视化的富文本输入框。eWebEditor主要功能在于不需要在客户端安装任何的组件或控件，操作人员

30、就可以以方便、易用的界面创建和发布网页内容。本网站的后台管理建设中的新闻编辑和文章编辑部分使用到了此编辑器，eWebEditor使用简单，非常容易与现有系统集成，只需用几行代码便可以调用此编辑器。三 系统设计3.1系统设计指导思想及原则实用性。以用户需求为指导，符合实际的开发条件，切实解决在线课程教学的实际问题。先进性。计算机环境配置必须满足所提出的目标和所要实现的功能、指标等要求。体系结构、开发设计方法等要具有先进水平。可靠性。在误操作的情况下，要能保证系统正常运行。安全性。根据精品课程网站的特点和要求，制定相应的安全策略和安全机制。友好性。提供友好的用户界面，简单、直观、易于使用、方便操作

31、。3.2系统结构图根据需求分析和方案设计，可得到系统结构图如下： 图 3. 2系统结构图3.3系统功能具体分析 用户来到网站后，可以根据自己的需求查找自己感兴趣的课程，下载课件，浏览、下载视频及相关资料，在遇到困难时可以在留言板上留言讨论，查找相关课程的教室联系方式，通过网站直接给老师或管理员发送邮件提问。教师的职责是提供相关教学资料，给同学解答疑问。而管理员管理的功能为新闻管理、文章管理、版面设置、用户管理、论坛管理以及负责整理回答同学们的疑问。故系统基本功能如下：1. 板块显示新闻、课件、视频、相关材料等分版块显示，方便用户查找所需信息。界面清晰，美观易用。2. 管理员登陆管理员只有在登陆

32、后才能够对论坛内容进行管理，进行新闻管理、文章管理、留言管理、用户管理等，维护网站的正常运行。密码或账户错误则不能登录。3. 管理员注册系统中有一个初始管理员，只有管理员才能添加新管理员，注册新管理员时要保证用户名不能重复，密码不可为空，否则将不能注册，管理员还可管理其他管理员的密码及删除其他管理员。4. 新闻管理分为新闻添加、新闻管理和类别管理三部分，由管理员新闻的添加删除和分类，还可对已存在的新闻实施排序。5. 文章管理文章管理的基本功能同新闻管理，但可对精华的文章设为推荐。6. 用户留言无需登录即可查看、发表留言，回复留言，为有疑问的学生提供一个交流和互动的平台。留言发表时必须有发表者姓

33、名、帖子姓名及内容，缺一则不能发表。只有管理员有权利删除别人的帖子。7. 留言管理管理员可删除不良的或无用的帖子，对精华帖子进行置顶，推荐，对同学提出的疑问帖子进行回复留言。8. 辅助功能论坛还提供一些辅助功能，如发送电子邮件，在线观看视频，图片管理，底部信息管理等。用户直接点击网站上所提供的邮箱地址即可发送电子邮件。管理员可更换页面上循环现实的图片以及页面上显示的底部信息。 故系统总流程图如下：教师管理员查看新闻下载资料下载课件查看视频查教师信息登陆管理页面登陆成功？管理员后台首页新闻管理文章管理留言管理用户管理常规设置学生否添加留言提供资料进入首页 图3. 1 总流程图3.4数据库的设计3

34、.4.1概念结构设计概念结构设计是数据库设计的核心。概念结构独立于数据库的逻辑结构，也独立与所使用的具体的数据库管理系统。概念模型（E-R模型）的组成元素有：实体、属性、联系，E-R模型用E-R图表示。实体是用户工作环境中所涉及的事务，属性是对实体特征的描述，系统总体E-R图如下所示。图 3.3系统E-R图3.4.2逻辑结构设计系统实体及其属性描述如下:(1) 管理员管理员ID，管理员名，管理员密码(2) 新闻新闻类别ID，新闻ID，新闻标题，新闻内容，作者，文章来源，发表时间，点击次数(3) 新闻类别ID，名称(4) 文章文章类别ID，文章ID，文章标题，文章内容，作者，文章来源，发表时间，

35、点击次数(5) 文章类别ID，名称(6) 图片图片ID，图片名称，链接地址，图片地址(7) 留言信息帖子ID，作者名称，发表时间，帖子标题，文章内容四 详细设计4.1网站前台显示模块设计精品课程网站的前台是系统与用户交涉的主要界面，网站是否能满足用户的基本需求、美观易用，是否方便用户查找、下载资料， 前台界面设计非常重要。本网站前台设计简洁、明快，以蓝色渐变为LOGO，凸显教学网站庄重的同时又不失活泼。白底蓝字，以橘黄色来标识重点，文章、资料分模块显示，而模块内部按时日期排列，所有热点一目了然，方便查找。 图 4. 1网站首页效果图本部分主要使用ASP语言及CSS级联样式表来实现，网站导航栏分

36、为网站首页、师资队伍、精品课程、课程教学、教学视频、试卷下载、教学效果、认证培训、自主学习9部分，其中各部分内容如下所示：师资队伍：分为文史类、民族学类、教育学类、经济学类等8类，如上图所示，其中理学类效果图如下：图 4. 2理学类教师简介效果图 精品课程：精品课程栏目主要发布现阶段学校精品课程申报信息，其效果图如下：图 4. 3精品课程申报效果图课程教学：课程教学栏目主要负责课件下载，其课件分科目管理，方便查找下载，其效果图如下：图 4. 4课件下载效果图教学视频：教学视频部分分为视频下载和在线观看，学生可根据需要选择在线观看或下载后观看，其中在线观看效果图如下：图 4. 5 视频观看效果图

37、部分实现代码： 试卷下载：试卷下载部分按专业提供不同科目的试卷下载，其中经济学部分效果图如下：图 4.6 书卷下载效果图教学效果：本部分分为社会反响与学生评价两部分，为管理员统计结果，其效果图如下：图 4.7 教学效果效果图认证培训：本部分为同学等级考试提供相关的培训资料，为同学以后就业增加筹码，其效果图如下：图 4.8 认证培训效果图自主学习：自主学习部分包括学习资料、交流讨论和常见问题三部分，其中交流讨论即论坛部分将在后文中讨论，学习资料部分效果图如下：图 4.9 学习资料效果图4.2管理员登陆模块设计管理员身份验证是精品课程网站后台管理系统的唯一出入口的核心体现。用户在未登录后台管理系统

38、时只能查看已有的资料，若想进行新闻、文章、留言等的更新或修改，必须进入后台管理系统。总之，管理员登录模块是进行后台管理的必经模块，是网站维护功能的起点。其流程图如下：管理员登陆管理页面登陆成功？管理员后台首页否图 4. 10登陆模块流程图登陆模块中的主要程序介绍：%管理员登录function SetFocus()if (document.Login.UserName.value=)document.Login.UserName.focus();elsedocument.Login.UserName.select();function CheckForm()if(document.Login.U

39、serName.value=)alert(请输入用户名！);document.Login.UserName.focus();return false;if(document.Login.Password.value = )alert(请输入密码！);document.Login.Password.focus();return false;其他代码参见附录。登录前：图 4. 11 未登录样式登录后：图 4. 12 登陆后样式密码或用户名错误： 图 4. 13 登陆出错样式4.3新闻及文章管理模块设计新闻及文章管理部分功能主要分为三大部分：新闻（文章）添加、新闻（文章）管理及新闻（文章）类别管理。

40、其中新闻（文章）添加部分需要实现的功能包括文本编辑器、新闻（文章）的分类存储、视频图片的插入、视频的在线播放以及在线邮件功能。新闻（文章）管理部分的功能为文章内容的修改、文章类别的修改及文章的删除等。而通过新闻（文章）的类别管理可以使不同类别的新闻（文章）在不同版块予以显示。新闻及文章管理模块模块图如下：管理员页面添加新闻新闻管理新闻类别删除新闻修改内容修改类别视频图片文本编辑存储类别在线邮件添加类别删除类别修改类别 图 4. 14 新闻管理模块设计模块图新闻管理模块中的主要程序介绍：function CheckForm() if (document.myform.Title.value=)

41、alert(文章标题不能为空！);document.myform.Title.focus();return false; function doChange(objText, objDrop)if (!objDrop) return;var str = objText.value;var arr = str.split(|);objDrop.length=0;for (var i=0; iarr.length; i+)objDrop.optionsi = new Option(arri, arri);objDrop.optionsi = new Option(不显示图片,);eWebEdito

42、r 插件调用代码介绍： 其他代码参见附录。编辑页面图片： 图 4.15 编辑页面图片管理界面图片： 图 4.16 新闻管理页面图片类别管理界面图片： 图 4.17 类别管理界面图片4.4论坛留言板模块设计本论坛并不要求用户登录后才能进行发帖留言，主要是为了方便用户，使所有人都有权利发表自己的意见，促进交流。但是在发布帖子的时候要求有发帖人名称，且文章名称和内容均不能为空，如若为空则报错。本模块的主要功能为发表帖子、回复帖子，兼有统计帖子浏览和回复次数的功能。论坛留言板模块流程图如下：进入论坛界面浏览帖子是否回复是否发帖发表帖子浏览次数加1回复次数加1否否作者名是否填写文章名是否填写报错否否发表

43、成功图 4.18 论坛模块流程图论坛留言模块中的主要程序如下：autor = check1(request.form(autor)title = check1(request.form(title)message = check1(request.form(message)mail = check2(request.form(mail)if save = true thenupdated = right(year(date),2) & zweistellig(month(date) & zweistellig(day(date) & zweistellig(hour(time) & zweistellig(minute(time) & zweistellig(second(time)set db = Server.CreateObject(ADODB.Connection)connect=Provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.MapPath(dat