php+mysql+xml网站设计毕业论文 - 图文

更新时间:2024-05-18 03:33:01 阅读量: 综合文库 文档下载

说明:文章内容仅供预览,部分内容可能不全。下载后的文档,内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的,是否完整无缺。

解放军信息工程大学 毕业论文(设计)

题目:___Windows(PHP+MySQL+XML)网站设计___

院 (系):______ __ __信息工程系___ _ _______ 专业年级:__ _ __计算机网络技术09网络_ ____ 姓 名:____ _ _000000______ __ __ _ _______ 学 号:______ _____000000000_____ _ _____ 指导老师:__ ___ ____ 老师___ __ _____

2012年03月02日

Windows(PHP+MySQL+XML)网站设计

摘要

本文首先介绍了当网站的基本概念及发展概况,阐述了本网站设计的原则和意义。然后具体的说明了网站制作所用到的相关软件的特点及工具的基本常识,其中主要包括用Apache作为服务器软件,用Dreamweaver作为开发工具,用Navicat+MySQL进行数据库的管理,用PHP+MySQL+XML及少部分的javascript等语言进行网站的设计与开发,用Photoshop加工处理图像等。

其过程涉及了网站的立意、策划、页面设计以及后台运行等问题。该涉及由一个主页和若干个子页面一超链接的形式实现,各页面之间可以随意转换以浏览整个网站。

通过这次设计,作者对网站的设计与开发过程有了深刻的认识,同时也获得了一些网站制作的技术和技巧,积累了一定的实际经验。

关键词:网站,Apache,PHP+MySQL+XML,设计与开发

1

Windows(PHP+MySQL+XML) website design

Abstract

This paper first introduces the basic concept of a website and the development survey, this paper expounds the principle of this website design and meaning. And then the website specific instructions for making the kind of related software and the characteristics of the tools of the basic knowledge, include as with Apache server software, with Dreamweaver as development tools, with Navicat + MySQL database management, with PHP + MySQL + XML and a handful of such language javascript website design and development, with Photoshop processing images, etc.

The process involves the website conception, planning, page design and the background, etc. This involves a page by page joint and several is in the form of links to realize, each page can convert in between at will to browse the whole web site.

This design, the author of the site's design and development have profound understanding of, also get some website production technology and skills, accumulated a certain amount of practical experience.

Key Words:website, Apache, PHP+MySQL+XML, design and development

2

目录

摘要................................................................ 1 Abstract............................................................ 2 第一章 网站的概述................................................... 4

1.1 网站的介绍及发展现状 ........................................ 4 1.2 网站的设计原则及意义 ........................................ 4 1.3网站设计的工具及语言......................................... 4 第二章 网站开发工具的介绍及环境的配置............................... 6

2.1 Dreamweaver8的简介和站点管理................................ 6 2.2 Apache和PHP5的组合安装和测试............................... 8

2.2.1 Apache2.2的安装与测试 ................................. 8 2.2.2 PHP5.3.1的安装与配置 .................................. 8 2.3 Navicat及MySQL的安装和配置................................. 9 2.4 PHP+MySQL+XML语言的简介.................................... 10 第三章 网站的总体设计与分析........................................ 12

3.1网站前台功能及模块详述...................................... 12

3.11 网站主页总体设计....................................... 12 3.12 网站各个模块及功能详述................................. 13 3.2网站后台功能模块详述........................................ 15

3.2.1 网站后台——新闻中心简介.............................. 15 3.2.1 网站后台——管理系统简介.............................. 17

第四章 结语........................................................ 20 参考文献........................................................... 21 致谢............................................................... 22

3

第一章 网站的概述

1.1 网站的介绍及发展现状

所谓网站(Website),就是指在网际网路(因特网)上,很据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,它就是一种通讯工具,人们可以通过网站来发布自己想要公开的咨询,或者利用网站来提供相关的网络服务。

随着Internet的飞速发展,各种新技术应运而生,Web的发展规模也逐渐增大。网站设计可谓日新月异,众多新概念层出不穷。随着网站建造技术的进展和人们对网络环境及其效用的认知演变,网站设计已由简单的静态Html页面发展到富有多媒体动态网站,能够与访客以精细熟练的方式进行互动。

1.2 网站的设计原则及意义

通过网站的设计,不仅能够全面宣传本系的风采、优点与特色,发布系的重大活动安排与政策,增强学生与系之间的联系,在Internet完成部分教务,更能使学生充分的理解并掌握所学的知识,学以致用。

(1)不同身份的用户可以看到不同的网站内容。学生和老师被赋予了不同的身份权限,如:管理员,已注册过的用户,访客。网站的后台是需要管理员的账户名和密码才可以留言和修改的。

(2)网站的首页内容应该根据需要能够灵活的修改。通过在后台可以添加修改删除相应的内容,而不用进行一对一页面的更改操作。

(3)网站给人的第一印象来自首页的视觉冲击,网站的风格采用稍微鲜亮的浅绿色,象征着青春的朝气蓬勃,突出本系的生机与活力。

1.3网站设计的工具及语言

随着网站制作的日新月异,其开发环境与工具也是越来越多样化。根据开发者的经验多少更是可以选择与之相对应的制作软件和语言。而我们使用的是相对比较熟悉的Macromedia公司的Dreamweaver软件进行完成,其开放式的设计更

4

能使任何人都可以轻易扩展它的功能。页面处理方面大部分使用PhotoShop来进行美化和完善。在Windows XP环境下,利用Apache作为服务器软件,运用Navicat及MySQL数据库管理系统进行数据库的管理操作,并主要使用PHP+MySQL+XML及少部分的javascript等语言进行网站的设计与开发工作。

5

第二章 网站开发工具的介绍及环境的配置

2.1 Dreamweaver8的简介和站点管理

Dreamweaver8是Macromedia公司推出的一款专业网页设计软件,其功

能强大,操作简单,是同类软件所无可比拟的,因此受到众多的网页设计者们的好评与青睐。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。,它包括可视化编辑、HTML代码编辑的软件包,并支持ActiveX、JavaScript、Java、Flash等特性,而且它还能通过拖拽从头到尾制作动态的HTML动画,支持动态HTML的设计。Dreamweaver最具挑战性和生命力的是它的开放式设计,这项设计使任何人都可以轻易扩展它的功能。

在Dreamweaver中制作网站,必须定义一个本地站点,它是用户计算机上任意位置的一个文件夹,用于存放网站的所有文件。例如,将所有文件存放在Apache服务器的文件夹E:\\wamp\\Apache2.2\\htdocs\\文件夹内。则可以按照以下步骤建立本地站点。

(1)启动Dreamweaver8,单击“站点”->”管理站点”命令,弹出“管理站点”对话框,如图2.1所示。

图2.1

(2)单击“新建”按钮,新建一个站点,名字可以根据需要填写;然后单击“下一步”,打开如图2.2所示对话框。在改对话框中,选择“否,我不想使用服务器技术”单选按钮。

6

图2.2

(3)单击“下一步”,选择E:\\wamp\\Apache2.2\\htdocs\\作为站点的本地文件夹;单击“下一步”,选择将站点文件保存在服务器的位置,此时仍选择E:\\wamp\\Apache2.2\\htdocs\\,如图2.3所示。

图2.3

(4)单击“下一步”,在该对话框中选择是否启用存回和取出文件。若用户在协作环境中工作,则可以选择“是,启用存回和取出”;若只有一个人在远程服务器上工作,则可以使用“上传”和“获取”命令。

(5)单击“下一步“,在此显示了前面设置的站点信息;最后单击“完成”

7

按钮,返回“管理站点”对话框,此时新建站点如图2.4所示。

图2.4

2.2 Apache和PHP5的组合安装和测试

2.2.1 Apache2.2的安装与测试

(1)从Apache官方网站http://www.apache.org下载Apache服务器Apache2.2.双击安装文件进行安装。程序的默认安装位置为C:\\program files\\apache Group\\,在此我们修改路径为E:\\wamp\\Apache2.2。

(2)安装完成后,Apache服务器自动加载,这是打开浏览器在地址栏输入http://localhost/,便会出现“It works”字样,说明Apache安装成功。此步调用的是E:\\wamp\\Apache2.2\\htdocs目录中的index.html。

需要说明的是,如果计算机上已经安装了IIS,输入“http://localhost”后将首先显示IIS中Web服务的信息。此时应停止IIS中的Web服务器,然后重新输入即可。

2.2.2 PHP5.3.1的安装与配置

在安装PHP之前需要关闭出去打开状态的Apache。安装PHP有两种方法,一种方法是使用Windows安装程序,另一种方法是手工方式安装。在这里我们使用第二种方法。

(1)用WinZip解压缩工具把php-5.3.1-Win32-VC6-x86.zip解压出来,并改名为php5.3.1,复制到Apache服务器安装目录下,在这里是“E:\\wamp\\”。

(2)配置PHP5.3.1和Apache2.2,使之能解析php程序。

8

PHP5.3.1的配置方法:

将E:\\wamp\\php5.3.1\\下的php.ini-development文件重命名为php.ini,然后打开它设置组件的路径为extension_dir = \并去掉前面的分号开启它,最后分别去掉以下四行代码前面的分号来开启他们。

“extension=php_bz2.dll” “extension=php_gd2.dll” “extension=php_mysql.dll” “extension=php_mysqli.dll”

Apache2.2的配置方法:

打开E:\\wamp\\Apache2.2\\conf\\下的httpd.conf文件,将以下三行添加到httpd.conf配置文件中:

LoadModule php5_module E:/wamp/PHP5.3.1/php5apache2_2.dll PHPIniDir \

AddType application/x-httpd-php .php .phtml

注意:在Windows下给Apache的配置文件中加入路径的时候,所有的反斜线“\\”必须转换成正斜线“/”。

(3)重新启动Apache服务器,用编辑器编写如下语句:

Phpinfo(); ?>

保存文件名为“test.php”到站点的目录下,然后打开浏览器浏览“http://localhost/test.php”,出现PHP基本信息的配置就说明配置成功。

2.3 Navicat及MySQL的安装和配置

Navicat MySQL是一个强大的MySQL数据库服务器管理和开发工具,直接在其官网下载并按照步骤安装即可,无需任何配置。

MySQL的安装和配置如下:

(1)下载Windows版的mysql5.1.40,解压后双击进入安装向导。有3种安装方式可供选择:Typical(典型安装)、Complete(完全安装)和Custom(定

9

制安装),对于大多数用户,选择Typical就可以了。单击“next”按钮进入下一步。确认后单击“Install”按钮开始安装。

(2)根据安装向导,按照我们的需求,不需要进行任何的改动操作,直到进入字符集选择对话框,这里要做一些修改。选中“Manual Selected Default Character Set/Collation”选项,在“Character Set”选框中将latin1修改为gb2312,如图2.5所示。

修改字符集为gb2312 图2.5

(3)下一步进入服务选项对话框,服务名为MySQL,这里不做修改。 (4)下一步是安全选项对话框,在密码输入框中输入root用户的密码。要想防止通过网络以root登录,选中Root may only connect from localhost(只允许从本机登录连接root)选项旁边的框。要想创建一个匿名用户账户,选中Create An Anonymous Account(创建匿名账户)选项旁边的框。由于安全原因,这里不建议选择这项。

(5)设置完毕后,随后一步是提交配置,单击“execute”按钮即可完成。

2.4 PHP+MySQL+XML语言的简介

PHP是一种跨平台的服务器端的嵌入式脚本语言,是一种简单的、面向对象的、解释型的、健壮的、安全的、性能非常高的、独立于架构的、可移植的、动态的脚本语言。它大量的借用C、Java和Perl语言的语法,又突出了PHP自身

10

的特征,使Web开发者能够快速的写出动态网页。PHP作为开放源码的脚本语言,正成为世界上最流行的Web应用程序编程语言之一。

MySQL是一个真正的多用户、多线程的数据库服务器,由一个服务器守护程序及多个不同的客户程序和库组成。由于其体积小、速度快、总体拥有成本低,尤其是开放源码这一特点,许多中小型网站为了降低网站总体拥有成本而选择了MySQL作为网站数据库。与其他的大型数据库相比,MySQL还有一些不足之处,但是这丝毫也没有减少它受欢迎的程度。对于一般的个人使用者和中小型企业来说,MySQL提供的功能已经绰绰有余,而且由于MySQL是开放源码软件,因此可以大大降低总体拥有成本。

XML即可扩展标记语言,与超文本标记语言(HTML)一样,均为万维网联盟(W3C)所制定的标准。它与HTML文档一样,均为纯文本文档,可用各种编辑器加以创建。

11

第三章 网站的总体设计与分析

3.1网站前台功能及模块详述

3.11 网站主页总体设计

网站设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。如图3.1所示。

图3.1

主页采用了1024px * 730px的固定长宽,并在主页面主要设置了七个模块,分别为:校徽及系名、导航栏、静态图片展示、最新公告展示、系内文字新闻展示、系内图片新闻展示、版权模块。整体采用了较为深的绿色来作为主要色调,在展现我系生机的同时更加体现了庄重的意味。

12

3.12 网站各个模块及功能详述

网站的第一个模块为校徽及系名模块,其中有着我们学校的校徽及本系的中文和英文名称,并用“

图3.2

接下来是网站的导航栏,其中暂且分为学校首页、系部首页、系部概况、师资队伍、规章制度、团学组织、新闻中心及管理系统八个跳转导航。前两个导航可以使用户在不同页面之间方便的回到学校或者系部的首页;中间四个链接主要介绍了本系的概况、师资队伍、各种规章制度以及系团学组织的几本情况;新闻中心是供管理员登陆的链接,目的是为了能够方便的更改、添加、删除新闻和通告等模块的内容;管理系统是供学生、老师和管理员登陆的链接。其中,学生可以方便的查询、修改自己的基本信息,阅读自己的选课情况、课程表情况等信息;而老师除了可以拥有上述学生的功能外,还可以查询、修改、添加自已所有学生的基本资料、成绩等信息;管理员的权限是最高的,可以进行学生和老师所有的功能操作,比如添加学生和老师信息等。

静态图片模块是固定的的几张图片,并采用js代码使其能够不断的转换,但是它不能够链接到其它页面,主要是为了突出本系的一些特色。如图3.3,便是反应了计算机在全球的应用中的作用。

图3.3

最新公告是为了能够及时的通知校方及系方的相关工作和活动等信息,并采

13

系内文字新闻展示、系内图片新闻展示两个模块顾名思义就是为了在主页显示学校和系里的重大新闻和通知等情况。当用鼠标点击相应的题目和图片时,其都能够直接跳转到相对应的新闻页面,而“more+”主要是为了获取更多的新闻而设置的链接按钮。其主要显示效果如图3.4,图3.5,图3.6所示。

图3.4

图3.5

14

图3.6

版权模块和其它网站一样,主要是为了写出版权所有以及开发时间等信息。但是这里的内容并非严格按照网站的正确格式所写,仅仅是为了突出网站的相对正规性,毕竟这还不是一个相对成熟的正规网站。

3.2网站后台功能模块详述

3.2.1 网站后台——新闻中心简介

网站的后台主要是为了实现对整个网站的管理和更新等操作,对网站前台的信息管理,如文字、图片等进行发布、更新、删除等操作,以使得前台内容能够得到及时的更新和调整,使网站能够更加灵活化。可以说一个网站的所有细节都应该可以通过后台来进行优化和改变。因此,后台的开发工作也是整个网站设计中最为主要和繁重的步骤。

当然我们这里的后台也只是实现了部分的功能,还没有做到面面俱到的程度。我们仅仅主要设置了新闻中心和管理系统两个管理页面,其主要作用已在上个章节做了部分介绍。其中新闻中心的登录页面如图3.7所示,其不用选择身份,而只需要输入正确的管理员用户名和密码即可。此后台也主要是实现新闻的相关操作。我们输入正确的管理员账号和密码,登录后,其页面如图3.8所示。

15

图3.7

图3.8

在这里,我们可以方便进行新闻的的修改,删除以及添加等操作。我们只展示一下修改的页面,如图3.9所示。其中的阅读次数因为是不可以修改的,所以用了红色作为突出显示,并用“

16

图3.9

3.2.1 网站后台——管理系统简介

管理系统的登陆页面如图3.10所示,其和新闻中心的登录页面唯一不同的便是添加的身份的选择,用户不仅要输入正确的用户名和密码,还要选择正确的身份后,才能成功登陆,进行相关的操作。

图3.10

17

在这里我们以学生的身份登录,看一下相应的页面效果和操作。图3.11便是用户名为09063111的同学登录后的系统页面,在左侧总共有六个操作,我们可以方便的修改个人信息和登录密码,查看个人详细信息和课程表,学科成绩等。当我们点击修改个人资料按钮时,便会跳转到图3.12的页面,但我们点击修改登录密码按钮时,便会跳转到图3. 13的页面。

图3.11

图3.12

18

图3.13

19

第四章 结语

从2011年11月份,我便开始了自己的毕业网站设计工作,并在老师的带领下不断的完善其功能特性,在大三上学期毕业时勉强的完成了全部的设计工作。之所以说是勉强,是因为我觉得还有很多功能并没有彻底的实现,有些代码仍出现少量的错误提示,比如会话session的使用就存在一定的问题。后台的设计更是太过于简单化,并不能完全的控制前台内容、模块的更新及变化。

网站设计是一门实践性很强的课程,不少概念需要实际的课程才能深刻的理解与掌握。进行系统的分析与设计时,要多方位的搜索资料,务必要对原有的网站内部结构有一个大概的了解,知道该网站应有哪些资源。网站的设计并不是一件简单的事情,它是需要很深的专业功底和创新思维、逻辑思维以及艺术细胞的。在设计网站之前,务必要对原有网站的结构有一个系统的了解,关键要有一个清晰的思路和一个完整的设计开发流程图。在设计程序时,不要妄想一次就能将整个网站设计好,反复的修改,不断改进,这是一个好程序的必经之路。还要养成良好的注释程序的习惯,不仅能够让别人轻松的明白你的思路,对于自己对代码的修改也起了相当方便的作用。

关于这个网站,通过和其它专业性网站的对比,我知道还有许多需要改进的地方,比如代码的优化,页面的处理,后台的完善等等这方面的问题。而我相信这肯定不是它的终点,仅仅是一个小小的开始。脚踏实地,认真严谨,实事求是的学习态度,不怕困难,坚持不懈,吃苦耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨练,是对我实际能力的一次提升,也会对我未来的学习和工作有很大的帮助。

20

参考文献

[1]徐辉等. PHP Web程序设计教程与实验.清华大学出版社,2009:30-33

[2]贾素玲等. XML技术应用.清华大学出版社,2010:1-14

[3]郑阿奇等. MySQL 实用教程主编.电子工业出版社,2010:13-17

[4]标准之路.十天学会DIV+CSS(web标准).http://www.aa25.cn.2011-12-01

[5]网页吧.e网页吧-网站制作特效代码.http://www.wangyeba.com.2011-12-01

21

致谢

网站制作是枯燥繁琐而又有挑战的,但在整个毕业设计过程中,老师的谆谆指导、同学的出谋划策,是我坚持完成的动力源泉,也正是你们长期不懈的支持才使得我的毕业设计和毕业论文最终顺利完成。

在此我特别要感谢两年来教导我网站制作的____老师,没有他的细心教导,我也不可能这么快掌握网站制作这门技能,并完成毕业设计这项工作,所以我在此要衷心的感谢他这么久以来对我极大的帮助与指导。

感谢09级曾经帮助过我的各位同学,与他们的交流使我受益颇多。最后要感谢我的家人以及我的朋友们对我的理解、支持、鼓励,正是因为因为我身边这所有的人,我所做的一切才更有意义;也真是因为有了他们,我才有了追求进步的勇气和信息。

22

本文来源:https://www.bwwdw.com/article/g7e7.html

Top