毕业论文_社交网站的设计与实现

2024-05-10

毕业论文_社交网站的设计与实现（精选6篇）

篇1：毕业论文_社交网站的设计与实现

随着国际互联网的普及，很多人已经不满足仅仅在Internet上的浏览信息，而

是希望更深入的参与其中，拥有自己的Web网站，这似乎已经成为一种潮流。如果说个

人建立网站是为了追求时尚，那么企业建立网站就是必然的选择了。

无论是专业的，还是业余的，很多人对网页制作颇感兴趣。事实上制作一个简单的

网页并不困难，会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易

了，而Dreamweaver却可以满足你的愿望，它是Macromedia公司开发的集网页制作和

网站管理于一身的所见即所得的网页编辑器。

同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添

花的作用，是个人网站实现的好帮手，在制作网站的时候经常会用到这些软件。

本文有五章，我来由浅到深介绍个人网站的设计与实现。

摘

摘摘

摘

要

要要要

在互联网走进我们的生活之前，没有人敢梦想拥有自己的报纸、杂志、电台、电

视台。除了政策上的制约外，一个人也根本没有操作一份传播媒体的能力。现在不同了，互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件，你可

以建立自己的个人网站。只要你办得成功也可以吸引成千上万的订户、读者,并建立自

己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节 : 1 了解中国网络个人主页研究背景与发展现状系统需求分析与总体设计熟悉网站开发模式、工具及环境把自己的作品和想要展示的内容制作成网页。使用动态网页技术(ASP)，实现动态内容更新。认真地选取测试用例，进行交叉测试网站的后期完善、宣传及发展方向

其中 ,网页制作和使用动态网页技术(ASP)实现动态内容更新是网站开发的核心内容。

关键词：网页、制作、访问、链接

Abstract

第一章引言

1.1 什么是Internet

1.2 Internet有哪些功能 1.3 www简介

1.4 网页基本构成元素

1.5 软件的安装与启动

1.5.1 软件的安装

1.5.2 软件的启动

1.5.3 创建快捷方式

1.6 制作网页前的准备

1.7 Dreamweaver的操作环境

1.7.1标题栏

1.7.2菜单栏

1.7.3快捷工具栏

1.7.4属性面板

第二章网站制作实战

2.1 站点

2.1.1创建站点

2.1.2 创建站点内容

2.2 首页

2.2.1 设置首页布局

2.2.2 设置首页的页面属性 2.2.3 查看和编辑头内容

2.2.4 插入图像

2.2.5 插入多媒体 2.2.6 插入文本

2.3 创建其它网页

第三章建立网页链接

3.1 文字链接

3.2 图像链接

3.3 E-Mail链接

3.4 文件下载链接

3.5 在HTML语言中建立网页链接

3.5.1 文字链接

3.5.2 图像链接

3.5.3 E-Mail链接

3.6.4 文件下载链接

第四章结论

致谢

参考文献

第一章

第一章第一章

第一章

预备知识

预备知识预备知识

预备知识

1.1

InternetInternet

Internet

Internet的中文名为“国际互联网”，又称“因特网”。

Internet是由众多的计算机网络互联而成的互联网，它覆盖了全世界各地，它是采

用开放系统协议的计算机通讯网络。然而，Internet不仅仅是计算机的互联网，它还是

全球最大的信息资源宝库，它提供了包括科研、教育、文化娱乐、商业和信息交流等各

种各样的服务，使得世界范围内的人与人之间的交流在时间和空间上变的更小了。

要了解Internet，就必须先了解局域网。我们可以将同一地点的许多计算机使用网

线连接在一起，构成一个高效率的计算机网络，所有处于网络内的终端机或电脑都能享

受网络内所有的资源，比如程序，图文资料等。这种计算机网络因为一般都局限在一定

区域中，我们称之为“局域网”（Local Area Network,简称LAN）,它是在日常工作中

用得最多的一种小型计算机网络。局域网所覆盖的地理范围比较小，通常不超过几十公

里，甚至只在同一座建筑物内或者邻近的几座建筑内。像常见的校园网，一座写字楼内

部的网络等都属于局域网。

而Internet则不是指单个区域范围内的网络，而是指将全世界的各中不同类型的

计算机网络连接起来的一个全球性的网络。Internet上有取之不尽，用之不竭的信息资

源。对于Internet中各种各样的信息，所有的人都可以通过网络的连接来共享和使用。1.2

1.2 Internet有那些功能

Web页浏览：这是目前利用最广泛、最直接的互联网服务，通过浏览WWW（万维网）

中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发

明，找到众多的就业信息„„几乎想找到什么样的信息，就有什么信息。正是有了WWW、Internet才会变得如此丰富多彩，才能走进千家万户。信息发布：通过Internet，不仅可以浏览别人发布在Web页上的信息，也可以将

自己要发布的信息制作成Web页，也即网页，然后发布到Internet上，供全世界的人

浏览。

电子邮件：不同于传统邮件，电子邮件(E-mail)通过Internet传输，写信，发信，收信都在计算机上完成，一封电子邮件最短在一秒之内就可以发送出去，其效率是传统

邮件无法比拟的。而且发送与接收电子邮件几乎是免费的，所以比传统邮件既节省时间

又经济的多。

网上聊天：通过聊天软件（如QQ、ICQ等）或不同网站的聊天室，可以和世界各

地的网友聊天。网友可能是远在天边的异国朋友，也可能是与你一起工作的饿同事，或

者是一起生活的家人，在这里没有年龄、性别、身份、职业、国籍、肤色的限制，完全

突破了交友的传统方式，人们可通过Internet互相了解对方，进行各种各样的交流。

电子商务：现在网上交易已经成为现实，网上购物、网上商品销售、网上拍卖、企业级电子商务、网上货币支付等电子商务活动已经搞的有声有色，几乎所有的专家都

预测，在未来的几年内，电子商务会飞速发展。在不久的将来，您可以做在电脑前进行

各种各样的商务活动。

网络游戏：通过Internet，可以与全世界的玩家一起进行游戏对战，也可以协同

作战。网络游戏已经成为信息产业全新的经济增长点，每年都为开发商带来巨额的利润。

通过网络游戏，可以充分享受Internet给我们带来的乐趣。

网络电话：网络电话也称IP电话。它采用Internet技术，利用专门的网络电话

软件，只需支付非常低廉的话费就可通话。Internet在电信市场上的应用将越来越广泛。

1.3 WWW的简介

WWW的全称为World Wide Web，含义是“环球网”，又称“万维网”、3W、Web。

WWW是一个基于超文本（Hypertext）方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本，也就是HTML(Hypertext Mark-up Language,超文本标记语言)文件，这些网页文件被放置到WWW服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在电脑上安装浏览器，如Internet Explorer或Netscape，然后在浏览器中输

入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将

鼠标指针移动到某个地方（如文本或图象）时，鼠标指针就会变成一个小手形形状，单

击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间跳转，我们之所以

能在Internet的海洋中穿梭自如，正是超连接的功劳。

WWW 为我们带来的是世界范围的超级文本服务：只须操纵鼠标，就可以通过Inter net从世界各地调来你所希望的文本、图像、动画和声音等信息。通过使用WWW，一个

不熟悉网络使用的人也可以成为Internet的行家。

1.4网页基本构成元素

要学会制作网页，首先需要了解网页都是由什么元素构成的。

文字：文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。

图片：正是有个各种美丽的图片，网页才变得多姿多彩。

动画：如今，网页上的动画越来越多，最常用的有GIF动画、Flash动画等。

超连接：如上所述，超连接几乎是必不可少的。一个没有超连接的网页，就如同汪

洋大海中的一座孤岛，失去了与外界的一切联系。

其它元素：还可以在网页中添加声音、视频等元素。

1.5软件的安装与启动

要使用网站设计软件，自然先要将这些软件安装到自己的电脑中。安装完毕，还需

要如何启动，如何创建快捷方式。下面就让我们来详细地看一看具体的操作步骤。

1.5.1软件的安装

安装之前，需要先了解软件对系统的要求。以Windows为例，系统要求如下：

Intel Pentium II处理器或等效处理器，主频300MHz或更高。

Windows 98Windows 2000Windows NT(具有Service Pack 3 或更高版本)、Windo

ws Me或Windows XP.Netscape Navigator 4.0版或更高版本或Microsoft Internet Explorer.96MB的可用内存（RAM），建议采用128MB内存。

分辨率可达 800×600像素的256色显示器（建议颜色为百万颜色，分辨率达到102

4×768像素）。

CD-ROM 驱动器。

检查一下您的计算机，看是否具备了以上条件。如果具备，将“Macromedia Stud

io MX”程序会自动运行。如果不能自动运行，可以找到光盘放入光驱，安装程序会自

动运行。可以找到光盘中的“Install Macromedia Studio MX”程序或“Autorun”程

序并双击运行。

Dreamweaver的安装比较容易，几乎可以自动完成。下面简要说明一下安装步骤。

操作步骤：

1、将安装光盘放入光驱，安装程序自动运行，并出现安装界面。如果单击安装界面

上的“Macromedia STUDIO MX安装”，那么将会安装其下方所列出的软件。所有的安装

会自动完成。

2、单击Dreamweaver MX,开始安装过装过程.先是出现解压缩文件窗口,等待一会儿，便会出现安装向导对话框。单击“下一步”按钮，继续安装过程。

3、出现“选择目的地位置”对话框，默认的盘是C盘，如果想安装到不同的位置，可以单击目的文件夹右边的“浏览”按钮，并在弹出的“选择文件夹”对话框选择不同的文件，如要安装在D盘则可直接将路径中的“C：”改为“D:”。也可以在下面的“目

录”中选择其它的文件夹，设置完后，单击“确定”，回到“选择目的地址”对话框，单击“下一步”继续。

4、而后会出现“默认编辑器”的对话框，默认为全选。如果希望让Dreamweaver M

X成为下面所列文件类型的默认编辑器，那么可以在这里做选择。选择完毕，单击“下

一步”按钮。

5、出现“开始复制文件”对话框，单击“下一步”安装程序开始复制文件，过几

分钟后，安装结束，单击“结束”按钮，结束安装。

1.5.2 软件启动

软件安装完毕后，我们就可以使用它了。安装程序已经自动在“开始”菜单中加入

了快捷方式。

单击“开始”菜单，将鼠标指针依次指向“程序”|“Macromedia”|“MacromediaMX”,并在上面单击鼠标左键。

1.5.3 创建快捷方式

使用“开始”菜单启动程序的过程比较烦琐。可以在Windows桌面或快速启动栏上

创建快捷方式，这样可以快速的启动程序。

具体实现方法是：在“开始”菜单中找到相应程序的快捷方式，不过这是不要用

鼠标左键单击，而是用右键按住向桌面拖动，然后松开右键，会出现一个快捷菜单，在

其中可以选择不同的命令，比如选择“在当前位置创建快捷方式”或“复制到当前位置”。

这样以后在运行程序时，就方便快捷的多了。

1.6 制作网页前的准备

电脑必备：

电脑速度够快，最好能够上网。

操作系统：Windows XP.软件可选：其它软件：看图软件美图秀秀图像处理软件Photoshop、上传工具CuteFTP

1.7 Dreamweaver MX的操作环境

我们将工作界面分成了“标题栏”、“菜单栏”、“快捷工具栏”、“属性面板”、“浮动控制面板”5个部分来分别介绍。

1.7.1 标题栏

Dreamweaver MX的“标题栏”中将显示文字“Macromedia Dreamweaver MX”如果

打开网页的话，在后面还会显示该网页的一些信息，如网页标题、所在位置及网页名称，右边有三个钮，分别对应Dreamweaver MX的最大化最小化和关闭的操作。

1.7.2 菜单栏

“标题栏”下面就是“菜单栏”，栏中提供了“文件”、“编辑”、“查看”、“插

入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意

一项菜单，随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码，这是

该指令的快捷键，熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个

小黑三角的标记，它代表该指令还包含下一级的指令，鼠标停留片刻即可显示。

1.7.3 快捷工具栏

“快捷工具栏”指的是“菜单栏”下边的3排按钮，选择菜单“查看/工具栏”，勾

选里面的“插入”、“文档”和“标准”3项，完整的快捷工具栏就显现出来了。

1.7.4 属性面板

在网页编辑窗口的下面还有一个面板，它是有名的“属性面板”，它在这个软件中

起到举足轻重的作用。

属性面板顾名思义，就是显示，调整属性的面板，根据鼠标所选中对象的不同，“属性

面板”在界面上也会有所差异，用户可以分别对不同的对象进行调整。

站点

2.1.1

创建站点

要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，这样可以使

整个网站的脉络结构清晰地展现在面前，避免了以后再进行纷杂的管理。

从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其

中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“追

梦人”。

填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。”

单击“下一步”，进入下一个步骤。

在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上

传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标，新建并指定一个空的文

件夹“E:/ding”。之后单击“下一步“，进入下一个步骤。

这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。

而后“下一步”再“完成”，即可。

2.1.2 创建站点内容

站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择

“文件/文件”面板，此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录

文件夹。在弹出的菜单中选择“新建文件”，新建一个文件后将其命名为“index.htm(或i

ndex.html),它就是未来的首页。

由于“追梦人”网站分为“平面设计”、“动画制作”、“网文精品”、“经典回

顾”、“个人说明“这五个大栏目，所以继续用鼠标右击右侧，在弹出的菜单中选择第

二项“New Folder（新建文件夹）”。执行五次操作，新建五个文件夹，并把它们重命

名为graph、anim、books、music、letter，分别对应上面的五个大栏目。存放它们各

自的内容。之后再次新建1个文件夹，命名为images,用来存放“所有的图象文件”的

内容。

之后在个栏目的文件夹里还要建立想相应的栏目网页。

2.2.1 设置首页布局

每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站

架构上而言，它代表了网站的第一层架构，至于网站上其他Web页，原则上都必须通过

首页来连接散播出去，可见首页是多么的重要。

首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的

居多。当然，后缀名为html也是正确的。

具体设置方法是：右健单击“文件”浮动面板中的index.htm,在弹出的菜单中选择“设

成首页”。

首页的布局有很多方法，在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格，单元格称为布局单元格。在绘制布局表格和布局单元格时，必须从

“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。

操作步骤：

1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。

2、将变成“+”形状的鼠标光标放到编辑中网页上，在要绘制的地方进行拖动

就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。

3、在这里要绘制多个表格，可以再次单击“布局表格”按纽进行绘制，也可

以按住Ctrl键绘制多个表格。追梦人”网站首页的布局如图所示：

2.2.2设置首页的页面属性

首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白

区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修

改/页面属性”项，也可以把打开该对话框。

在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链

接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目。“追梦人”首页设置的属性如下图所示：

2.2.3查看和编辑头内容

一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容

主体内容（body）是文档的主要部分，也是包含文本和图像等的可见部分。头内容（he

ad）是除文档标题外的不可见部分，包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键字。

下面就以首页为例，说明怎样插入较常用的头（head）内容。

单击“菜单拦”下面“插入快捷”的下拉列表，选择其中的HTML类，此时右侧将

会显示该类中可以插入的对象快捷按钮，再次单击第2个按钮“文件头”旁边的下拉箭

头，会弹出菜单，该项列出的便是即将插入的头内容。

2.2.4 插入图像

图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力

与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。

另一方面，网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制，导致了下载的速度不可能太快，因此，网页的大小就不能太大，其中关键就在

于图像的大小了，否则浏览者会失去等待的耐心，无论你的网站多么精彩也无济于事了。所以，在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的

操作步骤，以使得它们在保持图形美丽与网站风格搭配的基础上，图片文件能够变的更

小。

1、首先将光标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏” 的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。

左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。

2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中，可选择文件

URL地址的类型，如果选择“文档”选项，表示图像地址相对于当前文档；如果选择“站

点根目录”选项，表示地址相对于根目录。在这里我要插入的是网站标志logo，插入l

ogo图象，如图所示：

最后单击“确定”按钮，即可完成插入图像的操作。2.2.5插入多媒体

在Dreamweaver MX2004中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频等媒体元素，如Flash,Shockwave,Applets,ActieX及格Midi声音文件等，并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象，以

及进行相关的后期处理和添加设计备注等操作。

在Dreamweaver MX 2004文档中，可以插入媒体文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各种格式的音频文件。

要在浏览器中播放放Flash 动画，必须在浏览器中集成“Flash 播放器（Flash Play er）”。其中，Internet Explorer通过ActiveX控制来实现，Netscape Navigator则

是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏

览器中，均已集成了 Flash动画播放功能。操场作步骤：

步骤1 将光标停留在要插入Flash的位置，然后单击菜单栏下面“插入快捷栏”的下

拉列表，选择其中的“常用”分类，右侧将会显示该类中可以插入的对象快捷

按钮。左起第6个即为“媒体”按钮，单击它右侧的下拉列表，选择第1项Fl

ash图标。

步骤2 在弹出的对话框中选择扩展名为swf 的Flash文件，即可将其插入到Dreamwe

aver的“网页编辑窗口”中，可以看到，在这个窗口中Flash文件的大小。在

这里我的主页插入的一个动画，如图所示：

2.2.6插入文本

文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成

部分，一个网站成功与否，它是最关键的因素。在这最关键的因素。可丰富网站的文字

内容，并以最最美观、最整齐的方式放入到网页中。

插入文本的两种方式

网页中需要大量的文本，我们或以通过以下两种方式插入它们。

一种是在网页编辑窗口中直接用键盘敲入文本。这可以算是最基本的输入方式了，和一些文本编辑软件（如Microsoft Word）的使用方法一样，选择好习惯的输入法，就

可以运指如飞了。

另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver MX2004来进行

打字的工作，而更习惯在专门的文本编辑软件中快速打字，如Microsoft Word和 Wind

ows自带的记事本等，又或者读者已经准备好了要放入网页的文本的电子版本，那么我

们就可以直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑

窗口来进行排版的工作，具体步骤如下。

打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将光标

停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可

将大段的文本快速粘贴到网页中。

这在我的“网文精品”中用到很多，全部是在word软件中排好ctrl+c,然后点击要

粘贴的位置，crtl+v到Dreamweaver即可。

2.3创建其它网页

还有其它的几个网站与主页的制作相同，一个网页是图象和文字的组合。“平面设计”中的图象插入和前面的介绍相似，并可以在属性拦中调节图象的大小。

在Dreamwerver中常常会用到Firework、Flash，它们是相辅相成，在主页中的主体部

分就是用Firework,如图所示：

在“个人说明”中也用到这点，首先定好需要尺寸，在属性中设好背景，颜色等

等，插入图象，输入文字，也word里的操作雷同。

3.建立网页链接

网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁，起着相当重要的作用。网页中的很多对象都可以加入“链接”属性。在Dreamweaver MX2004中，如果以“链

接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。其中部分内容在之前的章节中可能接触过，这里将对其进行更深入的讲解。3.1文字链接

“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具

有“文件小、制作简单和便于维护”的特点。

接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。

具体操作步骤如下所述。操作步骤

步骤1 准备好已经制作完成的首页的各个栏目页面（假设除了“链接”，其他内容都

已经制作完成了），该网站包含6个栏目，这里的5个栏目----“平面设计”、“动画

制作”和“网文精品”、“经典回顾”、“个人说明”为例来进行讲解。

步骤2 在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。实例中要做

到单击不同的栏目的网页。因此为第1个栏目“平面设计”设置链接，首先要反白选中

“平面设计”4个文字。

步骤3 观察“属性面板”，其中包括一个“链接”文本框。

步骤4 接下来需要把链接的地址加入到文本框中，方法有3种。

这里我用到的是直接点击文件夹图标，在文件夹中找到要链接的对象graph.htm。这样

就建立了超链接。不过有点很重要，由于大多数服务器都不支持中文文件名，而且对大

小写敏感，因此采用英文文件名并统一大小写。如图所示：

步骤5 在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：

实例中没有选择任何选项，保持空白，表示在原窗口中打开链接网页。

步骤6 还可以设置一些“链接”的属性，这是前面讲过的内容。单击“属性面板”中的 “页面属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下

划线样式”。

步骤7 至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预

览，测试一下，当鼠标放在“平面设计”这4个文字上时将变成手形，并且浏览器窗口下面的状态栏中会显示链接到的网页的地址，单击文字，页面会立即跳转到第1个栏目

中，这表示链接已经制作成功了。

步骤8 同理，按照以上步骤，再为“动画制作”和“网文精品”“经典回顾“等其它栏

制作指向对应栏目的链接。

步骤9 通常在栏目页面中还需要有“返回首页”的链接，单击其后可以跳转回首页，因

此在各个栏目中还要插入“网站首页”的文字，并且制作指向首页index.html的链接，制作方法不变。

至此，整个“文字链接”的实例就全就全部完成了。通过对这个实例的讲解，读者不仅

应该学会如何为文字制作链接，还应用对“链接”有了更加深刻的理解，链接的目的何

在？它到底能够在网页的网站中发挥什么样的作用？怎样才能更好地使用它？这些是

网页制作者更应该思考的问题。

下面继续介绍其他类型的链接。

3.2

3.23.2

3.2图像链接

图像链接图像链接

图像链接

“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首

先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以

我的网站“追梦人“为例，讲解如何建立“图像链接”。

操作步骤

步骤1 首先仍然要准备好已经制作完成的首页和各个栏目的页面（假设除了“链接”，其他内容都已经制作完成了），该网站包含6个栏目，下面我们就动手为这6个栏目分

别制作它们的链接。

步骤2 在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。实例中先

为第3个栏目“动画制作”设置链接，因此选中包含“动画制作”4个字的图像。步骤3 观察“属性面板”，在“链接”文本框中输入链接的文字地址。可以使用之前讲

过的“指向文件”和“选择文件”的方法。

步骤4 如果有需要，可以在“目标”下拉列表中选择“链接”网页显示的窗口方式，分

别为-blank、-parent、-self或 top。实例中使用了默认出的保留空白选项的方式。

步骤5 另外，读者还可以为图像增加“替代”文本。实例中为第1个栏目增加栏目名称的“替代”文本。

步骤6 至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F1 2预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗

口下面的状态栏中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制

作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。

步骤7 同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。

步骤8 在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页，其制作方

法不变。

至此，整个“图像链像”的实例就全部完成了。

3.3E

3.3E 3.3E

3.3E –

––

–Mail

MailMail

Mail的链接的链接的链接的链接

E-Mail链接，是指当浏览者单击该链接之后，不是打开一个网页文件，而是启动用户的

E-Mail客户端软件（如Outlook Express）,并打开一个空白的新邮件，供浏览者撰写

内容来与网站联系人联系，这是一种最方便的互动方式。

结合“个人说明”网页，建立E-Mail链接的步骤如下所述。

操作步骤步骤1 将光标停留在页面右下角要插入E-mail链接的位置。步骤2 选择“插入快捷栏”中的“常用”分类，单击左侧第2个“电子邮件链接”按钮。

步骤3 在弹出的“电子邮件链接”对话框中有两个输入项，分别是“文本”和“E-Mai

l”。在“文本”项中输入链接的文字，中文、英文均可，在E-Mail项中输入网站联

系有的电子邮件地址，如实例中的 ding_zhuimeng123@163.net。

步骤4 单击“确定”按钮，具有“E-Mail链接”属性的文本就ding_zhuimeng123@163.net。插入到光标所在位置了，按下 Ctrl+S保存网页，再按下F12预览查看实际效果。

上面的方法只适用于文本的“E-Mail链接”，如果想在其它的对象（如图像）上也加入

这种链接，该怎办呢？下面介绍第2种建立“E-Mail链接”的方法。

其实很简单，与前面讲过的图像加入链接的方法基本一样。先在页面中需要的地方插入

图像，之后选中图像，并在“属性面板”的“链接”文本框中输入如下语句即可----ma

ilto: ding_zhuimeng123@163.net ?subject=网站的建议与第1种方法不同的是，E-Ma

il 地址前面增加了mailto:字样。用这种方法就可以给图像等其他对象建立“E-Mail

链接”了。

3.4

3.43.4

3.4文件下载链接

文件下载链接文件下载链接

文件下载链接

“文件下载链接”的原理很简单，只要链接文件属于浏览无法识别的关型，便都会使用 IE浏览器直接进行下载，并保存到本地计算机中。

浏览器无法识别的文件类型有很多，这里就介绍一个最常用的，以zip或rar为后缀名的压缩格式文件，这种文件可以使用主流的压缩软件（如winzip、winrar）来制作。下

面我们就业以实例来说明。在前面“插入多媒体”一章中，我们曾经讲过直接链接文件的方式来插入“视频”，即

直接在“链接”文本框中输入“文件名+名后缀名”，如olympus.wmv。单日击这个链接，经过数据下载后，Windows系统将启动自带的媒体播放器Windows Media Player 来播

放该视频。

操作步骤

步骤1 先将视频文件olympus.wmv通压缩成olympus.rar文件，放入站点的media文件

夹下。

步骤2 将文件路径输入至“链接”文本框中。

步骤3 保存网页，按下F12预览，在浏览器中单击“下载精彩广告视频”链接文本，会

弹出“文本下载”选择框，单击其中的“保存”按钮。

步骤4 在“另存为”对框中选择保存到本地计算机中的位置，实例中为“经典回顾”文

件夹。之后单击“保存”按钮，压缩文件即保存到该位置中。至此，“文件下载链接”

便制作完成了。读者可以打开“我的文档”文件夹，解压缩olympus.rar文件，随时欣

赏下载影片。

本设计中未用到此链接，在此只作简单介绍。

3.5

3.53.5

3.5在在在

在HTML

HTMLHTML

HTML语言中建立网页链接

语言中建立网页链接语言中建立网页链接

语言中建立网页链接

3.5.1

3.5.13.5.1

3.5.1文字链接

文字链接文字链接

文字链接

在HTML语言中用超链接标记指向一个目标。其基本格式为：举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。

文字链接

a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank)< /p>

动画制作（原窗口，默认为空）

网文精品

篇2：毕业论文_社交网站的设计与实现

第1章绪论..............................................................1 1.1 课题背景............................................................1 1.2 研究意义............................................................1 1.3 设计目标............................................................1 第2章开发工具及相关技术简介............................................2 2.1 JAVA语言............................................................2 2.2 ECLIPSE.............................................................2 2.3 TOMCAT.............................................................2 2.4 MYSQL与NAVICAT FOR MYSQL........................................2 2.5 MVC框架............................................................3 2.6 B/S架构............................................................3 第3章系统总体设计......................................................4 3.1 功能模块分析........................................................4 3.1.1前台功能模块分析................................................4 3.1.2后台功能模块分析................................................4 3.2 业务流程分析........................................................4 3.3 可行性研究..........................................................4 3.3.1技术可行性......................................................5 3.3.2经济可行性......................................................5 3.3.3管理可行性......................................................5 3.4 数据库设计..........................................................5 3.4.1数据库需求分析..................................................5 3.4.2数据库概念设计..................................................6 3.4.3数据库逻辑设计..................................................6 3.4.4数据库结构实现..................................................8 第4章系统详细设计与实现...............................................10 4.1 界面设计原则.......................................................10 4.2主要功能及界面的实现...............................................10 4.2.1前台子系统的设计与实现.........................................10 4.2.2后台子系统的设计与实现.........................................13 第5章系统测试.........................................................16 5.1测试环境...........................................................16 5.2测试过程...........................................................16 第6章总结与展望.......................................................20

6.1 总结...............................................................20 6.2 展望...............................................................20 参考文献................................................................21 致谢................................................错误！未定义书签。附录................................................错误！未定义书签。

电子商务网站的设计与实现

第1章绪论

1.1 课题背景

从21世纪以来，作为一种新型的经营模式，电子商务得到了长足的发展，特别是近几年信息速度高度发达的经济环境下，日益趋向成熟。并且人们已经逐步接受网上购物这一观念。

从电商发展至今，可以看得出开发一个电子商务网站的价值所在：除了投资少，回收快，基本不需要占压资金之外，24小时的营业时间以及不受店面地理位置影响都是其显著特点。而对于消费者而言，采用电子商务方式可以高效、便捷和低成本的实现购买活动。

在中国发展网上购物已经具有良好的消费者基础，网上购物方式日趋被大家所接受。因此设计一个电子商务网站具有很好的应用和开发前景。

1.2 研究意义

现在流行的网上购物系统不仅要有漂亮的网页，更要有严谨的规划，注重每一个细小的环节，这样才能使得在电子交易时避免不必要错误发生。我们将使用HTML、JSP等技术来编辑网页，采用MVC开发模式，以B/S为架构，并运用JDBC技术把数据库和动态网页相关联[1]。本设计参照实际的网店的业务逻辑建立而成，同时自己建立数据库，使得所需商品信息可以及时的保存、更新，这样，前台可以更好的完成网上购物体验，而管理员也可以更好的及时的了解商品买卖的情况。

1.3设计目标

通过本电子商务网站，顾客可浏览商品信息，搜索到自己想要的商品，并可以完成对商品下单等操作。而后台管理员可以管理注册用户的信息，同时也可以完成对商品、订单和新闻等的管理操作。本网站致力于提供给用户完善的购物体验，同时方便管理员对后台的管理。

第2章开发工具及相关技术简介

软件的开发工具用以支持软件开发的相关过程、活动和任务。运行环境为工具集成和软件的开发、维护及管理提供统一的支持。本系统依据开发的实体需求，采用的开发工具有Eclipse、Tomcat、MySQL和Navicat For MySQL等。

开发工具在软件开发过程中是必不可少的，其属于一种被软件开发工程师定性的认为是为特定的软件包、系统（或软件）框架以及操作平台等创建应用性软件的特殊软件。在一个完善的系统的开发过程中，必要的开发工具将为整个开发的过程减少较多的成本和时间，提高了开发效率。而每个系统的开发平台不一样，因此其所搭建的开发环境当然也会有很大的差别。

2.1 Java语言

Java[2]是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台（即JavaSE, JavaEE, JavaME）的总称。Java 技术具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于个人PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。在全球云计算和移动互联网的产业环境下，Java更具备了显著优势和广阔前景。

Java 编程语言是个简单、面向对象、分布式、解释性、健壮、安全与系统无关、可移植、高性能、多线程和动态的语言。

2.2 Eclipse

Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。

2.3 Tomcat

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应对HTML 页面的访问请求。

2.4 MySQL与Navicat For MySQL

MySQL[3]是一个关系型数据库管理系统，由瑞典MySQL AB公司开发，它是用于访

电子商务网站的设计与实现

问数据库的最常用标准化语言。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择MySQL作为网站数据库。

Navicat For MySQL是一款强大的 MySQL 数据库管理和开发工具，它为专业开发者提供了一套强大的足够尖端的工具，但对于新用户仍然易于学习。Navicat For MySQL 基于Windows平台，为 MySQL 量身订作，提供类似于 MySQL 的用管理界面工具。此解决方案的出现，将解放php，Java等程序员以及数据库设计者、管理者的大脑，降低开发成本，为用户带来更高的开发效率。

2.5 MVC框架

MVC[4]是一个框架模式，它强制性的使应用程序的输入、处理和输出分开。使用MVC应用程序被分成三个核心部件：模型、视图、控制器。它们各自处理自己的任务。最典型的MVC就是JSP + Servlet + Javabean的模式。

2.6 B/S架构

B/S[5]最大的优点就是可以在任何地方进行操作而不用安装任何专门的软件，只要有一台能上网的电脑就能使用，客户端零安装、零维护。系统的扩展非常容易。B/S同时具有升级和维护方式相对简单、成本较低等。

第3章系统总体设计

3.1 功能模块分析

本电子商务网站涉及到两种业务角色，即前台用户角色和后台管理员角色。3.1.1前台功能模块分析

（1）用户信息模块，即用户注册、用户登录、用户查看和修改个人信息；

（2）商品信息模块，即分类查看商品信息、搜索商品信息；

（3）购物车信息模块，即添加购物车、删除购物车、搜索购物车信息；（4）订单信息模块，即添加订单、删除订单，搜索订单信息；（5）新闻信息模块、即浏览发布的新闻信息；

（6）留言板信息模块、即添加留言，查看所有的留言信息； 3.1.2后台功能模块分析

（1）管理员信息模块，即管理员登录、查看个人信息、修改个人信息；（2）用户管理模块，即查看所有用户信息、搜索用户信息、删除用户；（3）商品管理模块，即添加商品、查询商品、删除商品；

（4）订单管理模块，即查看所有订单信息，搜索订单，删除订单；（5）新闻管理模块，即查看所有的新闻，搜索新闻，修改新闻，删除新闻；（6）留言板管理模块，即查看所有留言信息，删除留言；

3.2 业务流程分析

通过本电子商务网站分为前后台两种角色管理，前台用户可以完成对应的业务逻辑，如图1所示。后台管理员完成对应的业务逻辑，如图2所示。

图1 前台业务流程图

图2 后台业务流程图

3.3 可行性研究

可行性分析能使新系统达到以最小的开发成本取得最佳的经济效益，其目的也是根

电子商务网站的设计与实现

据开发管理信息系统的需求，通过初步调查和系统目标分析，对于本电子商务网站设计从技术上、经济上和管理上进行是否可行的研究与分析，这既是保证资源的有效合理利用，也是避免在日常工作中的失误而导致的种种浪费现象 3.3.1技术可行性

技术方面，本系统采用Java语言进行设计，Java也是我们比较熟悉的语言。由于是初次设计电子商务网站，在技术和知识层面上的欠缺，导致在制作过程中遇到许多的困难，编程和设计的时候，明显感觉到知识积累的不够，并且很多知识点已经淡忘。通过与老师的沟通，在老师的细心指导下，以及我们的一起努力，翻阅了大量的资料，多操作多实践，本系统才得以比较顺利的开发出来。因为实践和技术方面的不足，使得我们设计的程序依然存在很多不完善的地方，后期好好的钻研，使本系统能更完善更适用。3.3.2经济可行性

本系统相对较小也比较简单，不需要投入大量资金，同时又存在着实用性，能改善使用方法在财力和人力上的过度消耗。因此一经使用便可收到很好的成效，做到合理节约和合理利用资源,既提高了工作效率并且也减少了工作人员的工作量，这使得本系统在处理业务方面得到很大的提升空间。3.3.3管理可行性

对于绝大多数用户而言，他们已经养成了网上购物的习惯。对于购物方式，也已相对比较熟悉。对于本网站而言，简洁友好的界面可以使用户快速的了解本网站提供的业务，从而能更好的操作以完成网上购物的体验。对于后台管理者而言，本系统提供的后台操作简单，模块划分简洁明了。因此无论是用户，还是管理员都能很好的操作本网站提供的功能，在管理方面是可行的。

3.4 数据库设计

数据库设计是指对于一个给定的应用环境，构造（设计）优化的数据库逻辑模式和物理结构，并据此建立数据库及其应用系统，使之能够有效地存储和管理数据，满足各种用户的应用需求，包括信息管理要求和数据操作需求。信息管理要求是指在数据库中应该存储和管理哪些数据对象；数据操作要求是指对数据对象需要进行哪些操作，如查询、增、删、改、统计等操作[6]。3.4.1数据库需求分析

数据库需求分析的任务是通过详细调查现实世界要处理的对象（组织、部门、企业 5

等），充分了解系统的工作概况，明确用户的各种需求，然后在此基础上确定系统的功能，因此必须充分考虑今后可能的扩充和改变，不能仅仅按照当前应用需求来设计数据库。本系统相对比较简单，从前台到后台操作涉及到的实体及其属性的定义都能满足系统的要求，因此在考虑后期可能的应用需求，本数据库的设计相对合理，应用性良好。3.4.2数据库概念设计

数据库概念设计阶段是在需求分析的基础上，设计出能满足用户需求的各种实体，以及它们之间的关系，为后面的逻辑结构设计打下基础。在本电子商务网站中，各项实体之间的关系并不复杂，本系统的数据库没有设计外键关联，只是将关联数据库的字段存放到需要的数据库表中，从而能达到数据关联的目的，如图3所示，因此概念设计也相对比较容易。

图3 数据库实体关系图 3.4.3数据库逻辑设计

在数据库逻辑结构设计阶段，需要将数据库概念结构转化为MySQL数据库系统所支持的实际数据模型，也就是数据库的逻辑结构。在上面的实体结构的基础上，形成对应的数据库表，如表1—表7所示。

表1 用户基本信息表

电子商务网站的设计与实现

表2 商品基本信息表

表3 订单基本信息表

表4 购物车基本信息表

表5 新闻基本信息表

表6 管理员基本信息表

表7 留言板基本信息表

3.4.4数据库结构实现

在需求分析、概念结构设计的基础上得到数据库的逻辑结构之后，就可以在MySQL数据库系统中实现该逻辑结构。实现数据库的逻辑结构的方式是借助Navicat For Mysql来管理实现，详细步骤如下所述。

（1）打开Navicat For Mysql，选择“连接”出现“新建连接”界面，在“连接名”输入框中填入项目名（如eshop），其他选择对应的数值，如端口号、数据库的用户名和密码等。当点击测试连接时，若如图4所示的效果，则连接成功，点击确定即可看到如图5所示的界面。

图4 新建数据库连接

图5 连接列表

（2）选中“eshop”，鼠标右击选择“新建数据库”，在“数据库名”标签中填入数据库名（如eshop），“字符集”选择“utf8--UTF-8 Unicode”,其他选择默认，如图6所示。

图6 新建数据库

图7 新建表

（3）双击展开“eshop”数据库，选中“表”，鼠标右击选中“新建表”，如图7所示，进入填写数据项信息的界面，选中下面的“自动增加”（表示id为自动增加），填写完信息后保存，提示填入表名（如e_user）即可，如图8所示。

图8 e_user 数据表

电子商务网站的设计与实现

（4）这样我们在MySQL数据库系统中就创建了一个eshop的数据连接，并在该连接下创建一个eshop数据库，并且能够建立所需的数据表，如图9所示。后期的操作中只要连接到该数据库，就可以直接对数据库中的数据表进行操作。

图9 所有的数据表

第4章系统详细设计与实现

4.1 界面设计原则

界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面是用户与程序沟通的唯一途径，要能为用户提供方便有效的服务。用户界面设计的三大原则是：置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性。

4.2主要功能及界面的实现

本电子商务网站采用的是JSP[7]技术作为前端页面展现,由于每个模块的页面是不一样的，因此在设计页面时，要合理的安排，尽量使用户能够很快的熟悉本网站的主要功能，同时需要保持界面的简洁和一致性。4.2.1前台子系统的设计与实现

（1）前台用户注册

对于本电子商务网站，未成功注册用户只能查看新闻公告，商品信息等，而不能进入系统使用其他的业务。用户需要办理注册手续，即进入注册页面，按要求输入有效的个人信息，如账户名、真实姓名、身份证号、邮箱等必要信息，如图10所示。

图10 用户注册

图11 用户登录

（2）前台用户登录

已成功注册用户只有登录系统才能执行其他业务操作，如图11所示，因此在登录界面输入账户名和密码，提交信息后，后台进行验证，若与数据库里存储的信息匹配，则可以成功登陆。

（3）前台新闻信息模块

当进入网站首页，则直接在右边的页面中浏览所有的公告信息，或者点击“首页”，则回到所有新闻信息显示页面，如图12所示。

电子商务网站的设计与实现

图12前台新闻信息模块

（4）前台用户信息模块

进入主界面后，当用户点击“会员信息”时，即进入“前台用户信息”子模块，此模块中显示了登陆用户的个人信息，用户可以修改个人信息，包括密码的修改等，如图13所示。

图13 前台用户信息模块

（5）前台商品信息模块

在主界面的左侧导航栏中（如“聚美优品”、“商品类别”、“品牌商家”等），则根据其下拉的选项点击查看不同的商品信息。在对应页面上方的查询输入框中，输入商品名称，则可查询所需的商品信息，如图14所示。

图14 前台商品信息模块

（6）前台购物车信息模块

当点击商品信息的操作栏中“加入购物车”链接时，则进入购物车信息模块。该页面上显示将加入购物车中的商品信息。当点击“购物车”时，则显示该用户下的购物车中的商品信息。当点击购物车列表里“删除”操作，则可删除购物车中对应的商品。在购物车列表页面的输入框中输入商品名称，显示所需的商品信息，如图15所示。

图15前台购物车信息模块

（7）前台订单信息模块

当点击商品列表的“生成订单”操作，如图14所示。或者点击购物车列表的“生成订单”操作，如图15所示时，则出现订单信息填写页面，输入订单信息，并通过验证，即完成订单添加操作；否则添加失败。点击“查看订单”操作，显示该用户下所有的订单信息。点击订单列表中的“删除”操作，则删除对应的商品订单。在订单列表的输入框中输入订单编号，则查询出所需的订单信息，如图16所示。

图16前台商品信息模块

（8）前台留言板信息模块

点击“留言栏”操作，显示所有的留言信息，如图17所示。用户可以添加留言信息，未登录用户添加留言时，出现需要用户登陆提示。

电子商务网站的设计与实现

图17 前台新闻信息模块

4.2.2后台子系统的设计与实现

（1）后台管理员登录

当管理员输入用户名和密码时，后台进行验证，若验证通过，则进入后台管理界面，若验证错误，则提示登陆失败信息，如图18所示。当管理员成功登陆到系统后，系统会跳转到如图19所示的后台主界面，从而完成后台的管理。

图18 前台新闻信息模块

图19 后台主界面

（2）后台管理员信息模块

当管理员成功登陆后，则进入后台管理界面，当点击左侧导航栏中“系统管理”下的“管理员信息”时，则显示管理员的个人信息，当点击“修改”时，则可以修改管理员的用户名和密码，如图20所示。

图20 后台管理员信息模块

（3）后台用户管理模块

当点击右侧导航栏中“用户管理”下“用户管理”，则显示所有注册用户信息。管理员可以删除用户，或者根据账户名查找用户，如图21所示。

图21 后台用户管理模块（4）后台商品管理模块

当点击右侧导航栏中“商品管理”下“添加商品”，则可填写商品信息，若通过后台验证，则完成添加操作，否则提示添加错误信息。当点击“商品列表”，则显示所有的商品信息。在输入框中输入商品名，则可以完成按商品名查询操作。当点击“删除”则删除对应的商品，如图22所示。

图22 后台商品管理模块（5）后台订单管理模块

当点击右侧导航栏中“订单管理”下“订单列表”，则可显示所有的订单信息。当管理员在输入框中输入订单ID或者点击操作栏中的“删除”时，则完成对应的搜索或删除操作，如图23所示。

电子商务网站的设计与实现

图23 后台订单管理模块

（6）后台新闻管理模块

当点击右侧导航栏中“新闻管理”下“添加新闻”，则可填写新闻信息，若通过后台验证，则完成添加操作，否则提示添加错误信息。当点击“新闻列表”，则显示所有的新闻信息。当点击“删除”或“修改”，则可完成相应操作。在输入框中输入新闻ID，完成新闻查询操作，如图24所示。

图24 后台新闻管理模块（7）后台留言板管理模块

当点击右侧导航栏中“留言管理”下“留言板管理”，则显示所有前台用户的留言信息。当点击“删除”，则可完成删除留言的操作，如图25所示。

图25 后台留言板管理模块

第5章系统测试

5.1测试环境

软件环境：JDK1.6，Windows 2000以上的操作系统[8]；硬件环境：最低Intel Pentium II 500 MHz；安装内存（RAM）： 512MB（最好1GB以上）。

5.2测试过程

当用户在前台登录页面中输入正确的账户名（如“jason”）和密码（如“123456”）时，则登陆成功，则成功跳转到如图26所示页面，否则提示如图27登陆错误信息提示。

图26 登录成功

图27 登陆失败

当未注册用户点击“注册”按钮，在右边看到注册界面，用户输入正确的数据，然后点击按钮“添加”，将提示注册成功，如图28所示。反之如果上面的信息只要有一项不符合规定，将提示注册失败。此处给出所有注册信息通过的提示，如图29所示，因此可完成用户注册操作。

图28注册成功提示图29 注册提示

用户若没有登录，当查看购物车、订单等信息或添加到购物车、生成订单和添加留言等操作时，会出现如图30的提示，只有成功登录后，才能操作对应的功能。

图30 登陆提示

电子商务网站的设计与实现

当用户在自己的购物车列表中点击生成订单时，若出现如图31的页面，则说明该物品已下架，用户可以选择其他物品进行购买。

图31商品下架提示

前台各个功能模块的测试重点大致相同，此处以前台订单管理为例，在生成订单页面输入信息，若显示如图32的页面时，则说明输入信息不可为空，当输入的格式不正确时，用户无法完成订单添加的功能，如图33所示。只有输入有效的数据才能成功生成订单。

图32 生成订单不为空提示

图33 生成订单格式不正确提示

当登录用户查看订单信息时，当输入订单编号46时，若有数据，则会显示如图34的页面。

图34 前台订单查询页面

当输入0时，因为数据库无此数据，则会出现如图35的页面。当用户输入的数据不符合要求时，则会出现如图41的页面提示，用户需重新输入。

图35 查询无数据页面

当用户删除如图所示的订单编号44时，若页面效果如图36所示，没有编号为44的订单信息，则说明删除成功。

图36 订单删除成功之后的页面

前台主界面的右下方如图37管理员输入正确登录信息，则可进入如图19所示的后台管理界面，管理员可在该界面完成各项操作。

图37 后台登陆错误提示页面

当管理员成功登录到后台管理模块时，则进入到订单管理模块，当在编号输入框中输入订单编号33时，若显示界面如图38，则说明已经成功查询。

电子商务网站的设计与实现

图38 后台订单查询界面

当进入后台订单模块后，删除编号为36的订单时，若成功删除，则界面如图39所示。

图39 后台订单删除操作

若出现页面不存在的错误，则显示如图40的页面提示，需要检查输入的页面是否正确。若出现服务器端的错误，则会友好的提示如图41的页面，错误的原因可能是Java的空指针异常或数据的格式不正确等[9]。

图40 页面找不到提示

图41 服务器端错误提示

第6章总结与展望

6.1 总结

顺利如期的完成本次毕业设计给了我很大的信心，让我了解专业知识的同时也对本专业的发展前景充满信心，网上购物系统采用的是Java语言开发，它有着许多的优越性，但也存在一定的不足[10]，这些不足一方面是自身的知识积累没有达到一定的水平，另一方面是由于时间的问题，没有使系统更加的完善。只有发现问题、面对问题才有可能解决问题，不足和遗憾不会给我打击只会更好的鞭策我前行。

6.2 展望

经过这次毕业设计和对相关资料的收集，让我清楚的感到随着网络科技的不断发展和网络的广泛应用，使我们的生活离不开它了。网络它以自己的独特的优点征服了我们。在教育越来越受重视的21世纪，随着商务类型的不断增加和商务管理要求的不断提高，管理方面的工作量将会越来越大，并且其工作将是一件十分烦琐和非常容易出错的事情。在这样的情况下有一个实用网上购物系统是有其必然性的，如果能做出一个完善的网上购物管理系统就使管理方面的工作量减少很多。在这次的毕业设计中，我学会了很多，也感到自身知识的贫乏，希望在日后的努力中能做出更完善的系统。

电子商务网站的设计与实现

参考文献

篇3：毕业论文_社交网站的设计与实现

在获取社交网络信息的过程中, 存在的问题主要包括以下几种:

(一) 运用传统爬虫无法有效获取社交网络信息。

社交网络中包含的内容具有多样性特点, 如视频、图片以及文字等, 这种特点提升了运用传统爬虫获取社交网络信息的难度。

(二) 关系型数据库的存储问题。

在社交网络平台中, 除了文本内容之后, 还包括用户信息、信息评论内容等多种信息。这些信息的存在降低了不同内容之间的关联性, 并提升了信息存储难度。在这种情况下, 很难运用关系型数据库储存社交网络平台中的信息[1]。

(三) 信息抓取过滤问题。

社交网络平台的开放性特点吸引了更多用户的关注和使用, 用户数量的增多使得社交网络平台的信息中包含一些噪声内容, 噪声内容的存在提升了爬虫的信息抓取难度, 因此, 在运用爬虫抓取社交网络信息时, 需要对社交网络信息进行过滤。

二、基于社交网络信息爬虫的设计与实现

(一) 社交网络信息爬虫的模块组成。

社交网络爬虫中主要包含三个不同的阶段, 这三个阶段分别对应着三个不同的模块。第一, 信息抓取模块, 该模块抓取页面信息行为的实现建立在对用户关系数据加以利用的基础上。不同的爬虫县城对社交网络信息的获取具有独立性特点。在社交网络信息爬虫中, 信息抓取模块占据着核心地位。第二, 信息存储模块。由于社交网络中的信息较多, 为了更好地对信息进行处理, 需要将信息抓取模块所获得的数据信息进行储存。第三, 信息检索模块。由于社交网络平台中的信息数量庞大, 为了减少用户找到数据信息的时间, 需要运用信息检索模块帮助用户进行有效检索。

(二) 基于社交网络信息爬虫各个模块的设计与实现。

第一, 信息抓取模块的设计与实现, 与Web网站相比, 社交网络平台中包含许多实用的功能以及较多应用。为了使得社交网络信息爬虫的信息抓取模块能够发挥有效的信息抓取功能, 利用AJAX技术设计社交网络信息爬虫, 使得它具有良好的AJAX解析能力。在Web网站中, 不同的页面对应的URL不同, 当页面发生变化之后, 对应的URL也会随之发生相应的变化。将AJAX技术应用在社交网络应用中之后, 当状态发生变化之后, 通常情况下, 该状态对应的URL不会发生变化, 就页面技术静态而言, 不发生刷新也可以获取新的信息内容, 这种现象提升了解析AJAX页面的难度, 对此可以通过页面对应的DOM树结构来实现。当某一页面发生变化时, 该页面对应的DOM树结构的动态变化会将该页面的实际变化真实地反映出来。AJAX技术可以运用DOM树实现对AJAX页面状态信息的动态储存, 通过这种方式对AJAX页面的后续状态和前驱状态进行有效管理。在社交网络信息爬虫中, 在信息抓取模块中需要抓取的信息主要包括评论信息、用户信息、用户关系型信息以及社交网络内容信息。第二, 信息存储模块的设计与实现。由于社交网络中的信息种类和数量极大, 因此需要对其进行合理存储。在存储过程中, 为了保证信息内容的细致性和全面性, 需要运用非关系型数据库Mongo DB完成数据信息的存储。在实际的存储过程中, 为了保证存储结构的实用性, 可以采用Sharding+Replica Set的部署方法进行部署, 这种部署方法的应用还会对服务器的水平扩展产生相应的促进作用。在该数据库中, Sharding的作用是:mongodb利用mongos实现水平扩展数据库集群系统的自动创建, 并将数据库分表存储在Sharding的不同节点中。第三, 信息检索模块的设计与实现。对于社交网络信息爬虫而言, 由于需要社交网络中产生的数据较多, 因此需要运用非关系型数据库Mongo DB完成对社交网络信息时间维度、用户维度以及页面维度等多种维度的检索。

结论

由于社交网络平台的开放性等特点, 很难运用传统的爬虫完成对社交网络信息的抓取。对此, 设计基于社交网络信息爬虫具有一定的必要性。在实际设计过程中, 需要运用AJAX解析设计爬虫的信息抓取模块, 并运用Mongo DB数据库实现爬虫的信息存储功能和信息检索功能。

摘要：社交网络使得人们原本的生活方式和习惯发生了较大的变动。在社交网络平台中, 用户可以完成内容发表、分享以及添加好友等操作, 不同用户之间的关注和各自好友的关系组成社会网络, 这种网络的存在提升了消息的传播速度。本文对基于社交网络信息爬虫的设计与实现进行研究。

关键词：社交网络信息,爬虫,设计,实现

参考文献

篇4：教学网站的设计与实现

关键词：教学网站作用原则功能

当前，信息技术的迅速发展，促进了校园网建设工作的全面实施。在此背景下，信息技术教育的广泛应用已成为新课程改革的一个新的突破口，其中教学网站将成为一个重要的教学环境。下面，笔者就教学网站的作用、设计原则和设计与实现的思路来谈谈自己的理解与认识。

一、教学网站的作用

教学网站是指按照某种教学思想和教学目的，利用现代化的网络技术建立起来的、具有一定教学功能的网站系统。

教学网站能够拓宽学校教育的渠道，给学生提供一种更加自主的学习形式，学生可以根据自己的认知特点和学习需求在教学网站上学习自己感兴趣的内容，也可以与其他同学进行交流。因为学生可以定制属于自己的个性化知识，所以在很大程度上弥补了班级统一教学的弊端。教学网站丰富的教学资源还能激发学生的学习兴趣，使其建构自己的认知系统。

二、教学网站设计的原则

（一）服务教学的原则

教学网站应该以教学为中心进行建设，既要考虑教师也要考虑学生，本着服务教学的原则来设计。以教来说，教学网站要便于教师发布、管理课程资源，使教师能及时了解到学生对教学资源的浏览与学习情况。以学来说，要让学生能够便捷的进行学习资源的浏览，快速地找到该学科资源。

（二）及时更新的原则

教学网站作为日常教学的工具，其内容要每天及时更新。教师要将每天的教学设计、课件、习题等资源及时共享，以便学生能够保持对教学网站的关注与兴趣。而且只有做到教学网站每天有新内容，才能保证学生及时获取到教学资源。

（三）内容充实的原则

教学网站的教学资源应该形式多样，内容充实。主要包括视频、音频、图片、动画、学案、试题、虚拟实验、教学课件等丰富的教学资源，为教师上课和学生学习提供物质基础。

（四）导航清晰的原则

这是网站设计风格的问题。对于使用者来讲，一个好的教学网站应该要做到页面布局简洁，分类科学，易于检索，能让师生很快搜索到要找的模块。我们前面也提到过，清晰的导航是提高师生检索教学资源效率的前提。

（五）交互性强的原则

如果要让教学网站更好的服务于教学，网站的设计不能只是简单的教学资源的静态展示，还应该体现出一定的交互功能。所谓交互功能，就是指学生与学生之间能够进行在线交流，发表评论；教师能够实时发布课程信息、作业题、模拟题，以及扩展学习资料等，与学生进行公开和非公开的交流，及时反馈信息，开辟一条师生交流的重要通道。

三、特色教学网站的设计与实现

（一）网站架构

网站架构应该以学习对象、学科类别、素材类型为依据进行分类。如附录中图1。

（二）技术路线

教学网站采用B/S三层体系结构，由客户端（Web瀏览器）、Web服务器和教育资源服务器组成。系统采用ASP.NET技术开发，Web服务器采用Windows Server 2003 自带的IIS 5.0，数据库采用Microsoft Access 2003。开发语言采用面向对象语言C#。技术路线包括：HTML+ADO.NET+JavaScript+Jquery+AJAX+XML。

（三）功能模块

根据教学网站的设计原则与实用功能，结合各学科教学活动的共性，教学网站建设应该集管理、教学、资源及信息交流服务为一体，主要包括教育新闻发布系统、教学科研应用系统、教育信息资源系统和信息服务系统。

1.新闻发布

我们要利用教学网站教育新闻发布系统支持学校的教育教学工作，使其更现代化，提高信息化管理水平。教育新闻发布系统的具体功能包括以下几方面：

学校概况：包括学校简介、政务公开、教育理念、所获荣誉等。

教育新闻：包括国内教育、甘肃教育、白银教育新闻及教育法律、法规、规章等文件、制度。

校园快讯：包括校党委、教务处、办公室、政教处、总务处发布的通知公示。

专题教育：包括爱国教育、家庭教育、禁毒教育、安全教育、消防教育等。

师生风采：主要有教师园地、学生天地、活动掠影、竞赛比赛和教育随笔等。

2.教学应用

在以班级教学体制为基础的情况下，要发挥教学网站教学科研应用系统的作用，更好地开展教学工作，提高教学效率。教学科研应用系统应该包括以下几方面的内容：

教学科研：包括教学反思、课题研究、培训进修、课改实践、心理辅导及教育个案。

网络课程：实现网络课程的浏览、上传、下载、删除与管理。

实时课堂：实现教师备课、授课以及作业的发布、管理。

教学答疑：实现师生之间的互动交流，包括同步答疑和异步答疑。

3.教育资源

教育信息资源系统主要功能包括资源的分类收藏功能，如按常用类型可分为国旗下演讲、德育案例、主题班会、家长学校、党团建设等，按素材类型可分为文本、音频、视频、图片、动画和模板。对各种教育信息资源进行采集、管理、检索和编辑、删除等功能。支持两种方式录入资源：单个资源的随机录入，大量资源的批量录入。资源搜索引擎支持精确查询和模糊查询。用户可以通过网络远程上传资源、下载资源。

4.信息交流

整个校园网站就是信息资源的宝库，有大量教育教学信息需要传递和交流，主要包括以下几个方面：

信息交流工具：为社会、学校、教师、学生及家长之间的信息交流提供全新的联络方式，包括站长信箱、网站留言、通知公告、电子邮件等子功能系统。

数字图书：是集图书采编、录入、登记、借还、查询、统计及维护为一体的应用系统，为师生提供丰富多彩的阅读资料。

视频点播：是采用流媒体和视频数据压缩技术，充分利用服务器和网络资源，为全校师生提供数字音频、视频节目等多媒体节目的点播平台。

辅助工具：包括信息搜索工具、问卷调查工具、校历工具、计算工具等。

实用工具下载：包括各种应用软件及网络工具，如即时聊天工具、FrontPage 软件、Dreamweaver软件、Photoshop软件、flash软件等。

四、结语

校园网的不断提速与扩容为网上教学和远程教育提供了基础。基于教学网站模式的教育教学可以更好地为学校的管理、教学及信息交流提供服务，以便更好地实现教育功能。教学网站能使教师在网络上获得最优质的教学资源，也可以为学生搭建自主学习的平台，同时还可实现师生之间的互动交流，从而更好地满足师生的学习需要，大面积提高教育教学质量。

本文是作者主持的甘肃省十二五教育科研规划课题“校园特色网站的建设及教育功能的研究”（课题批准号：[2012]GSG097）研究成果之一。

作者简介：

篇5：毕业论文_社交网站的设计与实现

题目：幼儿园门户网站的设计与实现指导教师： XX 职称：讲师

学生姓名：

XXX

学号：

20087750530

专

业：

计算机科学与技术(软件开发.NET)

院（系）：

软件学院

完成时间：

2011年12月20日

2011年

月

日

1项目开发目标..................................................................................................................................................3

1.1 项目来源.............................................................................................................................................3 1.2 开发目标.............................................................................................................................................3 2项目总体设计..................................................................................................................................................4

2.1 技术框架设计.....................................................................................................................................4 2.2 功能模块设计.....................................................................................................................................4

2.2.1幼儿园动态模块........................................................................................................................5 2.2.2 欢乐时光模块...........................................................................................................................5 2.2.3 许愿墙模块.............................................................................................................................6 2.2.4 留言板模块...............................................................................................................................6 2.2.5幼儿园风采模块........................................................................................................................6

3项目功能描述..................................................................................................................................................7

3.1 新闻动态.............................................................................................................................................7 3.2 许愿墙.................................................................................................................................................7 3.3 欢乐时光.............................................................................................................................................7 3.4 园长信箱.............................................................................................................................................8 3.5 每周食谱.............................................................................................................................................8 3.6 幼儿作品.............................................................................................................................................8 3.7 在线报名.............................................................................................................................................9 3.8老师风采:............................................................................................................................................9 3.9幼儿保健：..........................................................................................................................................9 3.10 学生风采：.......................................................................................................................................9 3.11留言板:..............................................................................................................................................9 3.12班级管理;........................................................................................................................................10 3.13 用户管理.........................................................................................................................................10 4项目技术总结.................................................................................................................................................11

4.1 技术创新及特点................................................................................................................................11 4.2 个人收获与体会................................................................................................................................11

1项目开发目标

1.1 项目来源

自选项目（调研）

1.2 开发目标

幼儿教育应于幼儿生理素质、心理素质、社会文化素质的完整培养,达成幼儿体、德、智、劳、美的全面和谐发展，幼儿不仅要有健壮的体魄,着重才艺的学习,还要发展生存的能力,乐于与人交往,行为统一和协调,性格特征良好,形成一个能调整内在需要和外在压力保持平衡状态的健康心理，教师要在教育行为，一日生活中，关心了解幼儿，为幼儿创设良好的心理健康环境，在幼儿心理健康教育发挥重要性。因此对于家长来说，选择一个优秀的合适自己孩子的幼儿园对幼儿的成长起着至关重要的作用。

如今，随着人们生活节奏的加快，各个行业的竞争也是越演越烈。幼儿园要想得到好的口碑并招收到更多的幼儿不只需要良好的教学设备让家长信赖，还需要有好的宣传才能让大家更多的认识并信任将自己的孩子在这里茁壮成长。而目前，很多幼儿园在提升儿童教育的同时，不能力将幼儿园整体情况、学期计划、师资力量，以及孩子们在园中的表现、喜好、特长等全方位的作宣传，而网络则是宣传的首选，因为互联网可以在一夜之间把你要展示的信息传播到世界的每个角落，依靠互联网的的力量，展现了幼儿园的风采的同时，又服务了家长，同时也树立了自己的品牌。而要想互联网的宣传作用长久的持续下去，就有必要建设自己的网站该项目就是为该幼儿园提供一个展示的平台，用户可以浏览到该幼儿园的一些相关信息，家长可以登录查看自己孩子最新表现。极大的促进了幼儿园和家长之间的联系，能够使幼儿园与家长、家长之间的沟通更为通畅。通过实时的园内信息发布，能够使家长和老师更为便捷地了解幼儿园相关信息。通过合理的网络推广，页面设计，能够有力推动幼儿园的宣传力度。通过人性化的管理和平台维护，满足老师和家长以及孩子们的各种需求。可以利用网络和，共享集体智慧，为幼儿园建立起完整而丰富的教学资源库。全方位展示幼儿园，实现幼儿园品牌形象的快速提升。

2项目总体设计

2.1 技术框架设计

在软件体系架构设计中，分层式结构是最常见，也是最重要的一种结构，而该项目采用的是三层架构设计

通常意义上的三层架构就是将整个业务应用划分为：表现层（UI）、业务逻辑层（BLL）、数据访问层（DAL）。区分层次的目的即为了“高内聚，低耦合”的思想。

使用三层架构设计有很多优点

（1）开发人员可以只关注整个结构中的其中某一层；（2）可以很容易的用新的实现来替换原有层次的实现；（3）可以降低层与层之间的依赖；（4）有利于标准化；（5）利于各层逻辑的复用。

由此可见使用三层架构设计便于维护和代码重用，但它是以牺牲性能为代价的，甚至有时会导致级联的修改。

三层架构设计可以说是一把双刃剑，但综合考虑，该项目还是采用三层架构设计。

2.2 功能模块设计

前台用户幼儿园动态许愿墙欢乐时光留言板幼儿园风采查看新闻动态查看幼儿保健下载每周食谱浏览许愿墙许愿精查彩看瞬幼间儿查看幼儿作品查看留言板发表留言查看班级信息查看老师信息查看学生信息修改个人信息图1：幼儿园前台设计模块

后台管理员幼儿园动态管理许愿墙管理欢乐时光管理留言板管理幼儿园风采管理新闻动态增删改查幼儿保健增删改查每周食谱增删改查浏览许愿墙删除愿望幼儿图片增删改查幼儿作品增删改查查看留言板删除留言班级增删改查老师增删改查学生增删改查用户管理

图2：幼儿园后台设计模块

2.2.1幼儿园动态模块

包括新闻动态，幼儿保健，每周食谱三个部分。用来发布幼儿园最新通知，是幼儿园宣传的重要窗口。幼儿园动态栏目保持经常性更新，不仅可以让网站访客能够更好地了解幼儿园。还会让搜索引擎对您的网站更加关注，帮助幼儿园更好地进行网络营销。

新闻动态会时常将幼儿园的最新事件或通告发布到网站首页，如幼儿园的放假通知，缴费情况，开学通知，还有小朋友在幼儿园参加的各种活动等，能够让家长时刻了解到孩子在幼儿园的生活学习情况。

幼儿保健包括发布一些关于幼儿保健的消息新闻健康知识，小朋友正处于长身体阶段，需要补充大量的营养和进行合理的身体运动才能使身体健康，这里提供了很多关于幼儿保健的知识，家长们可以查看浏览并时常注意孩子在家时的健康，老师和家长一起使宝宝能够健康茁壮的成长。

每周食谱包括每周小朋友们在幼儿园的餐饮情况。孩子们每天在幼儿园吃什么呢？这可是每一位小朋友家长最关心的事情了。现在，家长无论在哪里，都可以通过幼儿园网站的每周食谱栏目，了解幼儿园的伙食情况啦。合理饮食能增强幼儿机体的抗病和耐寒能力。精心规划、营养丰富的每周食谱内容，不仅可以让家长们放心满意，也是新生家长择园时的重要考虑因素

2.2.2 欢乐时光模块欢乐时光模块包括幼儿图片和幼儿作品两个部分。通过照片记录孩子们的快乐瞬间和

幼儿所做的作品。幼儿园可以在欢乐时光栏目中上传日常活动中的精彩照片，更好的进行宣传展示。欢乐时光栏目支持相册集，支持自行定义在首页展示的照片

幼儿图片是将小朋友平时在幼儿园班上的表现还有在户外活动的表现记录拍摄下来展示在首页，可以让家长更清楚的了解到孩子们在幼儿园的情况。也可以让其他用户浏览到幼儿园的精彩瞬间，感受到良好的学习生活气氛。

幼儿作品是孩子们的展示舞台，一件件精品的手工作品照片，不仅是对孩子们的最好赞誉，也包含了幼儿园老师们的无数心血。手工作品栏目同样支持相册集，支持自行定义在首页展示的照片。

2.2.3 许愿墙模块

随着互联网的深入发展，人们将许愿墙虚拟化搬到了网络上，人们能够畅所欲言。现代人之间面对面交流逐渐减少，倾诉的机会变少了，有些人比较腼腆保守，许愿墙可以匿名，提供大家安全隐秘方便的倾诉平台。只要浏览该网站无需登录注册就可以进行许愿，家长也可以表达出对孩子的美好期望。小朋友也可以在此贴出自己的愿望，说出自己快乐的想法和奇特的想法。温馨的祝愿，包含浓浓的友情和深深的爱，一个个愿望带上诚挚温馨的问候更增添了孩子和家长，家长和老师之间的联系。

2.2.4 留言板模块

幼儿园网站的访客登录或注册后可以通过留言板与幼儿园进行网络互动，为了避免恶意或广告留言，保证版面整洁，所有留言需要管理员在后台进行审核，用户可以在这里留下自己的意见或建议，管理员将会尽快回复。

2.2.5幼儿园风采模块

包括浏览班级，明星老师，明星幼儿，院所介绍，园区风貌等有关幼儿园特色展现的模块。

其中班级列表可以浏览各个班级的详细信息，该班级的老师和学生的详细信息。明星老师就是将优秀的幼儿园老师放到首页显示，好的老师是每一位家长最关心的问题，也是孩子健康快乐成长的重要基础保障。园丁风采栏目帮助您更好地展现幼儿园专业、富有爱心的师资队伍

明星幼儿是本周表现较好的幼儿放到首页，这样可以帮助家长了解学生在幼儿园的情况，还可以促进幼儿更好的展现自己的风采。

院所介绍是详细描述该幼儿园的文化信息，园区风景等，更好的宣传幼儿园。

3项目功能描述

幼儿园网站包含新闻动态，幼儿作品，欢乐时光，许愿墙，在线报名，留言板，给院长发送邮件，幼儿保健，每周食谱等多个模块，不仅方便家长了解孩子在幼儿园的表现情况，还可以吸引更多的家长报名幼儿园，管理员也能够很方便的进行幼儿和老师的简单管理。

3.1 新闻动态

在新闻列表中通过查询数据库中的News表将数据按时间倒序排列绑定到repeater上。管理员在后台可以对新闻进行简单的增删改查，修改数据库中新闻表的值，从而控制新闻在前台的显示。用户在前台和管理员在后台还可以查看新闻的详细信息，通过新闻列表页的repeater控件，点击某条新闻数据，通过查询字符串将新闻News_Id传入详细页面，再通过该条News_Id查询数据库中数据后绑定到DataList中。

3.2 许愿墙

在许愿墙列表中，将用户所许下的所有愿望通过查询数据库绑定到许愿墙上，通过一个个小的模块显示出来。

注册用户或未注册用户都可以在许愿墙上写下自己美好的祝福和真实的愿望，通过验证码的验证后插入到数据库的Wishes表中。

后台管理员可以对愿望进行管理删除

3.3 欢乐时光

在图像集列表中通过查询数据库中的ImageThema表将图像集绑定到列表中，每个图像集有相对应的图像集封面图片。每个图像集包含任意张图片，图片表中的Image_ImagePa通过和图像集表中的Images_Id进行主外键的链接绑定。

用户在首页可以看到轮显式的幼儿作品集，点击任何一张图片都会进入相应的图像集合中查看该图像集中的图像信息。

管理员在后台可以对图片集进行简单的增删改查，修改数据库中图片集的值，从而控制图片集在前台的绑定和显示。

在各个图片集中，管理员可以根据某个图像集进行上传任意多张图片，可以浏览到任意位置的图片进行上传，浏览过后在页面中也可以直接看到该图片，图片也会根据自己的Image_ImagePa绑定到不同的图像集中。如果语句执行成功就会向数据库中的Images表

中插入一条新的数据。还可以进行修改和删除。

管理员还可以通过图片名字或是图片的名字进行搜索，如果所查询的条件在数据库中有符合查询条件的就会显示在页面中，如果没有就会返回空。

3.4 园长信箱

发送邮件：用户无需登录就可以浏览到发送邮件的页面，输入要发送的标题和内容后，需要通过验证码的验证，如果验证码成功就会将该条信息通过sina提供的smtp协议直接发送到院长的个人邮箱中。

3.5 每周食谱

在食谱列表中，用户浏览网页时可以查看到幼儿园小朋友每周的食谱列表

用户如果想要详细了解到小朋友每天的餐饮情况，可以点击下载按钮，然后选择自己电脑上的任意路径将食谱下来。

管理员在后台可以上传新的一周的食谱，包含doc，jpg，excel文件等，还可以进行修改和删除的管理。

3.6 幼儿作品

在幼儿作品列表中，管理员通过查询数据库中的Works表将幼儿作品集绑定到列表中，每个幼儿作品集有相对应的封面图片。每个幼儿作品集包含任意张作品图片，图片表中的Work_WorkPa通过和图像集表中的Works_Id进行主外键的链接绑定。

用户在首页可以看到滚动式的幼儿作品集，点击任何一张图片都会进入相应的作品集合中查看该作品集中的作品信息。

管理员在后台添加新的作品集，和修改删除作品集

在一个作品集中，管理员可以根据某个图像幼儿作品集进行上传任意多张作品图片，可以浏览到任意位置的图片进行上传，浏览过后再页面中也可以直接看到该图片，图片也会根据自己的Work_WorkPa绑定到不同的幼儿作品集中。如果语句执行成功就会向数据库中的Works表中插入一条新的数据。还可以对图片进行修改和删除。

管理员还可以通过作品集的名字或是作品的名字进行搜索，如果所查询的条件在数据库中有符合查询条件的就会显示在页面中，如果没有就会返回空。

3.7 在线报名

管理员在后台可以查看到已经报名的学生的详细信息，可以根据情况及时和家长取得联系。还可以对已经报名的学生进行删除等管理。

在前台无论是登录注册用户还是未注册用户都可以浏览到在线报名的页面，填写必要的信息后，点击保存，就可以将自己所填的信息插入到数据库中。

3.8老师风采

用户浏览该网站的首页时就会看到部分老师的图片，点击任意一张都可以进入到该位老师的详细介绍中。点击“更多”就会列出该幼儿园中所有老师的图片。

管理员在后台可以对老师进行简单的添加和删除管理。

3.9幼儿保健

在幼儿保健列表中通过查询数据库中的ChildHealth表将数据按时间倒序排列绑定到repeater上。管理员还可以进行简单的添加，修改，删除等管理。从而控制幼儿保健信息在前台的显示信息。通过幼儿保健列表页的repeater控件，点击某条幼儿保健数据，通过查询字符串将幼儿保健CH_Id传入详细页面，再通过该条CH_Id查询数据库中数据后绑定到DataList中，就能够查看到幼儿保健的详细信息。

3.10 学生风采

在学生列表中，根据学生表中的grade选出分数最高的四位学生，将他们的图片显示在首页上，用户可以点击任意一张查看到学生的详细信息，也可以点击“更多”，会跳转到所有的学生列表，也可以查看任意一位学生的详细信息。

管理员可以在后台通过学生姓名，班级，老师等进行查询，如果有对应的数据将会绑定到页面控件上，如果没有就会返回空。还可以进行学生的添加，修改，删除等管理。

3.11留言板

用户需要登录注册成功后才能进行留言，将自己的意见或建议写在留言板中。用户在前台页面可以查看所有用户的留言，管理员在后台也可以查看管理员登陆后可以对相应的留言通过Msg_Id传递进行回复留言和删除留言。

3.12班级管理;提供了对班级进行增、删、改、查等日常维护操作，支持可视化展示、班级批量升班等实用性操作，最大程度减少老师工作量。

3.13 用户管理

用户填写注册信息，查询数据库用户表中是否有相同的用户名，如果没有，就将用户的信息插入到用户表中，如果有就插入失败需要重新填写。

用户输入用户名和密码后，查询数据库，如果有符合该信息的数据就登录成功，如果没有就跳转失败。

用户登录后可以修改自己的个人信息。

用户登录后可以修改自己的密码，但是需要先输入原密码，如果原密码输入和数据库中该用户名的密码一直则修改成功，如果不一致则修改失败。

管理员在后台可以对用户进行删除等简单管理。

4项目技术总结

4.1 技术创新及特点

该项目用到的主要技术有HTML、CSS、Dreamweaver、C#、Asp.Net、ADO.Net、SQLServer、JavaScript、Ajax等技术。

技术创新为Web Service（用于天气预报的小提醒）,Ajax，HTTP协议，SMTP协议，flash 4.2 个人收获与体会

从该项目的分析设计过程中，我了解到一个项目的成败关键在于需求分析的调研、功能模块的设计，一个好的项目就是满足客户需求的项目。同时在学习系统分析与设计的基础上对系统设计有了更深刻的了解，也有了更强的巩固和加深了ASP.net动态网页设计、SQL Server 2008和Visual Studio 2010的应用能力。我知道在此次的学生信息管理系统网站设计中有许多的欠缺，在以后的日子中，我一定得更加严格要求自己，改正缺点，不断努力，不断进步，争取做到更好。

作为一个软件开发人员，我们需要学习多种技术，如HTML、CSS、Dreamweaver、C#、Asp.Net、ADO.Net、SQLServer、JavaScript、XML,Ajax等，对于其技术要求，我深深地认识到自己的不足，虽然上述技术都是自己曾经学过的，但是要做到融会贯通、游刃有余还有一段很长的路要走。