毕业设计（论文）网站论坛系统

《毕业设计（论文）网站论坛系统》由会员分享，可在线阅读，更多相关《毕业设计（论文）网站论坛系统（31页珍藏版）》请在装配图网上搜索。

1、 华北电力大学毕业（设计）论文 目 录第一章 引言. 4第二章 系统设计相关原理. 5 2.1 Dreamweaver简介. 52.2 Access简介 . 62.3 ASP简介. 8第三章 系统的设计. 93.1 设计环境. 93.2 设计思想. 93.3 数据库设计. 93.4 总体框架结构. 103.5 模快功能划分. 11第四章 系统实现技术. 124.1 后台服务器的配置. 124.2 系统各部分实现方法. 164.3 具体页面设计. 19第五章 主要源程序. 215.1 HTML在线编辑. 215.2 图片自动裁切. 27第六章 结束语. 29致谢词. 30主要参考文献. . 31

2、摘 要 随着互联网日益深入社会生活，以网站作为对外的展示窗口，进行内外信息交流，已成为大众的迫切需要。网站论坛系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库。而对于后者则要求应用程序功能完备,易使用等特点。我们使用MACROMEDIA公司的Dreamweaver MX制作页面，使用Microsoft Access制作系统的数据库，结合当今比较流行的ASP技术，做一个具有页面样式设计、修改或删除论坛、修改或删除用户、数据更新、批量删除用户、设置总版主功能的小型的网站信息管理系统。

3、关键词: MIS 管理 asp 数据库SummaryWith the increasing depth of social life to the external website as a display window for the exchange of information within and outside, has become a pressing public need. Website forum system is a typical management information system (MIS), including its main development

4、background to the establishment and maintenance of the database and front-end application development The request for the establishment of strong data consistency and integrity, data security good database. For the latter request applications functions, such as easy to use features. We use the Dream

5、weaver MX Macromedia Company production run, the use of Microsoft Access database production system, with the more popular ASP technology, so a simple pattern design, modify or delete forums, modify or delete users, data update, Batch delete users, the total installed automated functional informatio

6、n management system for small websites. Keyword : MIS management asp database引 言 论坛作为现代社会当中的一种集娱乐、通讯、资源共享为一体的信息传播工具，而在不同版本的论坛中又有着各项不同的功能。以前一般比较普遍能见到的论坛都是只能实现发帖和看帖的功能，也就是说仅仅做为一种交流的工具，现在论坛的功能也在不断的改进，很多论坛都实现了娱乐功能，设立版主、管理员等不同的级别，通过发帖和回帖的数量也得到相对的积分来提高自己在论坛里的身份。通过论坛用户所得到的不仅仅是各类信息，资源的共享也在成为论坛的一种趋势。 论坛跟别的网络

7、交流产品（如：博客）相比较有以下的特点：1、从适用的范围来看：论坛是由很多人聚在一起的聊天，是一个自由交流的公众场所；2、从网络文化的角度来看：论坛是一个开放的、自由的空间，面向的是一个较松散的群组，是服务于公众的，它是为了解决人们缺乏自由发表言论的机会而创设的；3、从文章的组织形式来看：论坛采用帖子固顶和根据发帖的时间顺序来组织帖子(文章)，并采用主题方式对帖子(文章)进行分类,但这种分类用户是不能随意更改的，只有版主以上级别才具有这个权限，虽然具有主题分类的方式，但实际上这种分类对于用户来说是随意的，用户有时并不按这种分类来发帖。4、从交流方式上来看：论坛充许用户回复，但必须注册(通过设置

8、也可以不需要注册)，用户在某个区参加讨论后，过一段时间，就很难再找回曾经发过的帖子 。5、从内容显现上来看：论坛的开放性和自由性使用得用户在发表帖子时有时可以不假思索，随意性强。第二章 系统设计相关原理2.1 Dreamweaver MX 2004简介Dreamweaver MX 2004是Macromedia公司最新推出的一款可视化的专业级HTML（超文本标识语言）编辑器。它是一款构建专业Web站点和应用程序的最佳选择，它组合了功能强大的布局工具、应用程序开发工具和代码编辑支持。Dreamweaver的设计和整合功能是以CSS为基础的，强大而稳定，可帮助设计人员和开发人员轻松创建和管理任何站

9、点。在Dreamweaver中既可以它可视化的编辑环境中编制网页，又可以利用它提供的HTML代码编辑器手工编写HTML代码。在Dreamweaver MX 2004中提供了3种查看方式代码视图、设计视图和拆分视图，其中拆分方式可以将代码视图和设计视图这两者很好地结合在一起，为网页制作提供了一个强有力的工具。Dreamweaver的可视化编辑环境可以说是其优势之一，它将可视布局工具、应用程序开发功能和代码编辑支持组合为一个功能强大的工具，利用它可以快速地设计出需要的、具有完善功能的网页，而不用写一行代码。Dreamweaver提供了完备的面板组，为网页的设计提供了极大的方便。在Dreamweav

10、er MX 2004中,不仅仅提供了对CSS的强大支持,并且还提供了周到的手动编辑功能,从而使得在一个集成和高效的环境中为专业人员提供了所需的各种工具。此外,该产品还包含了众多新增的功能,这些新增功能改善了软件的易用性,从而使得无论是处于设计环境还是编码环境都可以方便地生成Web页面。例如,自从Dreamweaver 4开始,Dreamweaver便开始与Fireworks融合起来,既可以将Fireworks编辑的图像直接导入到Dream waver中,也可以在Dreamweaver中启动Fireworks来编辑插入的Fireworks图象.而且,在Dreamweaver MX 2004还提供

11、了一个更好的工具集成的图像编辑工具栏,可以使用Fireworks技术直接从Dreamweaver中进行基本的图像操作和编辑,包括进行裁剪、调整大小和重新取样等操作,根本就不用离开Dreamweaver,也不用安装Fireworks。同时,Dreamweaver MX 2004是建立Web站点和应用程序的专业工具。配合使用各种数据库服务技术,可以在Dreamweaver中建立起强大的、基于数据库的Web服务和应用。Dreamweaver的工作界面如图：2.2 Access简介Access中文版是Microsoft Office 2000套装软件的数据库管理系统软件，是目前比较流行的小型桌面数据库

12、管理系统，它适用于小型企业、学校、个人等用户，可以通过多种方式实现对数据收集、分类、筛选处理，提供用户查询或打印报表。Access具有良好的界面，采用了与Windows和Microsoft Office系列软件完全一致的风格，用户可以通过菜单和对话框操作，不用编写任何命令便能有效地实现各种功能的操作，完成数据管理任务。Microsoft Office的一个集成化的程序设计语言是VBA(Visual Basic for Applications)，使用VBA可以创建非常实用的数据库应用系统。Access可以作为个人计算机终端和大型主机系统之间的桥梁。通过如SQL、ODBC等特定技术，方便地存储、

13、检索和处理服务器平台上的关键信息，提供了灵活、可靠、安全的客户/服务器解决方案。Access可以接受多种格式的数据，从而方便了用户在不同系统之间进行数据转换。随着Internet网络应用的发展，Access还增加了使用信息发布Web 向导和用HTML格式导出对象的功能。Access数据库系统是一种关系型数据库管理系统，利用Access系统开发数据管理软件，一般不需要编写程序，只要根据任务提出的要求，通过键盘和鼠标器，选择必需的命令，就能够开发出简单、实用、美观大方的应用软件，有效地处理日常数据。Access的主要特点是：（1） 存储文件单一（所有形式的相关数据都包含在一个以.mdb为后缀名的数

14、据库文件中）。（2） 支持长文件名，便于标识与查找。（3） 面向对象的开发方式（开发应用程序简便）。（4） 处理多种数据信息。（5） 界面友好、工作方式灵活（直接操作与应用程序操作）。（6） 强大的网络功能（Access数据可通过Internet传送）。Access的工作界面如图：2.3 ASP简介 ASP是 Active Server Pages(动态服务器主页)的缩写,它是一个服务器端的脚本环境,在站点的Web服务器上解释脚本,可产生并执行动态、交互式、高效率的站点服务器应用程序。ASP可以胜任基于微软Web服务器的各种动态数据发布。ASP方法与传统静态主页的区别把信息系统纳入Intern

15、et/Intranet的框架之后,首先要解决的问题是通过网页访问后台数据库信息。所有应用程序都被分割为页面的形式,用户的交互操作是以提交表单等方式来实现的,这就要求Web 站点具有很强的动态数据发布能力。然而,目前Web的服务,仍以提供 静态主页内容为主。所谓静态,指的就是站点的主页内容是固定不变的,无法根据用户的需求和实际情况作出相应的变化。当浏览器通过Internet的HTTP协议向站点的Web服务器申请主页时,站点服务器就会将已设计好的静态的HTML文件传送给浏览器。若要更新主页的内容, 只能用非在线的手动方式更新HTML的文件数据。 ASP所设计出的是动态主页,可接收用户提交的信息并作

16、出反应, 其中的数据可随实际情况而改变,无须人工对网页文件进行更新即可满足应用需要。例如:当在浏览器上填好表单并提交HTTP请求时,可以要求在站点服务器上执行一个表单所设定的应用程序,而不只是一个简单的HTML文件。该应用程序分析表单的输入数据,根据不同的数据内容将相应的执行结果(通常是数据库查寻的结果集)以HTML的格式传送给浏览器。数据库的数据可以随时变化,而服务器上执行的应用程序却不必更改,客户端得到的网页信息会始终保持新鲜的魅力第三章 系统的设计3.1 设计环境1.硬件环境：中央处理器（cpu）： P4以上内存： 128M以上硬盘空间： 10G以上（以上配置能够很好的运行本程序）2.软

17、件环境：Dreamweaver MX 2004Microsoft Access2000/2003Windows 2000server+IIS5.03.2 设计思想1.论坛的定位 内容定位： 技术为主，娱乐为辅 功能定位： 自由自主，使用方便 2.设计思想 网站论坛是用来方便人们交流、互动的一个手段，通过论坛凝聚网站的人气。由 原始的网友发展新的网友，这就要求此论坛需要有强大的娱乐性和实用性，只有给网友带来娱乐和帮助才能凝聚论坛的人气。3.3数据库的设计字段名数据类型说明username文本用户名face文本面板sex文本性别mail文本电子邮件homepage文本首页subject文本科目co

18、ntent备注内容lydate日期/时间时间IP文本lastdate日期/时间时间hf数字yd数字pic文本图片secret是/否判断top1是/否判断lock是/否判断mark是/否判断webid文本qq文本lastname文本姓名jinghua是/否fontcolor文本字体颜色edittime日期/时间时间edituser文本编辑用户3.4整体框架结构退出登陆论坛首页注册登陆没有注册发帖看帖3.5模块功能划分根据论坛的开发，系统大致可分以下三个模块，即管理模块、看帖模块、查询模块，可以将系统分解成几个功能模块来分别设计，功能模块之间关系如图：管理区看帖区论坛首页查帖区管理模块A. 用户注

19、册用户名和密码B. 通过用户名登陆C. 发贴牌名的管理D. 精华贴的管理看贴模块E. 点击已发的帖子进入查看F. 对喜欢的帖子进行回复查询模块G. 通过帖子的主题查看帖子H. 通过作者查看帖子I. 通过发言或回复的内容查看帖子第四章 系统实现技术4.1 后台服务器的配置1. 设置IIS服务本系统使用了IIS5.0作为系统服务器。如果使用的是Windos2000以上版本的操作系统，那么添加IIS5.0服务器非常简单：如图：（1）在控制面板中选择“添加/删除程序”，在出现的对话框中选择“添加/删除Windows组件”。（2）在出现的复选框中选择安装Internet信息服务（IIS），点击“下一步”

20、按钮，并在光驱中放入Windows安装光盘，安装程序即可，将程序文件复制到硬盘中，用这种方法添加的IIS组件中包括Web，FTP，NNTP和SMTP等全部四项服务。（3）运行IIS，IIS添加成功之后，进入“开始” “程序” “管理工具” “Internet服务器管理”可以打开IIS管理器（或“控制面板”）“管理工具” “Internet 服务器管理”论坛的各个系统模块里都使用ASP的Session（会话）对象和Application（应用程序）对象。这样，就必须创建一个ASP应用程序来处理用户登陆次数信息。一个ASP应用程序必须使用一个公用的目录结构，该目录包含了网站使用的所有页面，页面的具

21、体位置并不重要，但要让这些页面都存于一个功用的目录结构里。创建ASP应用程序的具体步骤为：打开ASP服务器，进入Web根目录。单击鼠标右键，选择“属性”命令，弹出如图所示的属性对话框，在应用程序设计里，创建ASP应用程序。名称与Web根目录同名。这样我们就创建好了。2. 设置虚拟目录论坛的准备工作已做好下面来介绍一下具体的步骤：先在IIS服务器中设置一个虚拟目录，虚拟目录的创建有助于我们运行做好了的页面，能够很清晰的判别出我们做的是否正确。（1） 择“开始”“设置”“控制面板”，双击“管理工具”图标打开“管理工具”对话框。（2） 单.击“Internet信息服务”图标，打开“Internet信

22、息服务”对话框。（3） 从左边窗格中选择“默认网站”，右击，从下拉菜单中选择“新建”，在弹出的菜单中选择“虚拟目录”，在弹出的窗口中定义一个虚拟目录名“111”。（4） 单.击“下一步”，在弹出的窗口中输入包含内容的目录路径。3. 定义动态站点打开Dreamweaver MX 2004软件，选择“文件” “新建”命令，然后出现了“新建”对话框，如图所示： 选择“类别”中的“动态页”，然后选择“动态页”中的“ASP VBScript”，单击创建即可得到我们所需的界面。操作步骤：1 首先，打开Dreamweaver MX 2004，选择菜单栏中的“站点/管理站点，命令，或者选择文件面板中的“管理站

23、点”命令，打开“管理站点”对话框。2 单击“管理站点”对话框中的“新建”按钮，在弹出的菜单中选择“站点”命令。3 单击“站点”命令后，系统会弹出相应的窗口，这是一个定义站点的向导，单击打开“基本”选项卡，给网站定义一个名称“111”。4 单击“下一步”按钮，在弹出的窗口中设置网站是否使用服务器技术，选择“是，我想使用服务器技术”，在“服务器技术”的下拉菜单中选择“ASP VBScript”5 单击“下一步”，在弹出的窗口中的选择你将把你的文件存储在计算机的什么位置。6 单击“下一步”，在“你应该使用什么URL来浏览站点的跟目录 ”的文本字段中输入：HTTP：/127.0.0.1/7 单击“下一

24、步”，然后单击“完成。站点就建立好了。 4.2 系统各部分实现方法1. 创建数据库 （1） 打开Access软件，选择菜单“文件”“新建”“空数据库”命令，打开“文件新建数据库”对话框，在对话框中选择路径和文件名，然后单击“创建”按钮，新建数据库。（2） 在弹出的“Address：数据库”对话框中双击“使用设计器创建表”。（3）在表设计框中输入各个字段。注意在建立好第一个ID字段后，单击工具栏中的“主键”按钮，将ID设置为主键。（4）工具栏中的“保存”按钮，保存表，在弹出的“另存为”对话框指定表名称。2. 创建数据源 （1） 选择应用程序面板中的“数据源”，单击按钮,在下拉菜单中选择“数据源名

25、称”。 （2） 在弹出的对话框中输入”连接名称:conn”,单击“定义”按钮，在弹出的对话框中选择选择“系统DNS”选项卡。 （3） 单击“添加”按钮，选择驱动程序Driver do Microsoft Access (*.mdb ),添加系统数据源。（4） 单击“完成”按钮，弹出“安装”对话框，在“数据源名”文本框中输入数据源的名称，在“说明”文本框中输入数据库相关的说明性文字，然后单击“数据库”域中的“选择”按钮，选择前面创建的数据库。（5） 单击“确定”按钮，回到“ODBC数据源管理器”对话框，可以看到刚才新建的数据源。（6） 单击“确定”按钮，完成数据源的创建4.3具体页面设计首页:注

26、册页:帖子预缆界面下面是实现页面颜色的更换功能的源程序:select name=skin id=skin onChange=javascript:location.href=default.asp?skin=+document.all.skin.value%if session(webid) then%+&username=+document.all.username.value杨晓磊option value=2 杨晓磊option value=3 杨晓磊option value=4 杨晓磊option value=5 杨晓磊option value=6 杨晓磊第五章 主要源程序5.1 HTM

27、L在线编辑中的字体改变程序作为一个论坛HTML在线编辑很重要，因为别人发贴之后论坛的风格都会改变，因此每个论坛都会有HTML在线编辑。HTML在线编辑设计思想的流程图：论坛首页文本编辑框文本编辑规范的帖子不规范的帖子数据库提示重写是否规范在发帖时拥有比较个性的文字再用可爱的小图片来进行衬托，想必这样的效果肯定会受到用户的欢迎。1.一般字体默认的标签格式：杨晓磊YOUNGZI 接下来，我们把字体设置为黑体或者宋体字样式，它的标签如下:杨晓磊YOUNGZI 在以上格式里，我们引出了字体的标签元素.该标签具有下面三个属性值：size=. 设置字体的大小，一般从1到7，它的默认值是+3，每次改变字体都

28、是+3或者-3。 color=. 字体颜色的设置。定义颜色可以利用RGB的16进制 值，比如： color=“#ffffff” 。也可以直接利用颜色英文来定义，比如： color=“white” face=. 字体样式的设置，比如：face=“黑体”。或者 face=“黑体，宋体”。后者的格式，每当浏览器访问第一种字体失败后，浏览器就会访问第二种字体，依此类推。下面是一个完整的字体格式：font face=黑体 size=2 color=#FFFFFF杨晓磊YOUNGZI2.HTML还提供了以下字体样式标签：(1)六个标题样式 从h1到h6，如：杨晓磊YOUNGZI (2)字体风格斜体字：杨晓

29、磊YOUNGZI 粗体字：杨晓磊YOUNGZI 斜体+粗体字：杨晓磊YOUNGZI (3)定义文本 定义大字体 杨晓磊YOUNGZI，如果还想增大字体可以采用，杨晓磊YOUNGZI 定义小字体 杨晓磊YOUNGZI或者杨晓磊YOUNGZI 如果你在字体标签中设置了size=.,那么标签将不起作用。 除了以上常用字体标签元素外，HTML还包含很多其它标签，但不我们不多用。 3.CSS(层叠样式表)改变在过去页面上的字体是一成不变的，静静的呆在那。当DHTML(动态网页)出现后，我们能有更多方式控制字体了。一般来说，动态字体的实现核心是CSS(层叠样式表)加JavaScript。使用了以上两项技术

30、后，字体就能产生许多变化。 CSS定义字体的标签元素 font-family: 设置字体字族。 杨晓磊YOUNGZIfont-sytle:设置字体类型。 杨晓磊YOUNGZI font-weight:设置字体的字重。 杨晓磊YOUNGZI font-size:设置字体大小。 杨晓磊YOUNGZI font-decoration:修饰文本字体，比如带下划线“underline”。 杨晓磊YOUNGZI 对于以上的字体设置，我们可以采用一个方便的方法： 杨晓磊YOUNGZI在style定义的次序是：font-style,font-weight,font-size,font-family. CSS定

31、义字体和定义字体的冲突 对于CSS定义字体和定义字体，我们都要注意以下问题，比如有以下字体设置： 杨晓磊YOUNGZI 这时候字体大小将以font-size: 200pt的定义来设置。但如果你在中加入size属性，比如： 杨晓磊YOUNGZI 这时候，字体的大小以size的设置为准，font-size: 200pt将不起作用。其它的属性也是一样。如果你无需动态字体，就利用HTML4.0的来定义字体，需要动态字体时，就需要使用CSS和JavaScritp来定义字体及引发事件。 )定义CSS字体属性类 一般我们在制作动态字体时，我们会首先利用CSS定义出页面字体的整个属性，然后在页面中引用，而不用

32、对每段文本进行设置，这也是实现动态字体首先一步。 .tt2 font-family:黑体; font-size: 16px; font-style: normal; line-height: 17px 杨晓磊YOUNGZI 在以上代码中，“杨晓磊YOUNGZI”两个字引用了.main_2类定义的字体样式。当然你可以在中定义不同的字体样式，以便页面中根据不同字体加以引用。比如： .tt1 font-family:宋体; font-size: 15px; font-style: normal; .tt2 font-family:黑体; font-size: 16px; font-style: no

33、rmal; 杨晓磊YOUNGZI 杨晓磊YOUNGZI 4.让字体动起来 要让字体动起来，我们可以利用本身CSS的事件或者让JavaScript引发事件。 CSS引发事件 例一 杨晓磊YOUNGZI link定义的是链接在页面显示的颜色(黑色)及链接没有下划线，visited定义的是单击链接后的颜色(白色)，hover定义的是指向链接时的动态颜色。以上实例表示，当指向链接“杨晓磊YOUNGZI”后字体颜色从黑色变成蓝色，并加下划线，单击链接后，链接颜色变成白色。 例二 杨晓磊YOUNGZI 以上实例是利用内联改变字体样式，当鼠标指向“杨晓磊YOUNGZI”时字体因为定义了this.style.

34、fontSize=200，这两个字放大至200pt,当鼠标移开“杨晓磊YOUNGZI”时，因定义了this.style.fontSize=100，这两个字体缩小到100pt. JavaScript引发事件。 H1.italic font-style:italic H1.bold fon t-style:bold; function changeHead() if (H1_1.className=bold) H1_1.className=italic else H1_1.className=bold; 杨晓磊YOUNGZI 在上面的实例当中，我们首先定义了两个CSS类H1.italic和H1.b

35、old，然后利用JavaScript脚本定义函数 changeHead(),最后在需要的地方引发事件执行定义好的函数。这里我们引发了两个单击事件onmouseover和onmouseout。在这里我还要说一点，因为你定义了H1两个类H1.italic 和H1.bold，所以当你在引用时，要首先设置class=bold，表示字体以bold样式出现。然后，移动鼠标到“杨晓磊YOUNGZI”上，触发了事件一，移开“杨晓磊YOUNGZI”时，触发了事件二。5.2 图片的自动裁切 由于论坛当中有图片上传的功能，但往往很大的图片很难上传，那么在图片上传的时候图片的大小就很关键，如果能实现图片上传时的自动裁

36、切，那么这样的论坛也就显得人性化了。1、图片上传的流程图： 论坛图片大小是否符合要求裁切上传图片2、图片自动裁切的设计思想：首先我考虑到的是，用户上传图片时并不会发现图片的大小已经超过了我程序里所规定的大小，那么我就需要用一个程序来自动查看用户所上传的图片的大小。代码如下：PhotoUrlID=Clng(trim(upload.form(PhotoUrlID)SavePath = SaveUpFilesPathif right(SavePath,1)/ then SavePath=SavePath&/for each formName in upload.fileEnableUpload=Fa

37、lseset ofile=upload.file(formName)oFileSize=ofile.filesizeif oFileSize(MaxFileSize*1024) thenmsg=文件大小超过了限制，最大只能上传& CStr(MaxFileSize) & K的文件！FoundErr=trueend if像这个程序就规定了图片的大小不能超过1024K。 如果图片超过1024K将进行图片裁切（resize），其流程图如下：分析图片的大小Rs函数调用resize函数保存后上传重置图片的宽比例重置图片的高 第六章 结束语毕业设计是对我们三年来所学的知识的一个总结，也就是对自己进行的一个测

38、试，看看自己究竟学到了多少，还有那些不足的地方需要去弥补。通过这段时间来在我们的共同合作努力，终于完成了我们的毕业设计论坛系统。这是一个很庞大的系统，可以用它在将来取代传统的娱乐、工作和通信方式，省时、省力。用户可以随时了解网友的信息，达成资源共享。在设计过程中遇到了很多自己解决不了的问题，发现自己懂得的东西太少了，学的知识太少了，好多学过的知识都不能灵活地运用起来。当今的时代是信息的时代，网络的诞生给我们带来了许多的方便。因此我们要不断地学习，掌握更多的知识，跟上时代的步伐，走在时代的最前面。致谢词：感谢学校和单位给我们提供了良好的设计环境，感谢毕业设计期间老师对我们的精心指导，在老师的帮助下我们完成了毕业设计，他们不厌其烦地教我们，使我们从中受益匪浅，从老师身上学到了很多知识，再次感谢老师对我们的帮助。主要参考文献1宣小平：ASP数据库系统开发实例导航，人民邮电出版社,2003年1月第1版。2杨志波：Dreamweaver MX 2004标准教程，中国宇航出版社,2004年第1版。3陈建伟：ASP动态网站开发教程第二版，清华大学出版社，2005年1月第1版。31