PHP MYSQL班级同学录网站建设.doc

兴 义 民 族 师 范 学院毕业设计论文题 目： 同学留言板建设专 业： 现代教育技术指导老师：班 级：学 号：学生姓名：时 间： 摘要Internet的迅猛发展，推动了各种网络技术的不断产生和更新，PHP便是在这一条件下产生的，PHP，是英文超级文本预处理语言Hypertext Preprocessor的缩写。PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，被广泛的运用。PHP的最新版本是PHP5.0，它有很多功能。首先，PHP5.0完全实现面向对象，提供名为PHP兼容模式的功能。其次是XML功能，PHP5.0版本支持可直观地访问XML数据、名为SimpleXML的XML处理用界面。同时还强化了XMLWeb服务支持，而且标准支持SOAP扩展模块。数据库方面，PHP新版本提供旨在访问MySQL的新界面MySQL。除此前的界面外，还可以使用面向对象界面和预处理语句（Prepared Statement）等MySQL的新功能。现在我做一个班级同学同学录网站，使大家互相沟通、交流讨论。这个同学录网站就是通过DreamweaverCS4和PHP以及MySQL来完成的，为网络用户提供的一个能够多人参与交流的方式。本文主要介绍网站系统的设计思路和制作过程，从网站的重要性开始，介绍我的网站采用的主要技术。该网站较全面地利用Dreamweaver技术实现网站的基本功能：留言、删除、等功能，并增加了一些特色功能。最后介绍自己从构思到设计再到制作的一些心得体会。关键字：DreamweaverCS4 PHP MySQL19目录第一章 前言1第二章 课题来源及需求分析22.1课题来源22.2需求分析2第三章 总体设计方案43.1网站规范43.2网站流程图53.3素材收集及加工6第四章 详细设计84.1所需要的软、硬件环境84.2开发工具的选用及介绍84.3设计方法及步骤104.4关键技术分析20第五章 设计效果与改进意见225.1设计效果展示225.2自我总体评价265.3改进意见26结束语27致谢28参考文献29第一章 前言计算机是20世纪最伟大的科学技术发明之一，对人类的生产活动和社会活动产生了极其重要的影响，并以强大的生命力飞速发展。它的应用领域从最初的军事科研应用扩展到目前社会的各个领域，已形成规模巨大的计算机产业，带动了全球范围的技术进步，由此引发了深刻的社会变革。计算机已遍及学校、企事业单位，进入寻常百姓家，成为信息社会中必不可少的工具。它是人类进入信息时代的重要标志。随着计算机技术的飞速发展Internet也在迅速的成长，互联网很快成为了人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。网站已成为机关、学校、企事业单位、甚至寻常百姓家的信息化建设的重要组成部分。由此可见，网站的投资建设也越来越突显其重要性了。目前，网站开发所用的技术有ASP、JSP、PHP，在Internet上几乎处处都能看到它们的身影。本网站用的是PHP技术，因为它不需要进行复杂的编程，就可以开发出专业的动态Web网站。PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI或者Perl更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；PHP还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。PHP具有非常强大的功能，所有的CGI的功能PHP都能实现，而且支持几乎所有流行的数据库以及操作系统。最重要的是PHP可以用C、C+进行程序的扩展！在本文中，将用到PHP、DreamweaverCS5和MySQL等知识，建设班级同学录网站。在网站中实现用户注册、登录网站和查看、添加留言的效果，管理员则能实现登录、和删除留言的效果。所以，在此论文中本人将会对所做的网站进行简单的分析与介绍。班级同学录网站建设毕业设计第二章 课题来源及需求分析每一个课题的开发都是适应社会的发展需求而产生的，都有其开发的来源及目的，也只有适应社会的需求开发才有意义，也才可能有更好的发展。所以在进行规划一个网站之前要先对其进行可行性分析。这一章就是对我所做的课题进行简单的可行性分析。2.1 课题来源长期以来学生都是靠纸介质的毕业纪念册来记录同窗毕业时留下的美好回忆和真挚情谊，尽管现在的毕业纪念册做得十分华美，但是伴随网络信息时代中数字化生产生活应用的快速发展，传统毕业纪念册内容静止、制作费时费力的缺点愈加突出，与互联网时代很不相称，时代呼唤传统毕业纪念册必须以崭新的多媒体毕业纪念册形式来满足丰富的信息动态化的服务要求。此外，随着Internet的发展，网站的作用越来越重要，被称之为继广播、报纸、杂志、电视后的第五种媒体数字媒体，拥有众多优势，所以现在不少企业都有或正在建设自己的网站。而且与毕业纪念册类似的同学录在网络中应用广泛，现在比较有名的门户网站都提供了同学录功能。 而留言本作为网站重要的一个部分，从来就是一个大家交流的平台！借助留言板，浏览者可以通过添加留言的方式给版主或其他浏览者进行留言和提问。利用网络留言本可以极大的增进教师和学生、学生和学生之间的交互性，打破了教师和学生、学生和学生之间相对孤立状态。而且网络留言本能使毕业纪念册更加丰富多彩，它不仅是新老同学联系的桥梁，而且还是网络休闲和网上展示自我的好方式。2.2 需求分析需求分析是软件定义时期的最后一个阶段，它的基本任务是确定网站必须完成哪些工作，也就是对目标系统提出完整、准确、清晰、具体的要求。需求分析的结果是网站开发的基础。需求分析的结果是网站开发的基础，一次成功的需求分析，不仅需要项目负责人甚至是客户等所有与项目相关人员的共同努力，而且还和公司的能力范围有一定关系。需要说明的是，这里所说的需求分析活动内容是建立在较为理想的基础上的，由于各个公司现实情况的不同，用户可以根据自身情况借鉴试用。如果用户能够根据本公司的情况系统地规范此类文档的保存和收集工作，相信对公司以后其他网站项目的开发以及公司自身实力的增强都会有很大的帮助。不管是简单的个人主页，还是复杂的大型网站，对网站的需求分析与规划都要放到第一步，因为它直接关系到网站的功能是否完善、是否能达到预期目标等。网站需求分析与规划包含的内容很多，如确定网站的建设目标、确定目标用户、确定网站栏目结构、确定网站目录结构和收集资料等。动态网站具有很好的管理数据资料的好处，一方面，在前台(即在网页上)访问者可以利用查询功能很快地找到自己想要的资料；另一方面，在后台(任何一台连上互联网的计算机)，网站管理者通过量身定做的后台管理系统很方便地管理网站，而且后台管理系统界面很直观，也很容易学会使用。每个行业都有自己的消费群体，但是这个消费群体的资源是非常有限的，随着同行业竞争对手的增加、市场的成熟以及价格的透明化，随之而来的是同行业之间的残酷的竞争，在这场竞争中，为了吸引客户，各路商家各显其能。为了拥有并长期留住大量的顾客，这些投入是非常必要的。一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是公司自身发展的需要，其中客户的需求也就是说这种交易性质的需求占了绝大部分。面对网站开发拥有不同知识层面的客户，项目的负责任对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此，如何更好地了解、分析、明确用户需求，并且能够准确、清晰地以文档的形式表达给参与项目开发的每个成员保证开发过程以满足用户需求为目的，按照正确的项目开发方向进行，是每个网站开发项目管理者需要面对的问题。在网站项目的需求分析中，主要是由项目负责人设置加深对用户需求的理解程度，而用户调查和市场调研等需求分析活动的目的就是帮助项目负责人加深对用户需求的理解和对前期不明确的地方进行明确化，以便于日后在项目开发过程中作为开发成员的依据。而我们开发的是需要满足老师与学生、学生与学生之间的联系与感情的增进，所以我们的网站要尽量满足这方面的要求。根据系统目标和用户简单方便的进行沟通、交流的要求，满足系统管理员方便，快捷的对留言进行综合管理的要求。对于一般用户，应该具备添加留言、查看留言等基本功能，而对于系统管理员来说，还应该具备对留言的编辑、删除、回复等功能。第三章 总体设计方案一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建设网站的目的，建立网站之前，要有明确的目的，要明白建立网站的用意是什么，接受对象是哪些群体，要为访问者提供怎样的服务，然后对整个网站进行策划。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。3.1 网站规范3.1.1 命名规范命名的原则：以最少的字母达到最容易理解的意义。一般文件及目录命名规范：每一个目录中应该包含一个缺省的php 文件，文件名统一用index.php，文件名称统一用小写的英文字母、数字和下划线的组合，尽量按单词的英语翻译为名称。例如：feedback(信息反馈)，aboutus(关于我们)。图片的命名规范：名称分为头尾两两部分，用下划线隔开。 头部分表示此图片的大类性质。例如：放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner；标志性的图片我们取名为：logo；在页面上位置不固定并且带有链接的小图片我们取名为button；在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu；装饰用的照片我们取名：pic；不带链接表示标题的图片我们取名：title依照此原则类推。 尾部分用来表示图片的具体含义，用英文字母表示。例如：db.jpg，logo.jpg，news-title-bg.gif，why.jpg，title_news.gif，。有news效果的图片，两张分别在原有文件名后加_bg和_title命名。3.1.2 目录结构规范目录建立的原则：以最少的层次提供最清晰简便的访问结构。目录的命名以小写英文字母，下划线组成。根目录一般只存放index.htm以及其他必须的系统文件每个主要栏目开设一个相应的独立目录。根目录下的images用于存放各页面都要使用的公用图片，子目录下的images目录存放本栏目页面使用的私有图片，所有JS,ASP,PHP等脚本存放在根目录下的scripts目录，所有CGI程序存放在根目录下的cgi-bin目录，所有CSS文件存放在根目录下style目录，每个语言版本存放于独立的目录。例如：简体中文gb，所有flash，avi，ram，quicktime等多媒体文件存放在根目录下的media目录。3.1.3 尺寸规范尺寸规范请根据您的实际情况调整：页面标准按800*600分辨率制作，推荐尺寸为766*430px，页面长度原则上不超过3屏，宽度不超过1屏，每个标准页面为A4幅面大小，即8.5X11英寸。 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px，另外120*90，120*60也是小图标的标准尺寸。每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K。3.1.4 形象设计规范网站的CI整体形象包括下面几个要素：1、标志(logo)。网站必须有独立的标志，标志可以以网站中英文名称设计，也可以采用特别的图案。原则是简单易记。标志必须可以用黑白和彩色分别清晰表现，标志图片的名称为logo_域名.gif，例如：logo_sina.gif，尽量提供标志的矢量图片，请尽可能在每个页面上都使用标志。2、标准色。网站应该有自己的标准色（主体色），准色原则上不超过两种，如果有两种，其中一种为标准色，另一种为标准辅助色，标准色应尽量采用216种web安全色之内的色彩，必须提供标准色确切的RGB和CYMK数值，请尽可能使用标准色。3、标准字体。网站应该定义一种标准字体（指logo上，图片上使用的字体），标准字体原则上定义两种，一种中文字体，一种英文字体 （不包括文本内容字体）必须提供标准字体的名称和字库请尽可能使用标准字体。3.1.5 数据库使用规范服务器上有关数据库的一切操作只能由服务器管理人员进行。程序中访问数据库时使用统一的用户、统一的连接文件访问数据库。原则上每一个栏目只能建一个库，库名与各栏目的英文名称相一致，库中再包含若干表。比较大的、重点的栏目可以考虑单独建库，库名与栏目的英文名称相一致。数据库、表、字段、索引、视图等一系列与数据库相关的名称必须全部使用与内容相关的英文单词命名，对于一个单词难以表达的，可以考虑用多个单词加下划线（_）连接（不能超过四个单词）命名。不再使用的数据库、表应删除，在删除之前必须备份（包括结构和内容）。3.2 网站流程图本同学录的网站流程图如图3-1所示。会员用户管理员添加留言留言板其他用户查看留言查看留言图 1插入记录图 2检查表单设置图 3首页页面展示图 4留言操作页面展示图 5检查表单设置图 图 6添加留言页面图 7版主管理登录页面图 8编辑留言页面图 9登录出错页面 10编辑留言页面图 11插入记录图 11编辑留言页面记录图 13检查表单设置图 14首页页面展示图 15留言操作页面展示查看留言删除留言图图 16 删除留言页面展示图 17回复留言页面展示IC 11编辑留言页面图3-1 网站流程图3.3 素材收集及加工明确了网站的主题后，就要围绕主题开始搜集材料了。但是所收集到的素材并不一定就可以马上运用到实际中了，有些素材还需要利用软件进行加工处理。明确了网站的主题以后，就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引用户，就要尽量搜集材料，搜集材料越多，以后制作网站就越容易。资源可以是图像、文本或媒体。在开始开发站点前，要确保收集了说有这些项目并做好了准备。否则，将不得不为找到一幅图像或创建一个按钮而经常中断开发过程。如果自己创建资源，在开始开发之前要确保创建所用这些资源，如果使用鼠标经过图像技术，那么其中还包括所需要的图像。然后组织资源，以便可以在使用Dreamweaver创建站点时方便的访问它们。Dreamweaver可以更容易地通过使用库，在各种文档种重用页面布局和页面元素。但是，用模板和库来创建新页面比将模板和库来应用于现有文档更容易。如果许多页面将使用同样的布局，则可以使用模板。为该布局规划和设计一个模板，然后就可以基于此模板创建新的页面。如果决定更改所用页面的布局，仅需要该模板即可。3.3.1 素材收集1、文本内容素材的收集具体的文本内容，可以让访问者明白设计者在Web页中想要说明的东西，我们可以从网络、书本上找到需要的文字材料，也可以自己编写有关的文字材料，将这些素材制作成Word文档保存在“文字资料”子目录下。收集的文本素材既丰富，又要便于组织，这样才能做出内容丰富、整体感强的网站。2、艺术内容素材的收集只有文本内容的网站对于访问者来说，是枯燥乏味、缺乏生机的。如果加上艺术内容素材，如静态图片、动态图像、音像等，将使网页充满动感与生机，也将吸引更多的访问者。而这些素材主要是从Internet上获得，还有则是利用自己制作的一些图片。3.3.2 素材加工当搜集素材完后，接下来的工作就是要对素材进行整理与加工。我们要把素材修改一下因为我们的素材在作品中要体现作品的思想信息和我们创作的感情，只有经过我们加工处理过的素材才能够很好的传达出这种感情来。 对于图形素材的加工，主要使用的工具是画图工具PhotoshopCS4。从图片的大小上来看，我们要把图片统一为一个大小，统一成为我们作品规定的大小尺寸；从色彩上看，我们所搜集的素材色彩就不统一，所以要通过对色调、饱和度、色彩平衡等方面使图片在色调上保持统一；从图片的外观上看，我们可以对图片素材进行剪切、组合等的变化，还可以利用特效的修饰来使图片更能够适合需要。 班级同学录网站建设毕业设计第四章 详细设计我们前一章介绍的是网站的总体设计方案，总体设计方案是对一个网站进行前期的方案和虚拟的构思，以及对所需要的素材进行整理。而这一章的详细设计部分是对设计规划的具体实施化，这里将根据总体设计规划中提供的定位和准备的材料来构建这个网站。4.1 所需要的软、硬件环境4.1.1 硬件环境处理器：Inter(R) Pentium(R) CPU P61002.00GHz或者更高内存容量：256MB或更高硬盘容量：10GB或更高显示卡：NVIDIA GeForce310M显示适配器或更高光驱：CD-ROM 48X或更高4.1.2 软件环境操 作 系 统：Windows Xp 系统数 据 库软件：Mysql数据库网页设计软件：Dreamweaver cs5图像设计软件：PhotoshopCS44.2 开发工具的选用及介绍4.2.1 页面设计工具 本人使用的页面设计工具是Dreamweaver CS5。Dreamweaver是Macromedia公司推出的一款专业网页开发软件，提供了高度可视化的集成编辑环境，强大的网页编辑功能和站点维护功能，具有强大便捷的数据库作支持，多种动态网页技术的支持，强大的操作功能和便捷直观的操作界面。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver 支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。所见即所得 Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。梦幻样版和XML Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部份，内容提供者可直接编辑以样式为主的内容却不会不小心改变既定之样式。您也可以使用样版正确地输入或输出XML内容。 全方位的呈现利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站在下载它的描述档，便可得知详尽的成效报告。它是一款专业的HTML编辑器，用于设计，编码，开发网站、网页和WEB应用程序。Dreamweaver提供了很多实用工具，利用这些工具，我们可以更加方便、快速地制作网页。它可以与其他Macromedia产品配合使用，为用户提供全面的网页制作功能。4.2.2 图象制作编辑工具 本人使用的图像制作工具是PhotoshopCS4。Photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。Photoshop是世界顶尖级的图像设计与制作工具软件。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工。在表现图像中的阴影和色彩的细微变化方面或者进行一些特殊效果处理时，使用位图形式是最佳的选择，它在这方面的优点是矢量图都无法比拟的。 Photoshop是目前公认的最好的通用平面美术设计软件，它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。Photoshop支持几乎所有的图像格式和色彩模式，能够同时进行多图层的处理；它的绘画功能和选择功能让编辑图像变得十分方便；它的图层样式功能和滤镜功能给图像带来无穷无尽的奇特效果。是专门用来进行图像处理的软件。通过它可以对图像修饰、对图形进行编辑，以及对图像的色彩处理，另外，还有绘图和输出功能等。4.2.3 MySQL数据库MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。在2008年1月16号被Sun公司收购。而2009年，SUN又被Oracle收购。MySQL是一种关联数据库管理系统，关联数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内。这样就增加了速度并提高了灵活性。MySQL的SQL中文名称是“结构化查询语言”。SQL是用于访问数据库的最常用标准化语言。MySQL软件采用了GPL（GNU通用公共许可证）。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。与其他的大型数据库例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之处，如规模小、功能有限（MySQL Cluster的功能和效率都相对比较差）等，但是这丝毫也没有减少它受欢迎的程度。对于一般的个人使用者和中小型企业来说，MySQL提供的功能已经绰绰有余，而且由于MySQL是开放源码软件，因此可以大大降低总体拥有成本。 目前Internet上流行的网站构架方式有两种，一种是LAMPLinux+Apache+ MySQL+PHP/Perl/Python，而另一种是LNMPLinux+ Nginx+MySQL+php。即使用Linux作为操作系统，Apache和Nginx作为Web服务器，MySQL作为数据库，PHP/Perl/Python作为服务器端脚本解释器。由于这四个软件都是免费或开放源码软件（FLOSS)，因此使用这种方式不用花一分钱（除开人工成本）就可以建立起一个稳定、免费的网站系统。4.3.2 数据库设计数据库在一个信息系统中占有十分重要的地位，数据库结构设计的好坏直接对应用系统的效率以及实现的效果产生影响。合理的数据库结构设计可以提高数据存储的效率，保证数据库的完整性和一致性，同时合理的数据库结构设计也有利于和程序的实现。这一设计阶段是在需求分析的基础上，设计出能够满足用户需要的各种实体以及它们的关系。采用的数据库是MicrosoftAccess建立data.mdb库文件。一个功能齐全的网站应该有几个表，如留言表（ly）、管理员表（yh）、用户表（member）。每个表下面还要建立字段，比如说留言表有留言用户(n_name)、留言主题 (n_subject)、留言内容(n_content)、留言表情(n_smlie)、留言时间(n_date)等访客的相关信息是需要保存的内容。为了优化数据库，有些字段需要做些设置。详细见以下表所示。留言记录表note表，如表4-1所示：表4-1数据库ly表的设计字段名称数据类型基本描述id自动编号确定数据唯一性以保证在管理时能准确定位到相应记录Nc文本留言者姓名Bt文本留言主题Nr文本留言者所留内容Sj文本留言时间管理员信息表admin表，如表4-2所示：表4-2数据库 yh表的设计字段名称数据类型基本描述id自动编号确定数据唯一性以保证在管理时能准确定位到相应记录name文本管理员的用户名passwd文本管理员登录时所需的密码管理员信息表admin表，如表4-3所示：表4-3数据库 yh表的设计字段名称数据类型基本描述id自动编号确定数据唯一性以保证在管理时能准确定位到相应记录Zc_yh文本会员的用户名Zc_mm文本会员登录时所需的密码Zc_yx文本会员的邮箱地址Zc_dz文本会员详细地址Zc_dh文本会员电话号码并输入相关记录。数据库设计好了以后，可以直接在数据库里添加两条记录，以后测试时候用。4.3.3 Dreamweaver站点建立打开Dreamweaver选择【站点】中的【新建站点】，在出现的“未命名站点1”对话框中输入站点名称，根据向导一步一步来定义我们的留言板站点，在进行下一步后，我们选择“是，我想使用服务器技术”选项，在此处我选择的ASPVBScript；继续进行下一步，选择“在本地进行编辑和测试”选项，并选择文件存储的位置；接下来是设置Dreamweaver的测试URL，点击【测试URL】，测试成功后则可以选择是否使用远程服务器，不使用远程服务器则选择“否”选项；接下来则会显示刚才所填的信息，目的是要确认一下，如果发现有错，可以点击【后退】来进行重新设置，没有问题的话点击【完成】就可完成新站点的建立。站点建好之后便可在该站点下建立index.php(同学录首页)、zc_insert.php(会员相册页面)、banjiziliao.ht(管理员班级资料页面)、banjiziliao1.html(会员班级资料页面)、banjiziliao2.html(访客班级资料页面)、tccg.html(退出登录页面)、admin.php(管理员首页)、index.php (管理员查看发表留言页面)、read.php (会员查看发表留言页面)、login.php (管理员登录失败页面)、zc_login.php(会员登录失败页面)、login.php(管理员登录页面)、del.php(管理员删除留言页面)、cz_login.php(会员登录页面)、index.php(会员首页)、index.php(会员登录成功页面)、zc_insert.php(会员注册页面)、db.php(连接数据库公共页面)、logout.php（会员离开页面）、search.php（搜索页面）共12个页面。4.3.4 各个功能页面的详细设计在Dreamweaver中新建几个页面(“PHP和HTML”类型的文档)，分别取名index.php(同学录首页)、zc_insert.php(会员相册页面)、banjiziliao.ht(管理员班级资料页面)、banjiziliao1.html(会员班级资料页面)、banjiziliao2.html(访客班级资料页面)、tccg.html(退出登录页面)、admin.php(管理员首页)、index.php (管理员查看发表留言页面)、read.php (会员查看发表留言页面)、login.php (管理员登录失败页面)、zc_login.php(会员登录失败页面)、login.php(管理员登录页面)、del.php(管理员删除留言页面)、cz_login.php(会员登录页面)、index.php(会员首页)、index.php(会员登录成功页面)、zc_insert.php(会员注册页面)、db.php(连接数据库公共页面)、logout.php（会员离开页面）、search.php（搜索页面）共12个页面。由于页面太多且有些重复，我这里选几个页面进行说明。1、显示留言主页面(index.php)打开index.php，并修改页面标题为“留言板首页”。插入一个1行6列的表格，宽度为800像素，边框粗细为0像素，单元格边距、单元格间距均为0。然后在此表格中插入1行1列的表格。在大表格中的各个表格设置宽度为800。把鼠标定位在第一行，在这里插入所需要的背景图片及自己的logo，主页设计一下略。2、管理员登录面(loginphp)在这里我首先把index.php给保存了模板，接下来做的页面都是根据这模板做的，所以我就不在说明以下的网页是如何做的。在【修改】中【模板】选择【套用模板到页】，然后在可编辑区域中把内容删了，在插入一个表单，在表单中插入4行1列的表格，在表格中输入所需要的内容。接下来就是绑定数据库了，在【窗口】中的【数据库】处点击【+】选择【MySQL连接】。6登录错误页面(login.php) 提示用户登录错误，在此页面中可输入如下内容：用户名和密码错误，请重新登录。并在重新登录设置一个链接到登录页面，进行重新登录操作。4.4 关键技术分析1、不能直接访问数据库Web页不能直接访问数据库中存储的数据，而是需要与记录集进行交互。记录集是从数据库中提取的信息或记录的子集。该信息子集是通过数据库查询提取出来的。Dreamweaver使用结构查询语言(SQL)来生成查询。使用Dreamweaver 中的简单【记录集】对话框和高级【记录集】对话框都可以定义记录集。在简单【记录集】对话框中，可以轻松构建简单的SQL语句；在高级【记录集】对话框中，可以编写自己的SQL语句或使用图形化“数据库项”树创建SQL语句。将数据库用做动态网页的内容源时，必须首先创建一个要在其中存储检索数据的记录集。记录集在存储内容的数据库和生成页面的应用程序服务器之间起一种桥梁作用。2、如何能使密码不被透露现在盗取密码的方式很多，盗取密码的技术也不计其数，因此我们要保护好自己的密码，以免被人盗取。保护密码的方法是把密码设置成复杂的密码，那是靠拥护自己去设置，但是开发者要保证最基本的保障，那便是不让别人看到用户输入的密码。所以在密码设置的时候需要注意，为了不让别人看到自己输入的密码，因此要保护密码，所以设置密码时，在选择密码文本框的时候在类型中要选择密码。只有选择类型中的密码才会在登录的时候不会被透露。第五章 设计效果展示与改进意见毕业设计即将接近尾声，在这个时候应该要对各个页面进行效果预览并检查各功能是否能够实现。看是否还存在各种各样的小问题或者应该注意到的地方还没注意的到的地方。在做完所以的页面设计及相关的设置后，便可以进行预览效果了，这一章主要是对各个页面的展示。5.1 设计效果展示5.1.1 同学录首页页面(index.php)由于本同学录是给我们自己的朋友使用，为防止泄露秘密，所以首页没有显示留言内容，需登录后方可看到。这一页要显示的是本通讯录的一些功能及相片展示，效果图如图5-1所示。图5-1 首页页面效果5.1.2 留言操作页面(admin.php)留言操作页面是能对留言进行相关的操作，如添加、删除等留言操作，在这一页用户可以进行相关操作选择，但是如果先前没有进行管理员登录则在选择相关操作时要进行登录验证，效果图如图5-2所示。图5-2留言操作页面5.1.3 添加留言页面(index.php)添加留言，向数据库添加记录添加一位同学的各项信息