中国科学技术大学(1) - 图文

中国科学技术大学

现代远程教育

毕业论文报告

论文题目： 动态网页设计 学员姓名： 程建军 学 号：WS11090240020

专 业： 计算机科学与技术 工作单位: 青岛市公安消防支队李沧区大队 导师姓名：

日 期： 2014年 12 月 8 日

1

摘 要

在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。

现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。网站为消费者提供了一个网络生活空间，通过其网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通，也可以直接在网上申请加盟。

本论文还介绍了网页的结构分析和具体功能实现，网页的界面和运作方式，尽力模拟近代网页普遍性形式，成为一个完整的动态网站

关键字

Dreamweaver；Php；PhpMyAdmin；动态网页

2

目 录

1引言 ...........................................................2 2 网页制作概述 ...................................................2 2.1 网页的类型 .................................................................................................2 2.2网页设计流程 ...............................................................................................2 3设计及具体代码实现 .............................................3 3.1网页结构设计 ...............................................................................................3 3.2创建数据库 ..................................................................................................3 3.3主要模块的代码实现 ...................................................................................5 3.3.1 注册代码的实现 ......................................................................................5 3.3.2 登陆及退出登录代码的实现 ...................................................................7 3.3.3留言代码的实现 .......................................................................................9 3.4运行测试 .................................................................................................... 10 3.4.1 注册 ....................................................................................................... 11 3.4.2 登陆 ....................................................................................................... 12 3.4.3留言 ........................................................................................................ 13 3.5遇到的问题及解决方法 ............................................................................. 14 结束语 ..........................................................16

1

1 引言

网页是网站信息发布与表现的一种主要形式。因此要实现一个网站，必须了解网页制作的相关知识。较流行的开发工具有：Dreamweaver，Php，PhpMyAdmin。 网页制作要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。网站设计是将策划案中的内容、网站的主题模式，以及结合自己的认识通过艺术的手法表现出来；网页制作通常就是将网页设计师所设计出来的设计稿，按照W3C规范用html语言将其制作成网页格式。

2

2 网页制作概述

2.1网页的类型

通常，网页可以分为静态网页和动态网页。 静态网页页面上的内容和格式一般不会改变，只有网管可根据需要更新页面。 动态网页的内容随着用户的输入和互动而有所不同，或者随着用户，时间，数据修正等而改变。网页上的内容也可以由用户通过使用客户端描述语言(JavaScript, JScript, Actionscript,）来改变。当然更普遍的是由服务器端的描述语言（Perl，PHP, ASP, JSP, ColdFusion, 等)进行编译，从而对动态网页的内容进行改变。无论是客户端还是服务器端的改变都需要使用较为复杂的应用软件。 随着信息技术的更加专业化，越来越明显的倾向表明，网页设计和网站的发展会逐渐成为两个不同的领域。 网页是借助于美术构图与程序互动、动画等方式向大众推广相关信息的媒体，所以网页设计包括了几大部分： 版面构图 程序开发 网站内容管理

2.2 网页设计流程

网页设计是一个互动的过程，不仅是设计师构思设计就可以完成的。从客户提出需求到最终发布，期间需要客户与设计人员共同参与协商才可以，具体流程如下：

首先，获取客户需求和资料。在设计网站页面之前，设计师需要知道客户

的需求，从而确定客户建立网站的目的。客户提出网站需求是非常重要的一个环节。没有详细的需求，设计人员无法凭空进行设计制作。在这个步骤中，双方的沟通与交流是非常重要的。

其次，确定网站内容。设计人员选择适合自己的图像编辑软件、动画制作

软件和网页制作软件进行网页的初步设计，这中间可能还需要和客户进行多次沟通才能达到客户满意的效果。在具体设计时，设计人员应该为网站定位一个主题，从而保证所有网页都围绕这个主题进行设计制作，保证风格的和谐统一。

然后，申请域名和空间。使用该方法能够有效同步管理文件。还可以通过

FTP软件连接到服务器空间上，然后上传发布文件。

最后，后期维护。一般静态网站上传后，如果客户方没有专业人员维护，这

样就需要设计人员从客户方获取新资料进行定期或不定期的更新。如果是动态网站，设计人员需要负责培训客户方如何使用后台管理，这样客户就可以自己通过后台管

3

理添加信息，设计人员只要及时更正动态网站的错误即可。

3.1网页结构设计

css+div结构目前用的人最多，框架结构现在很少有人使用了，而表格结构目前用的人也不多，但并不意味着已经被淘汰，它也有DIV所不能取代的效果—— 方便快速的布局，只要不是经常改动的小部分就可以用表格。DIV可以与表格一起用，大布局用DIV，而小地方就用表格 ，效果会很好。比如本次论文所涉及的网页就用到了表格与css+div相结合的思想，其上、下、左、右和中间分别是一个单独的div模块。具体框架结构如图4-1。

图4-1 网页框架图

3.2创建数据库

本论文设计的网页，所用到的数据库test是通过数据库管理工具——PhpMyAdmin做的，具体创建过程就不在这一一介绍了。其包含两个表分别为：liuyan、test2，如图4-2和4-3。

4

图4-2 信息存储表1

本表主要存储游客名、游客留言内容和留言时间等数据。

图4-3 信息存储表2

本表主要存储数据有：游客注册名、性别、年龄、学历、专业、爱好、备注、密码（密码就是注册时，所输入的验证码）和注册时间。

5

3.3主要模块的代码实现

3.3.1 注册代码的实现

if($_POST['name']) {

include(\$up=$_FILES[\$hh=$up['type']; $fff=$up['tmp_name']; $yu=$up['name'];

//获得客户端和服务器端的验证码。 $host=$_SERVER['HTTP_HOST']; $host= md5($host);

$cookie_=$_COOKIE[$host]; @session_start();

$y=$_SESSION[$cookie_]; $y_d=$_POST['yz'];

/*。。。。。。。。。。。。。。核对客户端和服务器端的验证码库。。。。。。。。。。。。。。*/ if($y_d===$y) {

/*。。。。。。。。。。。。。。。。。。。查询数据库中的资源个数。。。。。。。。。。。。。。。。。。。*/ $dd=mysql_query(\$hang=mysql_num_rows($dd); $hang=$hang+1;

/*。。。。。。。。。。。。。。values

后不能有空格。

(id,name,sex,age,diploma,speciality,like,remark,mima,enrolDate)。。。。。。。。。。。*/ $sql=\

values($hang,'{$_POST[name]}','{$_POST[sex]}',{$_POST[age]},\

6

test2

\$_POST[yz]}',now())\

/*。。。。。。。。。。。。。。。。。。。。。。。。检测是否插入成功。。。。。。。。。，。。。。。。。。。*/ if(@mysql_query($sql,$conn)) {

if($hh==\==\{

@move_uploaded_file($fff,'E:/zhandian/zhandian1/sousuo/touxiang/'.$_POST['name'].'.jpg');//目录地址不能用反斜杠'\\'。 }

echo \language=javascript>alert('注册成功,您是第\位注册用户!');\}

else {echo \language=javascript>alert('对不起,您未能注册成功!');\}

else{ echo \language=javascript>alert('对不起您未能注册成功,因为您输入的验证码不正确或右侧的验证码已经失效。');\}

@mysql_close($conn); ?>

这段代码主要是将游客注册信息插入到test2表，如果游客注册成功，会弹出一个注册成功提示框“注册成功,您是第***位注册用户!”。如果没能注册成功，则会弹出一个注册失败提示框“对不起,您未能注册成功!”或“对不起您未能注册成功,因为您输入的验证码不正确或右侧的验证码已经失效。”,（出现此提示是因为游客在注册时，由于停留时间过长，对应的session已经不存在了）如图4-4所示。

7

图4-4 注册界面

3.3.2 登陆及退出登录代码的实现

header('Content-Type:text/html;charset=GB2312'); include(\

$g=mysql_query(\* FROM `test2` WHERE name='{$_GET[username]}' and mima='{$_GET[mima]}'\

$h=mysql_query(\* FROM `test2` WHERE mima='{$_GET[mima]}' and name!='{$_GET[username]}'\

$j=mysql_query(\* FROM `test2` WHERE name='{$_GET[username]}' and mima!='{$_GET[mima]}'\$hang=mysql_num_rows($g); $hang_1=mysql_num_rows($h); $hang_2=mysql_num_rows($j); if($hang){

$host=$_SERVER['HTTP_HOST']; $host= md5($host);

$cookie_=$_COOKIE[$host].$_COOKIE[$host];

8

@session_start();

$_SESSION[$cookie_] = $_GET[username];

echo \style='padding:53px 0px 53px 0px;'>