DHTML动态网页—论坛制作（可编辑）

DHTML动态网页—论坛制作（可编辑） DHTML动态网页—论坛制作 毕业 设计 领导形象设计圆作业设计ao工艺污水处理厂设计附属工程施工组织设计清扫机器人结构设计 ( 论文 政研论文下载论文大学下载论文大学下载关于长拳的论文浙大论文封面下载 ) 题目:DHTML动态网页??论坛制作 姓名:学号:指导教师职称: (教授)(部门经理) 专业: 计算机科学与技术 班级: 计算机01班 所在学院: 计算机科学与 工程 路基工程安全技术交底工程项目施工成本控制工程量增项单年度零星工程技术标正投影法基本原理 学院年 05 月 目 录 目 录 I 摘 要 II AbstractIII 第一章 前 言 1 1.1 网页技术的发展 1 1.2 论坛技术发展的背景、目的及意义 1 1.3 应解决的主要问题及技术要求 2 1.4 论文章节安排 3 第二章 总体规划与设计 4 2.1 系统可行性分析 4 2.2 系统设计思想 4 2.3 系统设计目标 4 2.4 系统整体结构及其说明 5 第三章 开发环境 9 3.1 硬件环境 9 3.2 软件环境 9 第四章 总体方案的设计与实施 13 4.1 网页制作工具的选择 13 4.4 设计过程中使用的主要技术及元素 14 4.5 Web数据库的建立及链接 14 第五章 详细设计 21 5.1 关键部分实现代码 21 5.2 设计结果及分析 28 总 结 35 致 谢 36 参考文献37 摘 要 在Internet飞速发展的今天,互联网成为人们快速获取?发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用.因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视? 动态网页采用动静结合的原则,具体采用动态还是静态网页主要是看当时对页面的功能需要,动态网页是以数据库技术为基础的,可以大大降低网站维护的工作量,而且他并不是独立存在于服务器上的网页文件,只有当用户请求时 服务器才返回一个完整的网页。 论坛,作为信息的传播和交流介质,对信息交流与传播起到了空前的推动 作用。论坛的主要制作目的是为了让人们能够方便的进行交流,这就要求必须是 动态网页,用户发出登录、交流等请求,服务器作出相应的反应。因此这里选择使 用广泛使用PHP技术进行开发,使用apache作为开发服务器,数据库采用的是 mysql。通过PHP编写的动态网页代码,在apache服务器上运行,mysql实现数据 存储,最终综合运用这三种核心技术,实现了用户注册登录、发帖、回帖、管理员 管理论坛模块等功能。 关键词:PHP;apache;mysql;动态网页;论坛 Abstract Nowadays, as the rapid development of Internet, the Internet become the faster access , release and an important channel for transmitting information, it plays an important role in people's political, economic, and other aspects of lifeTherefore, the development of website on the status of Internet applications is obvious; it has become an important part in the government’s and enterprises’ information technology, and it draws so much attention Dynamic pages follow the principle of combining dynamic and static, which specific to the functions we need. Dynamic web based on database technology, which can greatly reduce website maintenance workload, and it is not a single file which exists in server page files when the user require a full server page Forum, as the dissemination and exchange of information media, exchange and dissemination of information played an unprecedented role in promoting. The main purpose of forum is to allow people to easily communicate, which requires to be dynamic pages, and choose to use PHP technology which is widely used in the world, use apache as a development server, the database used is mysql. PHP dynamic Web pages by writing code to run on the apache server, mysql for data storage, and ultimately the integrated use of this three core technology, the user login and register, post Replies, administrators’ Management of Forum module functions are all realized. Keywords:PHP;apache;mysql;dynamic;forum 第一章 前 言 论坛使得人们在互联网上能够自由的沟通,了解别人的想法并且能够发 表 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 自己的看法共别人参考,是一个了不起的交流工具。麻雀虽小,五脏俱全,别看 一个小小的论坛,它却涉及到了不少的网页开发及网络技术。 1.1 网页技术的发展 Internet是目前世界上最大的计算机互联网络,它遍布全球,将世界各 地各种规模的网络连接成一个整体。作为Internet上一种先进的,易于被人们所 接受的信息检索手段,World Wide Web简称发展十分迅速,成为目前世界上最大 的信息资源宝库。据估计,目前Internet上已有上百万个Web站点,其内容范围 跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域, 其用户群十分庞大,因此,建设一个好的Web站点对于一个机构的发展十分重要。 近年来,随着网络用户要求的不断提高及计算机科学的迅速发展,特别是数据库 技术在Internet中的广泛应用,Web站点向用户提供的服务将越来越丰富,越来越人性化。 Internet带给我们的不仅是无穷的信息,更是交流和学习方式的变迁,在互联网高速发展的今天,传统的打电话,面对面的交流和学习方式因时间和空间的限制,已无法满足当今快节奏的生活,在网络化的今天,依托互联网论坛保持用户之间的联系和交流,显得非常方便.因此进行这方面的研究有非常重要的实际意义。 随着因特网的迅猛发展,网络上迅速衍生出一种信息传递方式??网站,它是一些列网页的集合,早起的网页是静态的,也就是说它的页面上的所有信息都是固定不变的,除非管理员对其进行重新布置,给人的感觉就是很死板。后来,由于人们的需求不断增多,出现了动态网页,比如后缀名为php、jsp、asp等等,它们都是布置在服务器端,当用户需要进行身份验证、参与互动等复杂操作时,网页就需要进行数据库操作,从而让页面针对特定的操作,将不同的结果反馈给用户端。 早起的动态网页主要采用CGI技术,CGI即Common Gateway Interface(公用网关接口)。你可以使用不同的程序来编写合适的CGI程序,如VB、Delphi、C或C++等。虽然CGI技术已经发展成熟而且功能强大,但是由于编程困难、效率低下、修改复杂等多方面的问题,而逐渐被新的技术取代。 动态网页具有很多静态网页所没有的特征:首先,动态网页一般要以数据库技术为基础,这样可以大大降低网站维护的工作量;其次采用动态网页技术的网站可以更多的与用户进行交互;最后,动态网页实际上并不是单独存在于服务器上,只有当用户请求时服务器才返回一个完整的网页。 1.2 论坛技术发展的背景、目的及意义 “论坛”这个词汇是中文赋予给BBS的含义,它的英文全称是Bulletin Board System,直译成中文就是“电子布告栏系统”。BBS最早是用来公布股市价格等类信息的。当时BBS连文件传输的功能都没有。早期的BBS与一般街头和校园内的公告板性质相同,只不过是通过来传播或获得消息而已。 1978年在美国芝加哥开发出一套基于8080芯片的CBBS/ChicagoComputerized Bulletin Board System/Chicago,这是最早的一套BBS系统。后来随着苹果机的问世,又开发出基于苹果机的Bulletin Board System和大众信息系统(People’s Message System)2种BBS系统。1981年IBM个人计算机诞生时,并没有自己的BBS系统。直到1982年,Buss Lane 才用Basic语言为IBM个人计算机编写了一个原型程序。其后经过几番增修,终于在1983年通过Capital PC User Group(CPCUG)的Communication Special Interest Group会员的努力,改写出了个人计算机系统的BBS。经Thomas Mach整理后,终于完成了个人计算机的第1版BBS系统??RBBS-PC。这套BBS系统的最大特色是其源程序全部公开,有利于日后的修改和维护,因此后来在开发其他的BBS系统时都以此为框架,所以RBBS-PC赢得了BBS鼻祖的美称。 然而当时,站与站之间联系的实现并未解决。1984年美国的Tom Jonning开发了一套具有电子功能的电子公告板程序FIDO。由于该软件具有站际连线和自动互传信息的功能,所以站际间彼此可以在一个共同的预定时间传送电子邮件,使得BBS网络化有了一线生机。BBS发展至今,目前世界上业余的BBS网络除了FidoNet(惠多网)以外,几个较具知名度的还有EggNet、AlterNet和RBBS-Net等等。由于这些网络和FidoNet之间的信息交流不成问题,这就实现了所谓的跨网。 近些年来,在爱好者的共同努力下,BBS的功能得到了很大的扩充。目前,通过BBS系统可以随时取得各种最新的信息;也可以通过BBS系统来和别人讨论各种有趣的话题;还可以利用BBS系统来发布一些企业招聘、求职应聘等启事;更可以召集亲朋好友到聊天室高谈阔论„„这个精彩纷呈的天地就在你我身旁。只要你们的计算机接入了互联网,就可以进入这个交流平台,来享用它的种种服务。 论坛设计的目的是为了在网友的发帖中,能得到有益的教诲和启发。论坛应具有知识性,趣味性,公平性,和谐性等优点。论坛给天下的网民都提供了交流的平台,为网络的互动性做出了巨大的贡献,通过论坛,网民们得以更方便的交流,更便捷的发表自己的观点,而且发布信息都是通过有 记录 混凝土 养护记录下载土方回填监理旁站记录免费下载集备记录下载集备记录下载集备记录下载 的文字来进行,所以这样也避免了精华内容的流失。通过论坛来征得自己想要的信息,有更高的效率和时效性。也最节约成本和资源,在论坛的交流过程中,无论喜怒哀乐都是在虚拟的环境中进行,也避免的正面的尴尬和冲突等,在论坛中,可以演变成任何角色,变换多种身份,因为网络的特征,使得人民更加依赖于论坛中的交流。 1.3 应解决的主要问题及技术要求 设计之前,需要先搭建好开发、调试环境,比如php.ini配置,apatche.ini配置等,打开需要用到的功能模块,像php的mysql数据库模块、gd2图像模块都是要手动开启的,默认情况下是不能使用这些功能的。此外,配置时要指定根目录。论坛设计需要实现常见论坛的基本功能,如用户注册、登录、发帖、回帖等,在时间充足的情况下,再将其功能向外扩展。开发技术方面,我选择PHP和MySQL,这就要求熟悉PHP的MySQL接口的使用,在用户进行各种操作的时候,在PHP脚本语言内进行数据库的存取操作。其次,当页面在跳转的时候,假 如用户已经登录,此时就要求记住用户的登录状态,实现这个功能的技术有SESSION和COOKIES两种,在这里,我选择使用相对简单的SESSION技术。此外,页面的整体布局也需要重视,论坛是提供给用户来使用的,UI上必须要花费一定的精力,界面要做到相对友好,因此采用Dreamweaver来取代人工代码来实现布局控制。 1.4 论文章节安排 按照论述的内容,本文共分为五章,各章主要内容安排如下: 第一章为前言,主要指出6>HTML的发展、国内外论坛开发和发展现状,以及此次开发应解决的主要问题; 第二章,总体规划与设计,主要描述可行性分析、需求分析、设计思想; 第三章,开发环境,主要介绍硬件环境、软件环境,以及软件环境的搭建; 第四章,总体方案设计与实施,详细阐述页面设计,数据库设计; 第五章,关键部分代码设计及分析,论坛实现抓图及使用方法; 最后就是总结部分。对工作流中间件的发展做了展望,并提了以后需要改进和注意的地方。 第二章 总体规划与设计 本章主要介绍论坛系统的可行性分析、设计思想、以及整体框架构思,从而,系统地形成整个系统的整体设计思路,很好的指导后边的功能设计和页面设计。 2.1 系统可行性分析 该论坛系统是以实现用户前端注册、登录、发帖、回帖,管理员后台管理 论坛为目的的,并提供友好的交互界面。为用户提供良好的基于网络的沟通交流平台。需要动态网页与静态网页相结合,涉及到网页中数据库操作,网页UI设计,后台逻辑控制。现在,开发环境已经配置好,必要的PHP、MySQL的开发技术已经掌握,此系统可以实现。 2.2 系统设计思想 该论坛系统通过前端和后台数据库向用户展示信息,方便的实现了内容的维护和更新,使用户更快,更好的了解最新动态。系统将所有注册用户信息数据存入数据库相应的表中,当用户发出讨论的动态页面请求时,服务器就会执行相应的脚本代码,从数据库中查询出符合条件的用户信息,生成相应的页面发送到用户浏览器上。浏览器所显示的内容是随着后台管理数据库的变化而动态显示的,因此,用户可以获得其他论坛注册用户的最新动态信息。 根据模拟的角色不同和实现的功能不同,将论坛大致分为两个既独立又相互联系的两个模板:前台讨论和后台管理系统。 其中前台讨论作为注册用户进入论坛系统的入口,实现发帖和回帖的模拟。在这里不仅可以充分体验到论坛的乐趣与便捷,同时更重要的是使模拟者能对网上论坛有一个全面的认识。集中体现了信息流的流动过程。 后台管理子系统提供管理论坛的各项功能,实现论坛管理员角色的模拟。该子系统通过简明的WEB页面,提示管理员进行各项管理工作。例如:对注册用户的管理,对论坛各讨论区的管理,对用户发帖以及回帖的管理等等,所有这些管理工作都是很直观的,模拟者完全不需要任何背景知识,只需要按照WEB页面上的提示,便可轻松完成操作。 2.3 系统设计目标 现在已经明确了论坛系统的设计思想,整个系统的设计目标也大体上有了框架,整个系统应当实现的功能也已经相当清晰,下面就前台讨论子系统和后台管理系统两个子系统的设计思路分别进行介绍。 2.3.1 前台交流子系统 前台讨论子系统用户提供注册、登录论坛系统的入口,用户登陆后,可以进行发帖,提出各种不懂的问题和大家讨论,提供各种最新资讯和大家分享,或者查看其它用户的问题及解答,在线与用户进行交流,扩展大家的思维空间,更好的体现互联网时代的时代特征。 2.3.2 后台管理子系统 后台管理系统在功能上类似于一个MIS系统,但是在实现方法上有别于传统的MIS系统。该系统采用WEB页面作为管理界面,因此与MIS系统相比较而言,更加友好与智能化,管理员操作起来也更加便捷。系统首先提供管理员的登陆页面,当登陆者输入管理员账号密码后,系统将对登陆者的账号和密码加以验证,只有被识别为管理员的用户才能进入管理系统,执行各项管理职能。否则便只能进行各种普通用户的操作。该系统具有以下管理功能: 管理员管理 具体为论坛管理员设置。分为增加删除管理员、修改管理员密码。 用户管理 管理员对注册用户信息进行浏览并对注册的用户进行删除操作。 分类管理 包括添加、编辑、删除帖子分类。 帖子管理 对用户发帖进行浏览,并可进行移动、删除操作。 2.4 系统整体结构及其说明 论坛整体系统分为两个模块,前台模块设计给普通注册用户使用的,仅限注册、登录、浏览模块、发帖、回帖功能;后台模块是提供给管理员使用的,实现了论坛模块管理、用户管理、帖子管理功能。系统整体结构如图2-1所示: 图2-1 系统结构图 从以上结构图可以看出,整个论坛系统由两个子系统组成,而它们之间又相互联系。注册用户是由用户在终端控制,管理个人发帖信息以及资料信息,而除此之外的,由管理员在服务端控制,整个系统的运行也由管理员来维护。 用户使用论坛,具有一定的流程:用户注册后即可登录进入论坛,然后就可以发帖(主题帖)展开讨论,通过发帖功能发布新的话题,通过回帖功能可以回复已有的话题,通过搜索功能可以查找已有的话题,还可以通过资料管理,查看以及修改自己的注册资料;管理员通过管理功能创建、编辑、删除论坛的版块,管理注册永固,管理帖子,设置论坛参数等等。这样的流程就决定了论坛的需求,如图2-2所示: 图2-2 论坛流程图 从流程图上可以看到论坛完成的走向,其实每一个流程的节点处都有许多功能,如表2-1: 表2-1 论坛功能列表 论坛板块列表 浏览帖子 发帖回帖 搜索帖子 编辑帖子 删除帖子 精华帖 置顶帖子 转移帖子 用户注册 用户登陆 控制用户权限 修改注册信息 设置论坛参数 管理板块 管理用户 对这十六个凌乱无序的需求进行整理、归纳,再构建系统的整体框架,设计处数据实体、接口、用户界面,最终将所有功能需求装化为可以编码实现的程序框架。首先,通过观察论坛所有功能需求,可以发现在这十六个功能需求中,如果按照不同事务分类,可以分为四类对象:用户、板块、发帖和回帖。这四类对象,可以设计为四个数据实体,如果用数据库存储它们,即可以设计四个基本数据表。如图2-2所示: 图2-2 数据库基本表 板块有浏览列表和管理两个方法,管理方法又可以分为创建、修改和删除3个子方法,如图2-3所示: 图2-3 板块对象的相关用例图 帖子有浏览、发帖、回帖、搜索和管理5个方法,浏览方法又可以分为列表和查看2个子方法,管理方法又可以分为编辑、删除、置顶、转移、指定精华5个子方法,如图2-4所示: 图2-4 帖子对象的相关用例图 用户有注册、登陆和管理3个子方法,管理方法又分为添加、删除和设置权限3个子方法,如图2-5所示: 图2-5 用户对象的相关用例图 论坛一般存在两种用户,分别为注册用户和管理员。用户的权限是向下覆盖的,即上级权限包含下级权限,在本论坛中,管理员的权限是上级权限。与注册用户相关的功能,其实就是论坛前台的主要功能。论坛系统的前台,是用户讨论问题的平台,发帖、回帖一直贯穿用户整个的前台活动。同时,由于论坛系统的帖子 管理是管理员在帖子浏览时进行的,所以编辑帖子、删除帖子、转移帖子、置顶帖子和指定精华帖等功能也安排在前台实现。其他与管理员相关的功能,包括板块管理、用户管理和论坛设置等都是管理员在后台进行的操作。 第三章 开发环境 系统开发环境的选择对于系统的建立来说至关重要,它将决定着系统开发工作量的大小,系统的性能特点以及系统的维护工作难易等。因此在开发系统之前,根据对系统所采用的技术、实现功能的评估,在选择开发环境时,主要考虑以下几个因素:扩展性,总成本,功能,是否容易开发与管理,另外开放性和互操作性也是需要考虑的一个重要方面,因为该系统是运行在Internet上的,用户平台的差异决定了该系统必须具有良好的兼容性。 3.1 硬件环境 服务器端的配置主要由建立站点所需的软件来决定,在低配置下,服务器虽然能正常工作,但其性能往往不尽如人意。如果想使站点服务器工作得更好的话,我们需要更好的配置,特别是内存应该大于64MB。下面为服务器端的最低配置: 处理器:Intel Pentium 内存:64M 硬盘空间:500M以上 光驱:需要从光盘上安装操作系统和其它开发站点所需要的软件 网卡:ISA或者PCI接口均可 显卡:SVGA显示适配器 因为客户端主要用于发帖、浏览页面,和WEB数据库进行交换操作,因此 客户端对硬件要求不高,主要由所安装的Windows来决定。 3.2 软件环境 硬件环境只是给了你一个可以进行项目开发的机器,仅仅只是一副肉体。而具体开发使用的编译环境、服务器程序、数据库系统平台都是需要程序员来亲手配置,这才是灵魂,只有将灵魂附在肉体上,编写的程序代码才能被正确识别,才能按照预期的方式去执行。 3.2.1 平台软件 平台应该是建立易于开发、管理、扩充以及同开发标准兼容的解决方案的基础。服务器端平台软件采用PHP、Apache、MySQL,采用WAMP安装套件,便于开发环境的安装、配置、维护和管理,同时,采用MySQL的可视化编辑工具navicat8.0来提高数据库管理的整体效率。 Web服务器采用Apache。Web服务器从硬件角度上讲是Internet上保存Web页的计算机,从软件角度上讲是提供Web服务的服务程序。 Web服务器以及相应的论坛技术的出现和商品化,为企业在网上发布信息和挖掘信息提供了强有力的工具。现在由Internet上的众多Web服务器提供的超媒体数据连接服务也已迅猛发展。Web服务器通过与对象技术相融合,正在逐步发展为能够自由挂接各种应用对象的Web应用服务器。在此,我们主要从软件角度出发,选择适合于为论坛应用系统提供Web服务的服务程序。 目前,较为常用的专用Web服务器主要有三种:Apache、IIS和Tomcat。 Apache是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和安全性被广泛使用,是最流行的Web服务器端软件之一。Apache取自“a patchy server”的读音,意思是充满补丁 的服务器,因为它是自由软件,所以不断有人来为它开发新的功能、新的特性、修改原来的缺陷。Apache的特点是简单、速度快、性能稳定,并可做代理服务器来使用。 IIS的设计目标是提供适合性很强的Internet和Intranet服务器功能。IIS具有极高的执行效率,出色的安全保密性,易于管理以及启动迅速等特点。它既可以用于集成现有的应用方式,也可用于实时Web应用系统。 Java Web Server使用Java语言写成,故应用程序不用任何修改就可以从初级的服务器平台移植到功能强大的服务器平台。Java Web Server以纯Java服务器组件为特色,实现了所谓“在一处设计编写,在任何地方运行”的目标。与CGI批处理命令不同的是,Java Web Server与平台完全无关。 这几种Web服务器各有所长,但考虑到论坛系统需要具备较高的效率、较快的速度以及稳定的性能,对用户的请求必须在短时间内做出响应,选用Apache作为系统的Web Server。另外,PHP作为一种开源的脚本语言,具有快捷性,程序开发块快,运行快,技术本身学习快;跨平台性强,效率高;消耗的系统资源相当少;具有面向对象的思想等特点,并且PHP与Apache服务器紧密结合,加上它不断的更新及加入新的功能,而且几乎支持所有的主流与非主流数据库,再以它能高速的执行,使得PHP的使用站点的数量已经非常庞大。因此,Web开发使用PHP来开发,通过Apache来发布,具有良好的稳定性,高可用性和运行时的可靠性。 3.2.2 数据库系统 运行网上论坛需要处理大量的数据,而数据库系统是管理大量信息的仓库和引擎。SQL server 2005所具有的良好性能、可伸缩性,以及它与Windows XP的紧密集成,使得它非常适合充当论坛系统的发动机。因此在构建后台数据库时, 采用了SQL server 2005数据库系统软件,用以支持海量的数据存储以及多功能的数据查询。将后台数据和HTML以及XML格式的数据结合在一起,从而大大提高了从服务器到最终用户的信息流速度。 3.2.3 开发语言 程序设计采用PHP实现,PHP是一种以支持脚本语言为主,同为类C语言的开放式脚本开发语言,它可以很好的把HTML和脚本开发结合在一起,提高了编程的灵活性,降低了开发难度。PHP在性能方面的优势主要体现在以下几个方面: 无需编译 PHP脚本集成于HTML中,容易生成,不需要编译或者链接即可直接由服务器执行,可快速修改程序。 比CGI和ISAPI具有更多的优点 CGI程序不能为多个客户共享,对于新的请求必须启动新的进程,随着客户请求的增加,并行的进程也将增加,这对系统资源来说是一种极大的浪费,同时也加重了服务器的负担,降低了性能。 ISAPI比CGI有更好的性能,因为ISAPI应用以动态链接库存在,在其启动时加入内存,并且和Web服务器进程处于同一个系统空间,占用系统资源比较少。效率虽然提高了,但也带来了更大的风险,ISAPI进程和服务器进程处于统一系统进程空间,因此,一个违规操作就有可能导致Web服务器的崩溃。另外,无论时CGI程序还是ISAPI程序,基本上是独立于HTML之外的,完全用另一种语言开发,工作量大,与HTML结合得不够紧密。 PHP成功的改变了这些状况,PHP经过最佳化的多线程环境,不会单独成为一个Process,而是存在于这个Process中,可以同时服务多个讨论者,这样系 统的性能就大大的提高了,系统的响应速度也大大的改观。 面向对象 在PHP脚本中,可以很方便的引用系统组件和PHP内置组件。 独立于讨论器,因此可跨平台执行 PHP脚本是在Web站点服务器端执行的,因此客户端的讨论器不需要支持它。用户端只需要使用普通的可以解释常规HTML代码的讨论器,即可讨论PHP所设计的主页内容。论坛系统需要面对的是众多使用不同平台的用户,他们所使用的讨论器可以是IE,也可以是Netscape,还可以是其它类型。 源代码的保密性 PHP程序在服务器端执行,在客户端讨论的内容只是PHP程序执行的结果所生成的常规HTML代码,因此这样就可以保证PHP程序不会被泄漏。对于一个论坛而言,源代码的保密性是至关重要的。因为它直接关系到该站点的安全性。确保用户的所有信息不被第三方截获或破译是进行论坛运转的必要前提,而PHP程序的保密性恰好符合了这一点。 与任何Script语言兼容 除了可以使用VBScript或者Jscript脚本语言进行设计外,还可以通过插件的方式,使用由第三方所提供的其它脚本语言,例如:Prescript。本系统使用VBScript和JavaScript想结合的方式编程,这样既可以提高服务器的响应速度,又可以与客户端使用的大多数讨论器兼容。 3.2.4 开发工具 Dreamweaver进行站点的规划与设计 Dreamweaver 8是较好的网页制作工具,基本上实现了所见即所得的工作 方式,即使你不懂HTML语言,也能制作出专业效果的网页。如果你是高手,也可以在代码编辑窗口里直接写入代码,再切换到设计编辑窗口看效果。更为重要的是,可以在Dreamweaver 8里直接编写PHP代码。 Dreamweaver 8提供了许多先进技术,如站点管理,插件,CSS样式,动态HTML,框架,ActiveX,Java applet等。 编辑时有三种窗口:设计、代码、设计与代码,最后用internet explorer 来预览网页。 Dreamweaver 8可以打开的文件有*.htm,*.html,*.rtf,*.php,*.htt等等,也可以导入*.DOC, *.XLS, *.XML, *.WPD等,因此,本论坛系统采用了Dreamweaver 8来建立,管理Web站点的所有Web应用。 Photoshop cs 对页面中的图像进行处理 Photoshop 是优秀的图像处理软件,一直占据着图像处理软件的领袖地位,是平面设计、建筑装修设计三维动画制作及网页设计的必用软件。它的惊人的功能也引起广大业余图像处理爱好者的强烈兴趣。 第四章 总体方案的设计与实施 本系统依照真实的论坛流程进行程序设计,整个程序主要使用HTML语言,Windows 7作为服务器,MySQL用于对服务器数据库的维护,JavaScript, Dreamweaver 8,PHP等实现交互式论坛管理及其相关操作。完成以上各角色的功能,实际上是处理一系列的数据库,在后台我们对数据库进行操作,以实现网上论坛的运行。 4.1 网页制作工具的选择 Dreamweaver 8本身带有多种模式,可以根据需要加以选择,同时它与操作系统的集成性非常好,所以在站点管理等方面具有其它网页编辑软件所无法比拟的优势。因此在Web页面进行规划的过程中,我选用Dreamweaver 8作为主要设计工具。在网页制作过程中,其他的辅助工具起很重要的作用,因为Dreamweaver 8只能将很多元素编辑,而很多元素需要用Photoshop,Fireworks,Flash等其他软件加工处理 4.2 页面风格的确定 页面的风格至关重要,它要符合页面的内容所要表达的主题。论坛页面不要做得太花俏,因为论坛的主题定位于为用户与用户之间进行交互的平台,向用户实时提供其它用户提出的各种动态信息,因此应以朴实为主,这样就可使页面庄重大方,符合论坛信息作为信息传媒的主题。另外,为了保持整个站点风格一致,各分支页面的背景和图片也应保持朴实简洁。 4.3 Web页面的设计与制作 页面的设计应具体考虑三个方面,即页面的主题,结构,外观设计,下面分别从这三个方面介绍一下在制作Web页面时,应考虑的一些因素和采用的方法。 4.3.1 页面主题设计 首先要制定目标。论坛系统是为了向用户提供一个方便、快捷的交流平台,因此主页中必须包含会员注册、注册后的登录入口,登录后的信息讨论及查询页面等信息。其次,制定设计方法。采取自顶向下的方法,设计讨论路径,这是将网络层次化的过程。最后选择表达方式,所选的表达方式和设计风格要与目标一致。 4.3.2 页面结构设计 页面的组织也很重要,必须将信息在逻辑上组织得井然有序,为用户创造一种有趣和能够理解的资源。结构分布是否合理将决定讨论者对站点第一印象的好坏,如果结构设计合理美观,讨论者将产生浓厚的兴趣讨论整个网站。反之,如果在设计中,对如何连接页面中的各个部分只有一个模糊的概念,没有一种宏观和清晰的组织结构,那么用户在不久就会离你而去,转而去寻求组织得更好的信息。大多数页面的信息结构,可以采用四种类型:序列结构,分栏结构,网状结构和层次结构。其中按层次划分信息,是组织复杂信息的较好方式之一,并且含有层次组织的结构特别适合于作论坛。原因是整个论坛站点是被组织得由一个单一的主页向下延伸,大多数用户都熟悉这种等级的图形结构,都会觉得这些结构能帮助他们一步一步深入。另外,层次结构为人们所熟悉,使用户很容易建立一种进入站点的认知感觉。但层次不宜过多,太多往往令人厌烦。 4.3.3 页面外观设计 内容和组织结构确定好后,还应该考虑整个页面的外观。好的页面外观应有很好的一致性,也就是说相同的页面安排、背景图像、颜色组合、栏目条等。整个站点的页面在外观上风格应该保持一致。背景是整个页面的基调,同时也是给讨论者的第一印象,因此背景的选择也很重要。在设计本系统Web页面时,考虑到论坛作为知识传播的媒体,在外观上不能像娱乐站点那样花哨,而更应突出其文化氛围,尽量以简洁,素雅为主基调。 主页的制作大致分三个阶段:前期制作,中期制作和后期制作。前期包括整理资料,制作主题,构造结构;中期包括制作网页,测试修改;后期为发布,更新。前期的工作是制作论坛的主要阶段,但中期的测试是必不可少的环节,这符合软件工程原理。本论坛系统制作完成后,已经过测试,运行良好。 4.4 设计过程中使用的主要技术及元素 4.4.1 网页元素的定位 页面元素的定位有两种方式,一种使用图层,一种使用表格。用图层页面比较小,但是用太多的图层会导致站点在网上运行不太稳定,还是用表格定位比较精确。但是产生的文件较大,由于主页元素不多,所以采用了表格定位,整体看来,主页布局较为合理,给人耳目一新的感觉。 4.4.2 框架结构的选择 框架是网页结构中常用的一种讨论形式,特别是用在主页面所连接的各个分页上,为一个页面定义导航区与内容区。它将一个网页分割为若干区域,一个区域就是一个框架,以便使同一个页面的不同区域可以装载不同的文件。在论坛的各个分页面中,为了使用户能够自由的穿梭于班级,留言等环节中,应用了左右结构的框架结构,这样消费者可以在左边通过点击相应的链接,在右边了解到其中的内容。在讨论内容的同时,若想切换到其他任意的栏目,只需点击超链接即可,方便了讨论。 4.5 Web数据库的建立及链接 4.5.1数据库简介 MySQL(发音为"my ess cue el",不是"my sequel")是一种开放源代码的关系型数据库管理系统(RDBMS),MySQL数据库系统使用最常用的数据库管理语言--结构化查询语言(SQL)进行数据库管理。 由于MySQL是开放源代码的,因此任何人都可以在General Public License的许可下下载并根据个性化的需要对其进行修改。MySQL因为其速度、可靠性和适应性而备受关注。大多数人都认为在不需要事务化处理的情况 下,MySQL是管理内容最好的选择。MySQL,虽然功能未必很强大,但是因为它的开源、广泛传播,导致很多人都了解了这个数据库。 MySQL关系型数据库于1998年1月发行第一个版本。它使用系统核心提供的多线程机制提供完全的多线程运行模式,提供了面向C、C++、Eiffel、Java、Perl、PHP、Python以及Tcl等编程语言的编程接口(APIs),支持多种字段类型并且提供了完整的操作符支持查询中的SELECT和WHERE操作。时至今日,MySQL和PHP的结合绝对是完美,很多大型的网站也用到MySQL数据库,这样看来,MySQL的发展前景是非常光明的! MySQL数据库的导入,有两种方法,一是先导出数据库SQL脚本,再导入;二是直接拷贝数据库目录和文件。在不同的操作系统或MySQL版本情况下,直接拷贝文件的方法可能会有不兼容的情况发生,所以一般推荐使用SQL脚本形式导入。 4.5.2 MySQL数据库连接及基本操作 MySQL数据库操作方式大体上分为两种,系统自带命令行操作和可视化软件操作。前者是大多数数据库非常熟练者所经常使用的方式,因为这里边涉及到一些基本命令,新手用起来会很棘手,不知道从何下手。如图4-1所示,mysql ?hlocalhost ?uroot ?pmm123456,mysql是指打开mysql数据库软件连接,-h后边跟的是主机名,localhost指的是当前机器;紧跟-u的是用户名,-p后边就是对应的登录密码了。这样出现mysql后就表明mysql数据库已经成功地连接上了。 图4-1 MySQL数据库连接图 接下来就可以进行数据操作了,包括简单的数据库显示,数据库选择,表 选择,表插入,表查询,表字段属性修改等等,如图4-2所示,show databases这句代码就是让mysql命令行显示系统中已有的数据库名称。use mybbs作用是把名称为mybbs的数据库设为当前数据库。show tables功能是显示当前数据库中的所有表。 图4-2 数据库显示与选择 当制定数据库中的表都显示出来后,就可以将数据从表中查询出来,显示在命令行中。select * from member这句命令的意思是将member表中的所有数据查询出来并显示。如图4-3所示。 图4-3 数据库查询语句 在MySQL数据库中,还有很多命令,比如insert、update、alter、drop、delete等,在这里就不一一做演示。总之,有了上述知识之后,就可以正式建立论坛制作所需要的几张表,并且设置相应的字段及约束。 由于MySQL数据是开源的,全世界的使用者都可以下载到它的源代码,由于命令行方式不适合新手使用,而MySQL使用又那么广泛,因此,带来了很多使用者对其使用效率的研究,这样就出现了很多MySQL数据库的可视化设计软件,比如navicat、MySQL-Front、phpMyAdmin等,就拿我正在使用的navicat来作为例子说明一下。navicat这种可视化界面操作带来的最大的好处就是,在很大程度上提高了MySQL新手的开发效率,尤其是对长期使用windows系统的程序员来说,更是犹如找到了新大陆般兴奋。navicat使用界面如图4-4所示,从图上可以看出,MySQL数据库中的数据库、表、数据都可以很清晰、很具体地在navicat主界面中罗列出来。 图4-4 navicat操作界面 如图4-5所示,在navicat中,想要查看数据库的某一张表中已有的数据,也只是双击对应的那张表这么简单,然后,存储的数据都会以表格的方式显示在窗口中,每个字段对应的值都是一目了然。很直观,很简洁。 图4-5 navicat中查看表数据 除了查看数据简单之外,navicat中进行表的设计也是相当快捷。设置字段类型、修改字段类型、设主键外键,完全只需要点点鼠标,如图4-6所示。要修改字段属性,只需要选中对应字段的类型区域,然后在下拉菜单中选择需要的类型。 图4-6 使用navicat设计表 4.5.3 数据分析?论坛系统涉及的表 本网站采用的是MySQL数据库。主要分为四张表,分别如表4-1用户信息表,表4-2发帖表,表4-3回帖表,表4-4论坛板块表所示: 表4-1 用户信息表member 字段名 数据类型(精度范围) 空/非空 约束条件 其他说明 ID int11 非空 主键 用户唯一标识 groupID tinyint3 空1:普通/2:管理员 username varchar50 非空用户名 real_name varchar50 空用户姓名 password Varchar50 非空用户密码 email Varchar50 空E-mail homepage Varchar50 空个人主页 bigint10 空号码 MSN Varchar20 空MSN账号 jiontime datetime 空注册时间 no_of_post smallint6 空发帖、回帖数量 sign longtext 空用户签名档 表4-2 用户发帖表topic 字段名 数据类型(精度范围) 空/非空 约束条件 其他说明 ID int11 非空 主键 帖子唯一标识 forum_id int11 非空所属版块 title varchar100 非空帖子主题 author varchar50 非空发帖用户名 subject text 非空帖子内容 last_post_author Varchar50 非空最近回复人 no_of_hit datetime 非空最近回复时间 表4-3 用户回帖表thread 字段名 数据类型(精度范围) 空/非空 约束条件 其他说明 ID int11 非空 主键 回帖唯一标识 topicID smallint6 非空原帖标识 author varchar50 非空回帖用户名 subject text 非空回帖内容 post_time datetime 非空回帖时间 表4-4 论坛版块表forums 字段名 数据类型(精度范围) 空/非空 约束条件 其他说明 ID int11 非空 主键 版块唯一标识 forum_name varchar50 非空版块名 forum_description varchar200 非空版块说明 last_post_time datetime 非空最后回帖时间 last_post_author Varchar50 非空最近回复人 当写好数据库设计文档,并且画出关系数据库设计图之后,就可以用MySQL命令行或者用navicat可视化界面高效的创建数据库mybbs,然后建立上边的那四张表,注意字段类型要正确,并设置必要的约束,之后就只需等待网页运行时接受客户端发送过来的数据,用以进行插入、删除与查询。 第五章 详细设计 本章主要分为两大部分,前半部分旨在给出论坛系统关键部分的是实现代码,并就代码做出详尽的解释说明,除此之外,还指出了重要功能的实现细节和应该注意的问题。后半部分给出了论坛系统实现后的主要页面的抓图,并且详细阐述系统所具有的各种功能,以及基本的功能入口及使用方法。 5.1 关键部分实现代码 5.1.1 数据库封装 数据库封装实现的原理是将数据连接、插入、查询、删除等操作放在一个文件或者一个类里边,当需要用到数据库时,只需要调用这个文件或者类,用自 己自定义的变量、方法来进行数据库操作。当我们将常用数据库都封装在一起后,就可以在调用的时候使用统一的变量、统一的方法,从而屏蔽了不同数据库之间差异,这样就从很大程度上减轻了开发者的负担。具体实现代码如下: ?php class database private $hostname, $username, $password, $dbname; private $sql, $conn, $result; public function dbinit $this-hostname 'localhost'; $this-username 'root'; $this-password 'mm123456'; $this-dbname 'mybbs'; $this-sql ''; $this-conn ''; $this-result ''; public function openDB $this-conn mysql_connect$this-hostname, $this-username, $this-password or die"数据库连接失败!".mysql_error; mysql_select_db$this-dbname, $this-conn or die"数据库打开失败!".mysql_error; /