毕业论文_社交网站的设计与实现[本站推荐]

时间:2019-05-14 02:33:17下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《毕业论文_社交网站的设计与实现[本站推荐]》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《毕业论文_社交网站的设计与实现[本站推荐]》。

第一篇:毕业论文_社交网站的设计与实现[本站推荐]

摘要

互联网技术的发展使得社交网络日益流行起来,并引起国内外人们的关注与参与,社交网络的注册人数逐年增长,其内容不断更新。社交网站为人们提供了一个交友的网络平台,通过网络我们可以很轻松的结识新的朋友以及了解朋友的最新动态,还可以进一步与朋友交流沟通。而且社交网站的产生成为了信息资源的重要组成部分,大家可以在社交网站上了解当下热门事件以及人们的反应。

此交友网站基于ASP.Net,数据库采用了Access。网站的功能有:用户注册、用户登录查看修改个人信息、用户对微博的相关操作(发布、删除、转发、评论、举报)、用户对其他人的修改操作(关注、取消关注、举报)、用户搜索等。本文以建立一个小型交友网站的过程为主线组织材料,对社交网站从分析到设计及最后的测试的过程,进行了简单的概述。在详细设计中设计与实现部分用比较直观易读的文字和程序流程图展示网站,增强了文章的可读性。在写作过程中,本文与实际项目进度相结合。

关键字

互联网;社交网站;设计

Abstract

The development of Internet technique makes the social network is becoming more and more popular, and draw the attention of people both at home and abroad to participate in.In the same time.the social network enrollment increased year by year, with its content is constantly updated.Social networking sites do provide a network platform to make friends, we can easily make new friends through the network, and grasp the newest trend of friends.Also we can further communication with friends.And social networking sites have became an important part of information resources, we can understand the present popular events on social networking sites and people's reactions.Based on this dating site, ASP.Net, database using Access.The functionality of the site are: user registration, user login to check the modify personal information, users of weibo related operations(distribution, delete, forward, reviews, reports), user modification operations for others(attention, cancel the attention, report), users to search, etc.Based on the process of creating a small dating sites of material, the social networking site from analysis to design and process of the final test, has carried on the brief overview.Design in the detailed design and implementation with intuitive easy to read text and program flow chart to show site, enhance the readability of the article.In the process of writing, this paper combined with the actual project progress.Key words internet;social website;design

目录

摘要............................................................................................................................................i Abstract....................................................................................................................................ii

第一章 绪论.............................................................................................................................1

1.1项目的意义及背景......................................................................................................1 1.2 国内外发展现状.........................................................................................................1

1.2.1 国内发展现状...................................................................................................1 1.2.2 国外发展现状...................................................................................................2 1.3 本文结构.....................................................................................................................2 第二章 系统开发技术和开发工具介绍.................................................................................3

2.1开发技术......................................................................................................................3

2.1.1 C#语言简介.......................................................................................................3 2.1.2 ASP.NET技术简介........................................................................................4 2.2开发工具和开发环境..................................................................................................5

2.2.1 Microsoft Office Access简介............................................................................5 2.2.2 Visual Studio 2013 简介....................................................................................5 2.3 本章小结.....................................................................................................................7 第三章 系统分析.....................................................................................................................8

3.1功能需求分析..............................................................................................................8

3.1.1 功能划分...........................................................................................................8 3.1.2 功能描述...........................................................................................................9 3.1.3 数据描述.........................................................................................................17 3.2性能需求....................................................................................................................18

3.2.1数据精确度......................................................................................................18 3.2.2 时间特性.........................................................................................................18 3.2.3 适应性.............................................................................................................19 3.3 本章小结...................................................................................................................19 第四章 系统总体设计...........................................................................................................20

4.1系统功能设计............................................................................................................20 4.2模块功能设计............................................................................................................20

4.2.1 用户登录模块设计.........................................................................................20 4.2.2 用户操作微博模块设计.................................................................................20 4.2.3 用户搜索模块设计.........................................................................................23 4.2.4 用户举报模块设计.........................................................................................24 4.2.5 用户浏览内容模块设计.................................................................................25 4.2.6 用户个人主页管理模块设计.........................................................................28 4.2.7 管理员登录模块设计.....................................................................................29 4.2.8 管理员管理模块设计.....................................................................................29 4.3 数据库设计...............................................................................................................33

4.3.1 数据库概念模型.............................................................................................33 4.3.2 数据库表设计.................................................................................................34 4.4 本章小结...................................................................................................................37 第五章 系统详细设计与实现...............................................................................................38

5.1 用户登陆模块详细设计与实现...............................................................................38

5.1.1 用户登陆模块详细设计.................................................................................38 5.1.2 用户注册界面实现.........................................................................................39 5.2 用户操作微博模块详细设计与实现.......................................................................40

5.2.1 用户操作微博详细设计.................................................................................40 5.2.2 用户操作微博界面实现.................................................................................42 5.3 用户搜索模块设计与实现.......................................................................................43

5.3.1 用户搜索模块详细设计.................................................................................43 5.3.2 用户搜索模块界面实现.................................................................................44 5.4 用户举报模块设计与实现.......................................................................................44

5.4.1 用户举报详细设计.........................................................................................44 5.4.2 用户举报界面实现.........................................................................................45 5.5 用户浏览内容模块设计与实现...............................................................................46

5.5.1 用户浏览内容模块设计.................................................................................46

5.6.2 微博排行榜界面实现.....................................................................................47 5.6 用户个人主页管理详细设计与实现.......................................................................49

5.6.1 用户个人主页管理详细设计.........................................................................49 5.6.2 用户个人主页管理界面实现.........................................................................49 5.7 管理员登陆模块设计与实现...................................................................................51

5.7.1 管理员登陆模块详细设计.............................................................................51 5.7.2 管理员登陆模块实现.....................................................................................51 5.8 管理员详细设计与实现...........................................................................................51

5.8.1 管理员管理详细设计.....................................................................................52 5.8.2 管理员管理界面实现.....................................................................................54 5.9 本章小结...................................................................................................................55 第六章 系统测试...................................................................................................................56

6.1 测试计划...................................................................................................................56

6.1.1 测试的主要范围与内容.................................................................................56 6.1.2 测试方法.........................................................................................................56 6.1.3 测试环境.........................................................................................................56 6.2 单元测试...................................................................................................................56

6.2.1 用户登录单元测试.........................................................................................57 6.2.2 用户发布微博测试.........................................................................................57 6.3 集成测试...................................................................................................................58 6.3 本章小结...................................................................................................................58 结论.........................................................................................................................................59 参考文献.................................................................................................................................60 致谢.........................................................................................................................................61

社交网站的设计与实现

第一章 绪论

1.1项目的意义及背景

社交网站,专指旨在帮助人们建立社会性网络的互联网应用服务,它的理论基础是哈佛大学心理学教授Stanley Milgram在1967年创立的六度分割理论,他认为“你和任何一个陌生人之间所间隔的人不会超过六个”,按此理论,每个个体的朋友可以认识这个个体的其他朋友,以此为基础,使每个个体的社交圈不断放大,最后成为一个大型网络,这就是社交网络的驱动内核。人类历史上,大凡重要的技术革命都伴随媒介革命,人类任何活动本质上都是信息活动,信息流的传递介质、管理方式的不同将决定你接受信息的不同,所有有关信息流媒介的变革一定是底层的变革——网络社交也是如此。从网络社交的演进历史来看,它一直在遵循“低成本替代”原则。网络社交一直在降低人们社交的时间和物质成本,或者说是降低管理和传递信息的成本。随着Internet的普及,越来越多的BBS论坛和博客出现,发布最新动态信息,使用户进行交流和沟通更加便捷,丰富娱乐人们的上网空间和生活等。随着网络技术的不断发展。人们对于网络有了越来越多的要求,希望能在网络上也能进行社交活动。所以需要开发更符合用户需求的社交网站。

1.2 国内外发展现状

1.2.1 国内发展现状

在我国,国内第一个校园交友网站校内网在大学生群体中的覆盖率已超过90%,51网在15~25岁年轻人中也有较高的覆盖率,08年迅速成长的开心网则成为年轻白领娱乐休闲和打发时间的新宠,短短半年多时间就发展了约1500万注册用户。2009年8月,新浪推出微博产品,140字的即时表达,图片、音频、视频等多媒体支持手段的使用,转发和评论的互动性,使得这种产品迅速聚合了海量的用户群,当然也吸引了众多业者(如腾讯、网易、搜狐)的追随。这种模式将广义社交网络推向投资人的视野。随着移动互联网的发展,微信息社交产品逐渐与位置服务(LBS技术)等移动特性相结合,相继出现米聊、微信等移动客户端产品。另外,不容忽视的是SoLoMo时代,社交功能逐渐成为产品标配,已经无法准确区分社交产品的范围。

社交网站的设计与实现

1.2.2 国外发展现状

近年来,微软接连斥巨资大手笔收购社交网站商Skype、Yammer,标示着企业社交网络时代的全面到来。不只微软,几乎所有的IT巨头都在试验和开发企业社交网络。IBM、甲骨文、SAP等国际软件巨头都已在其OA、CRM中加入Facebook、Twitter类似的社交功能。社交网络是目前欧美企业界最风行的方向,它能帮助公司的员工在内部实现更好的交流和协作,以提高公司的信息流通和效率。企业社交网络也包括外部社交网络业务用来提高企业知名度。

1.3 本文结构

本文的第二章主要介绍本系统开发过程中用到的工具和技术,并对其进行介绍。本文的第二章为系统分析,主要是对系统的需求进行分析,分析了系统的功能需求、性能需求。第四章为系统的总体设计,主要是对系统主要功能模块的介绍。同时也介绍了数据库的设计。第五章为系统的详细设计,详细的介绍了系统各个模块的设计。第六章为系统的测试,描述了系统的测试过程。

社交网站的设计与实现

第二章 系统开发技术和开发工具介绍

本系统使用Asp.net和JavaScript技术设计开发完成了社交网站,开发的软件环境是Windows7 操作系统,硬件环境是个人计算机,开发工具是Visual Studio 2013和Microsoft Office Access,同时应用CSS技术对网页页面进行美化,开发语言是C#。

2.1开发技术

2.1.1 C#语言简介

C# 语言是一种以.NET平台为基础的面向对象程序设计语言。它由 C/C++衍生而来, 具有 VB 的简单易学, 又兼备 C++的强大的面向对象特性和功能。它是 Microsoft 公司推出的下一代面向对象编程语言, 它被包含在集成的开发环境 Visual Studio.NET中, 但也可以采用其.NET SDK(.NET 标准开发包)来编译和调试C# 语言程序。利用 C# 语言和.NET平台(框架)可以编写 Window应用程序、Web 程序和 Web 服务, 以后大量的.NET平台的应用将由 C# 语言开发。

面向对象程序设计语言C#相对于C而言,我认为最大的特点就是C#允许继承(派生),而C没有。这样的话,C#程序中就可以通过类的派生,继承很多已经存在的,预先提供的各种功能的类,那么,很多有用的东西我们不需要自己去编程实现,只要掌握怎样引用现有资源(类资源)以及如何使用这些资源,这些资源就是.NET基类(被封装在不同的名字空间下,我们前面程序中用到的System名字空间是最基本的系统类集)。比如我们要编写Windows应用程序中的用户窗口界面,如果要用C编写,那将是很繁杂的一项工程,如果用C#编写,却会变得简单而有趣,只需要定义一个派生于System.Windows.Forms.Form类的窗体类Form1,那么自定义的类Form1就继承了父类System.Windows.Forms.Form所含有的资源,该父类是系统提供的窗体类,用来创建窗体界面。尽管C也可以引用一些系统提供或自定义的库函数通过#include命令来引用),但毕竟资源有限,而且不可以派生。

第二个突出的特点就是C#语言中通过类(对象)及不同类之间的消息传递来完成程序的功能,而C语言中主要通过函数及函数的调用来完成。所以很明显,用C#语言编程,我们主要考虑该系统可以划分成哪些类,类之间的关系如何,类的成员(属性、方法、事件、变量等)要定义哪些,怎么引用已有的类资源。而C中,我们确定该程序可以分为哪些子模块,每个模块实现哪些功能,那些功能的实现怎样通过函数来实现,以及通过函数的调用

社交网站的设计与实现

实现模块的功能并最终完成整个程序的功能。类或对象中定义了一组数据和一组操作,把数据和操作封装在一起,而C语言中数据定义和数据操作分开,定义数据结构,设计每个函数(操作)的算法,这是两者编程不同的根本出发点。

C#和C一样都具有丰富的运算符,各种数据结构,一样的具有结构化的控制语句如if„else语句,while语句,for语句等,基本上来说,C#都要比C提供的要稍微多一些,除了指针类型[1]。

2.1.2 ASP.NET技术简介

(1)ASP.NET 不是 ASP 的简单升级,而是 Microsoft 推出的新一代 Active Server Pages。ASP.NET 是微软发展的新的体系结构.NET 的一部分,其中全新的技术架构会让每个人的编程生活变得更为简单。

(2)新的 ASP.NET 运行环境不只是 ASP 的一个简单变化。在此引入受控代码(managed code)这样一个全新概念,它横贯整个视窗开发平台。受控代码运行在 NGWS Runtime下面。NGWS Runtime 是一个时间运行环境,它管理代码的执行,使程序设计更为简便。

(3)Web Controls 使创建 forms 和 HTML Controls 的工作将会变得简单易行,支持服务器和客户端控件,支持事件驱动代码。例如,在 ASP 中典型的选择框/ select box 里,须创建一个循环以便让控制系统装入数据。但在 ASP.NET 里,将会拥有一个“data-bound”,这意味着它会与数据源连接,并会自动装入数据。

(4)ASP.NET 支持多种语言,它的缺省语言将是: Visual Basic.NET,这意味着可以摆脱 VBScript 的语言限制,代码将是编译后运行的(非原来的解释执行),支持C# 语言。

(5)更好的代码控制。运用 ASP 技术的时候,比较麻烦的一件事情就是 COM 对象需要再在服务器上注册,在 ASP.NET 中,这个问题得到了彻底的解决。

(6)吸收 JSP 和 ASP 的特点,既支持显示与逻辑驱动代码分离,又支持显示与逻辑驱动代码聚合[2]。

社交网站的设计与实现

2.2开发工具和开发环境

2.2.1 Microsoft Office Access简介

Microsoft Office Access是由微软发布的关系数据库管理系统。它结合了 MicrosoftJet Database Engine 和 图形用户界面两项特点,是 Microsoft Office 的系统程序之一。

Access 是一个功能强大的数据库管理系统和管理信息系统开发工具,具有界面友好、易学易用、开发简单、接口灵活的特点。但 Access是一种桌面数据库,只适合数据量少的应用,在处理少量数据和单机访问的数据库时是方便的,效率也很高。但是它要求同时访问的客户端不能多于4个。Access数据库有一定的极限,如果数据达到100M左右,很容易造成服务器崩溃。

Microsoft Access 是个典型的开放式数据库系统,它支持与其他类型的数据库进行数据交换和共享,也可以和一般的 Windows应用程序进行数据交换。在与数据库系统数据进行交换和共享时,可以使用数据导入、导出与链接的手段;与 Windows 应用进行数据交换与共享时,可以使用剪切板、动态数据交换(DDE)、对象连接与嵌入(OLE)技术。

如果计算机连接到网络上,则可以与其他用户同时对同一个数据库进行工作。在多用户环境下,可以有多种方式与他人共享数据。

可以将整个数据库放在网络服务器或共享的文件夹中。这是最容易实现的方法。大家共享数据,并使用相同的窗体、报表、查询、宏与模块。如果要以同样的方式使用数据库,或没有能力支持用户创建自己的对象时,可以使用这个策略。

也可以把表放在网络服务器上,并将其他数据库对象保留在用户的计算机中。在这种情况下,因为只有数据是通过网络发送的,所以数据库的运行性能比较快。另外,用户可根据自己的需求和喜好来自定义窗体、报表和其他对象,而不会影响其他用户[3]。

2.2.2 Visual Studio 2013 简介

微软在Builder 2013开发者大会上发布了Visual Studio 2013预览版,并且发布其程序组件库.NET 4.5.1的预览版。该软件已于北京时间2013年11月13日23:00时正式发

社交网站的设计与实现

布。

Visual Studio 2013 预览版以 Visual Studio 2012 和后续的Microsoft Visual Studio 更新中的进展为基础构建而成,为开发团队提供需要的解决方案,使其接纳这种转变并开发和交付利用下一波Windows平台创新(Windows 8.1)的新式应用程序,同时在所有 Microsoft平台上支持多种设备和服务。10月17日,微软向全球Windows 8用户推送了Windows 8.1 的更新,除了Windows 8.1 之外,同时发布的还有Visual Studio 2013 正式版, Visual Studio 2013提供多种强大的工具和服务,帮助您创造新式应用程序或将现有应用程序转变为新式应用程序,令用户在多种屏幕和设备上享受到最佳的体验,同时仍与所需的服务和数据保持联系。

Visual Studio 2013将根据“go-live”许可证提供。.Net 4.5.1预览版是2013版预览版的一部分,也包含在Windows 8.1预览版所有的安装程序中。新的.Net预览版还为Windows

8、Windows

7、Windows Vista和相应的Windows服务器发布版提供单独的安装版本。

微软高管表示,.NET Framework 4.5.1预览版的许多功能的重点是改善调试和一般的诊断。这个更新版本还允许开发者进行编辑和继续进行64位编程。

Visual Studio 2013 预览版进行了大量改进,可帮助您在编码时提高工作效率并集中精力。某些功能首先在 Visual Studio Power Tools 扩展中以试验性质出现,经过改进后才纳入到 Visual Studio 中。新版本中内置了多种提高工作效率的功能,如自动补全方括号、使用快捷键移动整行或整块的代码以及行内导航。此外,Visual Studio 2013 预览版的团队资源管理器增强了主页设计,可以更简便地导航到团队协作功能,并可取消停靠“挂起更改”和“生成”,使其显示在一个单独的窗口中。

在处理大型代码文件时,可能难以了解当前所处的位置。在 Visual Studio 2013 预览版中,可轻松地在两种模式之间切换滚动条的行为。在栏模式中,可更直接地查看脱字号位置等注释、更改所在位置和跟踪错误。在图模式下,滚动条显示源代码的实时预览,而将鼠标悬停在代码上即可在工具提示中更详细地预览这段代码。然后单击代码所在位置即可导航到该位置。

了解某行代码的作用只是作为开发人员遇到的一部分难题。还必须了解其历史记录、谁处理过这行代码、哪些代码引用它,等等。在面向团队的项目中,这一点变得尤其困难。Visual Studio 2013 预览版中的 CodeLens(代码信息指示器)使用来自项目元

社交网站的设计与实现

数据和 Team Foundation Server 2013 预览版的信息,在代码中的每个方法上放置修饰符,其中显示哪些变更集导致创建该方法或做出最近的更改、谁是最后一个处理该代码的人、哪些单元测试涵盖该方法(包括最新的通过/未通过状态)以及存在哪些代码引用等信息。另外,单击一下即可迅速跳入该数据,如关联的变更集或引用的代码文件。

Visual Studio 2013 预览版引入了一种联网IDE 体验,使您可更加迅速地开始使用 Visual Studio 2013 预览版。当您首次启动 Visual Studio 2013 预览版时,将要求您使用 Microsoft 帐户(您可能已在 MSDN 或 Team Foundation Service 订阅中用到它)进行登录。登录后,即注册您的 Visual Studio 2013 预览版副本供您使用,无需任何额外步骤。Visual Studio 2013 预览版还将自动在采用联网 IDE 体验的设备上同步设置。同步的设置包括快捷键、Visual Studio 外观(主题、字体等)各种类别,同时使您保持对“同步设置”选项的完全控制[4]。

2.3 本章小结

本社交网站主要使用的技术为Asp.net技术,编程语言为C#。主要使用的软件为Visual Studio 2013与Microsoft Office Access。

社交网站的设计与实现

第三章 系统分析

3.1功能需求分析

本社交网站的功能划分为两部分:前台功能和后台功能。前台功能针对于普通用户设计,后台功能只有管理员才能使用。

3.1.1 功能划分

(一)前台功能划分:

1)用户注册 2)用户登录 3)用户操作微博 4)用户关注功能 5)用户搜索 6)原创微博排行榜。7)用户访问个人主页 8)用户修改资料 9)用户举报功能 10)用户个人主页管理(二)后台管理实现功能

1)新增管理员 2)删除管理员 3)管理员处理微博举报 4)管理员处理评论举报 5)管理员处理被举报的用户 6)管理员查看举报的处理信息 7)管理员增加网站广告 8)管理员删除网站广告 9)管理员查看网站广告信息 10)管理员更新网站广告信息

社交网站的设计与实现

3.1.2 功能描述

(一)前台功能

社交网站前台是与用户直接进行交互的界面,所以在设计时,除了考虑功能的完善,还要考虑操作的方便,界面的美观。这样才能提高用户体验[5]。前台主要功能:

1)用户注册 2)用户登录 3)用户发布微博 4)用户删除微博 5)用户收藏微博 6)用户评论微博 7)用户转发微博 8)用户修改个人资料 9)用户增加关注 10)用户取消关注 11)用户查看关注的用户 12)用户查看粉丝 13)用户搜索微博或用户 14)用户修改个人主页图片 15)用户举报其他用户 16)用户举报微博 17)用户举报评论

18)用户访问其他用户的个人主页 19)用户查看原创微博排行榜

20)以折线图形式描述用户主页的一周访问数据,并与上周进行对比。以柱状图形式统计用户的微博一周的转发量、评论数,并与上周进行对比。

(二)后台功能

后台由网站的管理员使用。管理员可使用权限范围内的功能。1)管理员登陆

社交网站的设计与实现

2)增加或删除管理员 3)管理员处理举报

4)管理员查看举报的处理信息 5)管理员管理网站广告

(三)数据流图如下:

社交网站数据流图顶层如图3-1:

操作请求社交网站信息信息使用者网站数据库结果

图3-1 社交网站数据流图顶层

社交网站数据流图第二层如图3-2:

操作请求普通用户系统前台信息操作请求结果操作请求操作结果网站数据库管理员请求结果系统后台信息操作操作结果

图3-2 社交网站数据流图第二层

社交网站用户登录数据流图如图3-3:

用户昵称用户封号表 blacklist用户封号结果用户名或用户邮箱、密码用户信息表people查询结果 普通用户用户名或用户邮箱、密码验证结果系统前台图3-3 社交网站数据流图第三层 用户登录

社交网站用户注册数据流图如图3-4:

社交网站的设计与实现

普通用户用户名、用户邮箱、密码注册结果系统前台用户名、用户邮箱、密码增加用户结果用户信息表people

图3-4 社交网站数据流图第三层 用户注册

社交网站用户发布微博模块数据流图如图3-5:

用户昵称,微博内容,微系统前博发布时间台增加微博结果微博内容普通用户微博发布结果微博内容表post

图3-5 社交网站数据流图第三层 用户发布微博

社交网站用户删除微博模块数据流图如图3-6:

要删除的微博内容普通用户微博删除结果系统前台用户昵称,微博内容删除微博结果微博内容表post

图3-6 社交网站数据流图第三层 用户删除微博

社交网站用户收藏微博模块数据流图如图3-7:

要收藏的微博内容普通用户微博收藏结果系统前台用户昵称,微博内容收藏微博结果微博收藏表reserve

图3-7 社交网站数据流图第三层 用户收藏微博

社交网站用户转发微博模块数据流图如图3-8:

用户昵称,转发微博内容,原创微博内容,原创作者昵称微博内容表post转发的微博内容普通用户微博转发结果系统前台转发微博结果

图3-8 社交网站数据流图第三层 用户转发微博

用户评论微博模块数据流图如图所示3-9。用户修改个人资料模块数据流图如图3-10。用户增加关注模块数据流图如图3-11。

社交网站的设计与实现

评论的微博内容普通用户微博评论结果系统前台用户昵称,评论内容,微博内容,微博作者昵称微博评论表comment评论微博结果

用户昵称,用户要修改的昵称关注表focus评论举报表Reportview微博举报表Reportweibo图3-9 社交网站数据流图第三层 用户评论微博

用户昵称,用户要修改的昵称用户修改的信息普通用户系统前台用户昵称,用户要修改的昵称用户昵称,相关信息用户信息表people用户昵称,用户要修改的昵称用户举报表reportpeople数据库修改结果用户修改信息结果用户昵称,用户昵称,用户要修改用户要修改的昵用户昵称,的昵称称用户要修改微博信息表post的昵称黑名单表blacklist收藏表reserve

图3-10 社交网站数据流图第三层 用户修改个人资料 关注关注的用户昵称普通用户系统前台用户昵称,关注用户的昵称用户关注表post关注结果数据库处理结果

图3-11 社交网站数据流图第三层 用户增加关注

用户取消关注模块数据流图如图3-12。用户查看粉丝模块数据流图如图3-13 用户查看关注的用户模块数据流图如图3-14。用户搜索模块快数据流图如图3-15。用户修改个人主页图片数据流图如图3-16。

社交网站的设计与实现

取消关注的用户昵称普通用户系统前台用户昵称,关注用户的昵称用户关注表post数据库处理结果关注结果

图3-12 社交网站数据流图第三层 用户取消关注

用户昵称普通用户系统前台用户关注表post查询结果关注该用户的用户

图3-13社交网站数据流图第三层 用户查看粉丝

用户昵称普通用户系统前台用户关注表post查询结果该用户关注的用户

图3-14社交网站数据流图第三层 用户查看关注的用户

用户搜索的关键词用户搜索关键词,搜索对象系统前台微博信息表post用户搜索的关键词用户信息表people数据库查询结果普通用户搜索结果

图3-15社交网站数据流图第三层 用户搜索微博或用户

个人主页图片用户昵称,个人主页图片系统前台用户信息表people数据库修改结果 普通用户个人主页图片修改结果图3-16社交网站数据流图第三层 用户修改个人主页图片

用户举报其他用户数据流图如图3-17。

社交网站的设计与实现

举报用户昵称用户昵称,举报用户昵称系统前台用户举报表reportpeople数据库增加结果普通用户举报结果

图3-17社交网站数据流图第三层 用户举报其他用户

用户举报微博模块数据流图如图3-18:

举报微博内容,微博作者昵称举报微博内容,微博作者昵称,举报用户昵称系统前台微博举报表reportweibo数据库增加结果普通用户举报结果

图3-18社交网站数据流图第三层 用户举报微博

用户举报评论数据流图如图3-19:

举报评论内容,评论作者昵称系统前台举报评论内容,评论作者昵称,举报用户昵称评论举报表reportcomment数据库增加结果普通用户举报结果

图3-19社交网站数据流图第三层 用户举报评论

用户访问其他人个人主页模块数据流图如图3-20。用户查看原创微博数据排行榜数据流图如图3-21。用户查看个人主页访问数据模块数据流图模块如图3-22。管理员登陆模块数据流图如图3-23。删除管理员模块数据流图如图3-24。增加管理员数据流图如图3-25。

管理员处理微博举报模块数据流图如图3-26。

社交网站的设计与实现

用户名用户访问记录表visit用户名,用户昵称用户昵称普通用户系统前台用户信息表people用户个人主页内容数据库查询结果

图3-20社交网站数据流图第三层 用户访问他人个人主页查看排行榜类型、当前时间查看排行榜类型、当前时间普通用户系统前台微博信息表post排行榜内容数据库查询结果

用户名图3-21社交网站数据流图第三层 用户查看原创微博排行榜普通用户系统前台个人主页访问信息表visit数据库查询结果访问信息图表

图3-22社交网站数据流图第三层 查看用户个人主页访问数据管理员姓名,密码管理员姓名,密码管理员系统后台管理员信息表manager数据库查询结果登陆结果

图3-23社交网站数据流图第三层 管理员登陆要删除的管理员姓名,当前管理员要删除的管理员姓名管理员系统前台管理员信息表manager数据库删除结果删除结果

图3-24社交网站数据流图第三层 删除管理员

社交网站的设计与实现

管理员姓名、密码管理员姓名、密码管理员系统前台管理员信息表manager数据库增加结果增加结果

图3-25社交网站数据流图第三层 增加管理员

黑名单表blacklist管理员系统前台举报用户时昵间称长、短封删除微博内容、用户昵称号微博信息表post处理结果数据库删除结果

图3-26社交网站数据流图第三层 管理员处理微博举报

管理员处理评论举报模块数据流图如图3-27。

黑名单表blacklist举管理员系统前台报用户时昵间称长、短封删除评论内容、用户昵称评论信息表comment数据库删除结果处理结果号

图3-27社交网站数据流图第三层 管理员处理评论举报

管理员处理被举报的用户模块数据流图如图3-28:

举报用户昵称、封号时间长短管理员系统前台黑名单表blacklist处理结果 图3-28 社交网站数据流图第三层 管理员处理被举报的用户

管理员查看举报的处理信息模块数据流图如图3-29:

社交网站的设计与实现

被举评报的信论的息评论举报表reportcomment管理员系统前台被举报的用户信息查询结果用户举报表post被举报的微博微博举报表reportweibo的信息

图3-29社交网站数据流图第三层 管理员查看举报的处理信息

管理员增加网站广告模块数据流图如图3-30。

广告图片、描述信息、显示时间、广告名称广告图片、描述信息、显示时间、广告名称管理员系统前台广告信息表advertisement数据库增加结果广告增加结果

图3-30社交网站数据流图第三层 管理员增加网站广告

管理员删除网站广告模块数据流图如图3-31。

广告名称广告名称管理员系统前台广告信息表advertisement数据库删除结果广告删除结果

图3-31 社交网站数据流图第三层 管理员删除网站广告

管理员查看广告信息模块数据流图如图3-32。管理员更新广告信息模块数据流图如图3-33。

3.1.3 数据描述

1.静态数据:静态数据是系统内部有关的数据结构与操作规程。具体可包括:用户信息表people、管理员信息表manager,微博内容表post,评论表comment表等。

社交网站的设计与实现

2.动态数据:动态数据包括网站运行时输入和输出的数据,具体是数据库的各个表的各个不同元组与属性值。

广告名称广告名称管理员系统前台广告信息表advertisement广告图片、描述信息、显示时间、广告名称广告图片、描述信息、显示时间、广告名称

图3-32社交网站数据流图第三层 管理员查看网站广告信息广告图片、描述信息、显示时间、广告名称广告图片、描述信息、显示时间、广告名称系统前台广告信息表advertisement广告更新结果数据库更新信息管理员

图3-33社交网站数据流图第三层 管理员更新网站广告信息

3.2性能需求

3.2.1数据精确度

1)要按照严格的数据格式输入,否则系统会提示错误,不予处理。2)查询时要保证数据的准确,所有相应域若符合查询条件都应能查到。因为通常有文件的记录会很多,所以本系统采用了两种方法进行查询:直接查询和模糊查询。

3.2.2 时间特性

一般情况下,操作的响应时间应在120毫秒内,视网络情况而定。

社交网站的设计与实现

3.2.3 适应性

根据主机的质量和运行速度满足网络业务平台的需求。对前面提到的运行环境要求应该能满足。3.3 本章小结

本章对整个系统的功能和性能进行了描述。首先分前台和后台描述了系统的主要功能,然后用数据流图来具体描述数据在系统中流动和处理的过程,形象的反映了本系统必须完成的逻辑功能。而对运行需求的描述则保证系统的用户体验。

社交网站的设计与实现

第四章 系统总体设计

4.1系统功能设计

本系统分为两个大模块:前台与后台。系统功能结构图如图4-1:

系统管理员登陆管理员管理用户登录模块用户操作微博用户搜索模块用户浏览内容用户举报模块用户个人主页管理

图 4-1系统结构图

4.2模块功能设计

本系统分为前台与后台。

4.2.1 用户登录模块设计

本模块包括两个功能:用户注册和用户登录。

用户注册模块的主要功能是用户注册,结构图如下4-2。用户登录模块的主要功能是用户登录,结构图如下4-3。

4.2.2 用户操作微博模块设计

用户操作微博模块主要描述了用户对于微博内容的各种操作,包块发布、转发、删除、评论、收藏。

社交网站的设计与实现

用户名,注册邮箱,密码用户注册输入用户名,注册邮箱,密码判断结果用户名,注册邮箱,密码注册结果增加结果输出用户名,注册邮箱用户名,注册邮箱注册判断查询结果增加用户输入输出查询结果用户名,注册邮箱,密码查询people表输入增加people表记录 图 4-2用户注册模块结构图

用户昵称(注册邮箱)、密码用户登陆输入用户昵称(注册邮箱)、密码用户昵称判断结果登录结果封号检查结果输出登录判断用户昵称(注册邮箱)、密码查询结果People表查询封号检查用户昵称输入输出输入查询用户结果昵称blacklist表查询输出 图 4-3用户登陆模块结构图

用户发布微博的模块结构图如图4-4。用户删除微博的模块结构图如图4-5。用户收藏微博的模块结构图如图4-6。用户转发微博的模块结构图如图4-7。用户评论微博的模块结构图如图4-8。

社交网站的设计与实现

用户发布微博微博内容用户昵称,微博内容,微博发布时间输入增加微博结果微博发布结果输出用户昵称,微博内容,微博发布时间增加微博用户昵称,微博内容,微博发布时间输入增加post表中记录 图 4-4 用户发布微博模块结构图

用户删除微博要删除的微博内容用户昵称,微博内容删除微博结果微博内容、用户昵称删除微博用户昵称,微博内容转发微博修改微博内容、用户昵称输入微博删除结果输出用户昵称,微博内容删除post表中记录微博内容、用户昵称修改post表中记录输入输入

图 4-5用户删除微博模块结构图

用户收藏微博要收藏的微博内容用户昵称,微博内容输入微博收微博是否藏结果已经被收藏微博内容、用户昵称增加微博收藏微博内容、用户昵称查询结果输入输出输出用户昵称,微博内容收藏微博判断微博内容、用户昵称增加reserve表中记录输入用户昵称,微博内容查询结果查询reserve表

图 4-6用户收藏微博模块结构图

社交网站的设计与实现

转发的微博内容用户昵称,转发微博内容,原创微博内容,原创作者昵称用户转发微博输入转发结果微博评论结果输出增加微博转发的微博内容,原创昵称增加被转发微博转发数 图 4-7 用户转发微博模块结构图

评论的微博内容用户发布评论输入用户昵称,评论内容,微博内容,微博作者昵称微博评论评论微博结果结果输出增加评论输入增加comment表中记录输出 图 4-8用户发布评论模块结构图

4.2.3 用户搜索模块设计

用户搜索模块的功能包括对用户的搜索和对微博内容的搜索。用户搜索的模块结构图如图4-9。

用户搜索用户搜索关键词,搜索对象用户搜索的关键词搜索结果输出输入搜索用户用户搜索的关键词用户搜索数据库的关键词查询结果查询people表中记录搜索微博数据库查询结果输入输出输入查询post表中记录输出

图 4-9用户搜索模块结构图

社交网站的设计与实现

4.2.4 用户举报模块设计

用户举报模块功能包块对微博的举报、对用户的举报已经对评论的举报。若其他用户有违规行为,用户可对其进行举报。用户举报模块结构图如图4-10。

用户举报其他用户举报用户昵称输入用户昵称,举报用户昵称举报结果输出用户昵称,举报用户昵称查询关注的用户数据库增加结果输出输入增加reportpeople表中记录

图 4-10用户举报其他用户模块结构图

若微博有不当言论,用户可对其进行举报。微博举报模块结构图如图4-11。

用户举报微博举报微博内容,微博作者昵称举报微博内容,微博作者昵称,举报结果举报用户昵称输入输出举报微博内容,微博作者昵称,举报用户昵称查询关注的用户数据库增加结果输出输入增加reportweibo表中记录

图 4-11用户举报微博模块结构图

若评论有不当言论,用户可对其进行举报。评论举报模块结构图如图4-12。

社交网站的设计与实现

用户举报评论举报评论内容,评论作者昵称举报评论内容,输入评论作者昵称,举报结果举报用户昵称输出举报评论内容,评论作者昵称,举报用户昵称查询关注的用户数据库增加结果输出输入增加reportweibo表中记录

图 4-12用户举报评论模块结构图

4.2.5 用户浏览内容模块设计

用户浏览内容包括用户浏览个人主页、微博排行榜、用户个人主页访问统计、管理关注。

用户浏览个人主页的模块结构图如图4-13。

用户访问他人个人主页用户昵称,用户名用户个人主页内容输入用户昵称查询用户信息查询结果输入查询people表中记录输出用户名输入用户名增加访问次数用户名更新visit表中记录输出用户昵称

图 4-13用户访问他人用户主页模块结构图

微博排行榜结构图如图4-14。用户个人主页访问结构图如图4-15。用户增加关注的结果图如图4-16。

社交网站的设计与实现

原创微博排行榜查看排行榜类型、当前时间排行榜内容输入查看排行榜类型、当前时间查看排行榜类型、当前时间查询微博转发数查询结果查询post表中记录输出输出输入

图 4-14原创微博排行榜模块结构图

查看用户个人主页访问数据用户名访问数据输入用户名查询数据用户名查询结果输入输出输出查询visit表

图 4-15 用户个人主页访问统计模块结构图

用户增加关注关注关注的用户昵称增加关注结果输入关注关注的用户昵称输出增加关注关注关注的用户昵称增加关注结果增加focus表中记录输出输入

图 4-16 用户增加关注模块结构图

用户取消关注的模块结构图如图4-17。

社交网站的设计与实现

用户取消关注关注关注的用户昵称取消关注结果输入关注关注的用户昵称取消关注取消关注结果删除focus表中记录输出输出关注关注的用户昵称输入

图 4-17 用户取消关注模块

用户查看关注用户的模块结构图如图4-18。

用户查看关注的用户用户昵称查询结果输入用户昵称查询关注的用户查询结果查询focus表中记录输出输出用户昵称输入

图 4-18用户查看关注的用户模块结构图

用户查看粉丝的模块结构图如图4-19。

用户查看粉丝用户昵称查询结果输入用户昵称查询粉丝查询结果查询focus表中记录输出输出用户昵称输入

图 4-19 用户查看粉丝模块结构图

社交网站的设计与实现

4.2.6 用户个人主页管理模块设计

用户个人管理的主要功能有:更改个人主页封面图、修改个人资料。用户修改个人主页封面结构图如图4-20。

用户修改个人主页图片个人主页图片个人主页图片修改结果输入用户昵称,个人主页图片输出用户昵称,个人主页图片查询关注的用户数据库修改结果输出输入修改people表

图 4-20 用户修改个人主页模块结构图

用户修改个人资料结构图如图4-21。

用户修改个人资料用户修改的信息输入用户昵称、新头像增加结果修改结果输出用户修改头像用户昵称、新头像输入用户昵称、新头像用户昵称,用户要修改的昵称用户昵称,用户输入信息用户昵称,用户输入信息输入修改其他资料用户昵称,用户输入信息更新people表修改昵称修改people表用户昵称,用户要修改的昵称输入更新更新更新Blacklistcommentfoucus表表表更新reportview表更新reserve表更新更新reportweiboreportpeople表表更新Post表更新People表 图 4-21 用户修改个人资料模块结构图

社交网站的设计与实现

4.2.7 管理员登录模块设计

管理员登陆的主要功能为管理员登陆。管理员登陆的模块结构图如图4-22:

管理员姓名,密码管理员姓名,密码管理员登陆输入数据库查询结果查询结果输出查询管理员管理员姓名,密码数据库查询结果管理员姓名,密码查询manager表中数据输出输入 图 4-22 管理员登陆模块结构图

4.2.8 管理员管理模块设计

管理员模块的功能包括增加管理员、处理举报、管理广告。增加管理员模块结构图如图4-23。

管理员姓名,密码管理员姓名,密码增加管理员输入数据库增加结果增加结果输出查询管理员管理员姓名,密码数据库增加结果管理员姓名,密码增加manager表中数据输出输入

图 4-23增加管理员模块结构图

删除管理员模块结构图如图4-24。

社交网站的设计与实现

处理举报的微博模块结构图4-25。处理举报的评论的模块结构图如图4-26。处理举报的用户的模块结构图如图4-27。

要删除管理员姓名,当前管理员 删除管理员管理员姓名输入删除结果删除管理员姓名数据库删除结果管理员姓名输入删除manager表中数据输出删除结果输出 图 4-24 删除管理员模块结构图

处理微博举报举报用户昵称、封号时间长短处理结果输出用户昵称,删除微博内容举报用户昵称、封号时间长短封号用户昵称,删除微博内容删除微博用户昵称,删除微博内容删除post表中记录输入增加blacklist表中记录输入

图 4-25处理举报的微博的模块结构图

处理举报的评论举报用户昵称、封号时间长短处理结果输出删除评论内容、用户昵称举报用户昵称、封号时间长短封号删除评论内容、用户昵称删除评论删除评论内容、用户昵称删除comment表中记录输入增加blacklist表中记录输入

图 4-26处理举报的评论的模块结构图

查看处理举报的模块结构图如图4-28。增加广告的模块结构图如图4-29。

社交网站的设计与实现

删除广告的模块结构图如图4-30。

处理举报的用户举报用户昵称、封号时间长短封号举报用户昵称、封号时间长短输入增加blacklist表中记录处理结果输出

图 4-27处理举报的用户的模块结构图

查看举报的处理信息被举报的评论的信息被举报的微博的信息获得被举报的评论信息查询结果查询reportview表查询结果输出输出查询reportweibo表获得被举报的微博信息查询结果查询结果输出获得被举报的用户信息查询结果查询reportpeople表微博内容、用户昵称输出

图 4-28查看举报处理模块模块结构图

广告图片、描述信息、显示时间、广告名称增加广告广告图片、描述信息、显示时间、广告名称广告图片、描述信息、显示时间、广告名称输入增加数据库增加结果输入广告增加结果输出增加advertisement表中数据输出 图 4-29 增加广告模块结构图

社交网站的设计与实现

删除广告广告名称广告名称输入广告删除结果删除输出广告名称数据库删除结果输入删除advertisement表中数据输出 图 4-30 删除广告模块结构图

查看广告的模块结构图如图4-31。

查看广告信息广告名称输入广告名称查看广告名称广告图片、描述信息、显示时间、广告名称广告图片、描述信息、显示时间、广告名称输出输入查询advertisement表中信息输出 图 4-31 查看广告信息模块结构图

更新广告信息的模块结构图如图4-32。

广告图片、描述信息、显示时间、广告名称输入更新广告信息广告图片、描述信息、显示时间、广告名称广告图片、描述信息、显示时间、广告名称输入修改输出广告更新结果数据库更新信息更新advertisement表中信息输出 图 4-32 更新广告信息模块结构图

社交网站的设计与实现

4.3 数据库设计

4.3.1 数据库概念模型

本社交网站数据库名为info.mdb,共有12张表,分别为: 1)people表 2)post表 3)visit表 4)comment表 5)blacklist表 6)reportweibo表 7)reportpeople表 8)reportview表 9)manager表 10)reserve表 11)focus表 12)advertisement表 数据库ERD图如图4-33。

AdvertisementbalcklistcommentmanagerfocusPeoplereservepostVisitreportweiboreportviewreportpeople

图 4-33 数据库ERD图

社交网站的设计与实现

4.3.2 数据库表设计

1)用户信息表people如表4-1。

表4-1 people表结构

Field

Type

Null Key

Default

Extra Id

自动编号

No

PRI

Null

auto_increment 用户名

短文本

No

Null 昵称

短文本

No

Null 真实姓名

短文本

Yes

Null 性别

短文本

Yes

Null 感情状况

短文本

Yes

Null 生日

短文本

Yes

Null 简介

短文本

Yes

Null 注册时间

短文本

Yes

Null 密码

短文本

Yes

Null 头像

短文本

No

/image/默认.jpg 注册邮箱

短文本

Yes

Null 封号

数字

Yes

Null

2)微博信息表post如表4-2。

表4-2 post表结构

Field

Type

Null

Key

Default

Extra Id

自动编号

No

PRI

Null

auto_increment 昵称

短文本

No

Null 转发内容

长文本

Yes

Null 原创

数字

No

Null 最后修改时间

日期/时间

No

Null 昨天转发总数 数字

Yes

Null 转发总数

数字

No

Null 原创昵称

短文本

Yes

Null 时间

日期/时间

No

Null

3)黑名单表blacklist如表4-3。

表4-3 blakclist表结构

Field

Type

Null

Key

Default

Extra Id

自动编号

No

PRI

Null

auto_increment 用户昵称

短文本

No

Null 处罚开始时间

日期/时间

No

Null 处罚结束时间

日期/时间

No

Null

社交网站的设计与实现

4)用户访问记录表visit如表4-4。

表4-4 blacklist表结构

Field

Type

Null

Key

Default

Extra Id

自动编号

No

PRI

Null

auto_increment 用户名

短文本

No

Null 本周访问总数

数字

No

Null Monday

数字

No

Null Tuesday

数字

No

Null Wednesday

数字

No

Null Thursday

数字

No

Null Friday

数字

No

Null Saturday

数字

No

Null Sunday

数字

No

Null 最后修改时间

日期/时间

No

Null 上周访问总数

数字

No

Null

5)用户关注表focus如表4-5。

表4-5 focus表结构

Field

Type

Null

Key

Default

Extra Id

自动编号

No

PRI

Null

auto_increment 关注的人

短文本

No

Null 关注时间

短文本

No

Null 用户昵称

短文本

No

Null

6)用户收藏表reserve如表4-6。

表4-6 reserve表结构

Field

Type

Null

Key Default

Extra Id

自动编号

No

PRI

Null

auto_increment 收藏的微博

长文本

No

Null 收藏时间

短文本

No

Null 微博用户

短文本

No

Null 原创

短文本

No

Null 7)管理员信息表manager如表4-7。

表4-7 manager表结构

Field

Type

Null

Key Default

Extra Id

自动编号

No

PRI

Null

auto_increment 管理员姓名

短文本

No

Null 注册时间

短文本

No

Null 密码

短文本

No

Null

社交网站的设计与实现

8)微博举报表reportweibo如表4-8。

表4-8 reportweibo表结构

Field

Type

Null

Key Default

Extra Id

自动编号

No

PRI

Null

auto_increment 举报人

短文本

No

Null 举报用户

短文本

No

Null 举报原因

短文本

No

Null 举报微博

长文本

No

Null 举报时间

短文本

No

Null 处理

数字

No

Null 处理人

短文本

No

Null 原创

数字

No

Null

9)评论举报表reportview如表4-9。

表4-9 reportview表结构

Field

Type

Null

Key Default

Extra Id

自动编号

No

PRI

Null

auto_increment 举报人

短文本

No

Null 举报用户

短文本

No

Null 举报原因

短文本

No

Null 举报评论

长文本

No

Null 举报时间

短文本

No

Null 处理

数字

No

Null 处理人

短文本

No

Null

10)用户举报表reportpeople如表4-10。

表4-10 reportpeople表结构

Field

Type

Null

Key Default

Extra Id

自动编号

No

PRI

Null

auto_increment 举报人

短文本

No

Null 举报用户

短文本

No

Null 举报原因

短文本

No

Null 举报时间

短文本

No

Null 处理

数字

No

Null 处理人

短文本

No

Null

11)评论表comment如表4-11。

社交网站的设计与实现

表4-11 comment表结构

Field

Type

Null

Key Default

Extra Id

自动编号

No

PRI

Null

auto_increment 昵称

短文本

No

Null 评论

短文本

No

Null 微博内容

短文本

No

Null 发布时间

日期/时间

No

Null 微博用户

短文本

No

Null 12)广告信息表advertisement如表4-12。

表4-12 advertisement表结构

Field

Type

Null

Key Default

Extra Id

自动编号

No

PRI

Null

auto_increment 名称

短文本

No

Null 图片

短文本

No

Null 描述信息

短文本

No

Null 开始时间

日期/时间

No

Null 结束时间

日期/时间

No

Null 链接

短文本

No

Null 4.4 本章小结

本章主要描述了系统的主要功能以及系统的主要模块。主要用sc图来描述软件的总体结构,使软件的组成及其调用关系更加清楚。同时也展示了数据库的结构,对数据流程图中的各个元素进行了详细的说明。

社交网站的设计与实现

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

5.1 用户登陆模块详细设计与实现

5.1.1 用户登陆模块详细设计

(一)用户注册详细设计

用到了people表和manager表。

若用户在社交网站上还未注册过,则可使用此功能注册账号。用户输入用户名与密码,若用户输入的用户名和密码从未有人注册过,则用户在社交网站注册成功,初始用户昵称即为用户名,否则提示用户修改用户名重新注册[6]。用户注册流程图如图5-1。

开始输入用户名、注册邮箱、密码用户名已存在ny邮箱已存在ny注册失败注册成功 图5-1 用户注册流程图

(二)用户登陆详细设计

若用户想进入个人主页,则用户需先登录。用户登录时,需输入用户名或邮箱、密码。若用户在输入的数据中有“@”,则用户输入的为邮箱; 若没有,则用户输入的是用户名。用户在登录页面中可选择输入用户名或邮箱,必须输入密码。若用户输入的用户名或邮箱不存在,则会提示用户修改。若用户输入的密码有误,则提示用户修改密码。若用户名(或邮箱)和密码匹配,则检查用户当前是否被封号,若被封号,则提示用户被封号,无法登陆。否则用户登陆成功[7]。用户登陆流程图如图5-2。

社交网站的设计与实现

输入用户名(或邮箱)和密码y输入邮箱yn邮箱注册过yy邮箱与密码匹配y用户在blacklist表中ny用户名与密码匹配登录失败用户名注册过nnn登陆成功图5-2 用户登录流程图

5.1.2 用户注册界面实现

用户注册页面如图5-3。

图5-3 用户注册页面

用户登陆页面如图5-4。

图5-4 登录页面

社交网站的设计与实现

5.2 用户操作微博模块详细设计与实现

5.2.1 用户操作微博详细设计

(一)用户发布微博详细设计

用户发布微博时,用户输入的字符数最多为140个,超过字数后,将无法发布微博。用户发布微博流程图如图5-5。

开始用户输入微博内容微博内容少于140字ny发布失败增加post表中记录发布成功 图5-5 用户发布微博流程图

(二)用户删除微博详细设计

用户选择删除微博时,若微博转发了其他微博,则只需在post表中删除对该微博的记录即可。否则还需更新post表中对转发该微博的微博的记录。用户删除微博流程图如图5-6。

(三)用户收藏微博详细设计

用户收藏微博时,会查询reserve表中是否已经存在对该微博的记录,若有,则提示用户改微博已经被收藏。否则在reserve表中增加该微博的记录。用户收藏微博流程图如图5-7。(四)用户转发微博详细设计

当用户转发微博时,数据库会增加用户发布的微博,同时,会增加该用户转发

社交网站的设计与实现 的微博的转发条数,同时会修改被转发微博转发条数的最后修改时间。用户转发微博的流程图如图5-8。

开始用户选择要删除的微博更新post表中对转发给该微博的微博的记录此微博被该用户转发y删除post表中对该微博的记录n成功删除 图5-6 用户删除微博流程图

开始用户选择要收藏的的微博增加reserve表中数据收藏成功 图5-7 用户收藏微博流程图

开始用户选择要转发的微博输入转发内容更新post表转发成功 图5-8 用户转发微博流程图

社交网站的设计与实现

(五)评论微博详细设计

当用户对微博发表评论时,微博评论表会增加记录。评论微博的流程图如图5-9。

开始用户选择要评论的微博输入评论更新comment表评论成功 图5-9 用户评论微博流程图

5.2.2 用户操作微博界面实现

(一)用户发布微博的界面如图5-10。

图5-10 用户发布微博

(二)用户微博操作的界面如图5-11。(三)用户转发微博的界面如图5-12。

社交网站的设计与实现

图5-11 用户操作微博

图5-12 用户转发微博

5.3 用户搜索模块设计与实现

5.3.1 用户搜索模块详细设计

用户搜索时,若用户搜索用户,则会在people表中查找含有关键字的记录。若用户搜索微博,则会在post表中查找含有关键字的记录。若两者都搜索,则会在people表和post表中同时查找含有关键字的记录。搜索模块的流程图如图5-13。

开始输入关键字n查询微博y查找post表中含有关键字的微博的记录查询用户y查找people表中含有关键字的昵称的记录n查找post表中含有关键字的微博的记录查找people表中含有关键字的昵称的记录输出结果图5-13 用户搜索流程图

社交网站的设计与实现

5.3.2 用户搜索模块界面实现

微博搜索结果界面如图5-14。用户搜索结果界面如图5-15。

图5-14 微博搜索结果页面

图5-15 用户搜索结果页面

5.4 用户举报模块设计与实现

5.4.1 用户举报详细设计

(一)用户举报其他用户时,只需点击“举报按钮”,就会弹出用户举报页面,用户只需选择举报的类型,提交即可。用户举报流程图如图5-16。

社交网站的设计与实现

开始选择举报的用户选择要举报的类型增加reportpeople表中记录举报成功 图5-16 用户举报流程图

(二)用户举报评论时,只需点击“举报按钮”,就会弹出用户举报页面,用户只需选择举报的类型,提交即可。用户举报评论的流程图如图5-17。

开始选择举报的评论选择要举报的类型增加reportview表中记录举报成功 图5-17 评论举报流程图

(三)用户举报微博时,只需点击“举报按钮”,就会弹出用户举报页面,用户只需选择举报的类型,提交即可。用户举报微博的流程图如图5-18。

5.4.2 用户举报界面实现

(一)用户举报页面如图5-19。

(二)微博举报页面如图5-20。

第二篇:物流网站设计与实现毕业论文小结表

南京信息工程大学滨江学院 毕业论文(设计)小结表 学生姓名

杨金磊

学号

20092309022

院、系

滨江学院

专业、班级

信息工程(1)班

(目标完成情况,业务能力,工作态度,遵守纪律,存在不足等)在和导师的沟通下,3月份确定了我的毕业论文题目《基于连云港港口的海陆联运信息平台的设计与实现》,选择这个题目的主要是因为我们信息工程专业为偏向计算机开发专业,我在暑假参加过软件开发的培训,对软件开发的有很好的兴趣,同时也具备一些简单的软件开发技术和知识。其次是我在连云港实习,对港口的进出口业务流程比较熟悉,这样做起来更得心应手。最后我想通过毕业设计对自己在大学四年所学的知识进行总结和融合,通过实际动手能力来检验自己大学四年来所学的理论知识。实现理论知识和实践的相结合。

在毕业设计题目确定以后,在导师的指点下,通过各种渠道收集相关的论文资料,在图书馆借阅了JAVA软件网站开发的相关技术的图书资料,在实习单位请同事详细介绍了港口的业务流程,借阅了港口集团的内部运输报告,查阅了港口的运输资料。准备大量的和论文相关的资料。整理好资料后完成了毕业设计的提纲,并及时和老师的进行沟通和交流。听取老师的意见。

本项目是基于连云港港口海陆联运信息平台系统设计和实现的。因此,首先应该查询资料,对网站系统进行需求分析,确定该网站需要实现哪些功能,画出功能模型以及数据流图,其次对系统进行总体设计,包括功能设计,系统结构设计等步骤,然后是对数据库系统的进行设计,包括概念设计、逻辑设计、物理设计等步骤。最后进行系统的详细设计阶段,包括后台功能和前台界面的设计。在整个时间段里,查阅大量网站开发前台技术、框架、脚本以及数据库相关知识,更多的学习使用相关新知识,以便更好的完成本次项目的开发 海陆联运信息平台主要为衔接海上运输和陆地物流信息共享信息的网站系统,包括前台展示模块和后台管理模块,前台展示模块的功能主要有用户登录会员注册信息浏览等功能。针对货代用户有网上订舱系统、通用货源录入系统、竞价选择系统、箱货状态查询系统、互评分信用管理系统、在线反馈和讨论系统等基本功能子系统;针对车队有货源查询系统、在线竞价系统、在线反馈和讨论系统等基本功能子系统。连云港港口进出口贸易大幅增长,货物通过公路、铁路和水运等各种运输方式大量进出连云港为了能够提高车、货,船等信息资源的共享程度,建设一个能够帮助物流需求方发布货源、物流供应方寻找货源,提供查询、选择和交易前后的信息管理,沟通各类用户物流运输信息服务的平台是十分必要的。学生签名:

年月日

第三篇:班级网站设计与实现

沈阳化工学院

本科毕业论文

题 目: 班级网站设计与实现 院 系: 计算机科学与技术学院 专 业: 计算机科学与技术 班 级: 计算机0802 学生姓名: 金智宇 指导教师: 张 丽

论文提交日期:2012年06月20日 论文答辩日期:2012年06月26日

I

内容摘要

随着人类的进步,网络技术不断发展和计算机的普及,越来越多的人拥有自己电脑,让人们的生活更快捷和丰富,并且丰富人类的精神世界和物质世界,让人类最便捷地获取信息,找到所求,让人类的生活更快乐。

网络的普及越来越多的学校和班级通过计算机网来管理各项事务。同时,学生与学生之间通过网络来交流的方式也日趋频繁。在这种潮流的趋势下,应该采用什么样的方式来更好的管理学生各项信息和班级各项日常事务,以及怎么是学生之间能更好的交流,成为一个问题。

班级网站设计是为了合理的利用网络资源,提供班级与交流、有管理班级事务的网络平台。本网站基于B/S模式,在ASP.NET集成开发的环境下采用C#语言开发完成。本网站有班级介绍、班级相册、同学登陆、班级留言、学习空间、休闲等模块。网站的设计体现个性化要求。其中同学登陆模块实现了用户注册、登陆与修改个人资料等功能;班级相册实现图片上传和在线浏览功能;班级留言实现网上留言功能;提供交流平台。本网站 促进班级学生的学习交流,实现用户自由访问,增加同学们的相互了解,增强班级凝聚力。

关键词: 网站建设、网站运营、ASP.NET|、SQL server 2005

II

Abstract With the progress of mankind, the continuous development of network technology and the proliferation of computers, more and more people have their own computer to make people's lives more efficient and rich, and enrich our spiritual world and physical world, human access to the most convenientinformation, find what we seek to make human life happier.More and more schools and classes of the popularity of the network through the computer network to manage the affairs.At the same time, the way to communicate through the network between the students and the students become more frequent.In this fashion trends, what way should be used with good management students all the information and classes the daily affairs, and how better communication between students, become a problem.The class website is designed to use the network resources to provide classes and exchanges, to manage class affairs network platform.This site is based on B / S mode, ASP.NET integrated development environment using C # language developed.This site have a class, class album, the students landing, message classes, learning space, leisure and other modules.The site design reflects the individual requirements.Students landing module user registration, login and modify personal information;class album image upload and

III

online feature;class message Message function;provide an exchange platform.This site to promote the exchange of classes students learn to achieve the users the freedom to access, increase mutual understanding of the students, and enhance class cohesion.Key words: Website building、website operators、ASP.NET|、server 2005

IV

SQL

目录

班级网站设计与实现.........................................................................1 一.绪论..........................................................................................1 1.1 课题背景来源和发展意义..........................................................1 1.1.1 课题背景.............................................................................1 1.1.2 课题来源.............................................................................1

二.开发工具与开发技术..................................................................3 2.1 开发技术...................................................................................3 2.1.1 ASP.NET技术....................................................................3

2.2 开发工具...................................................................................4 2.2.1 SQL server 2005数据库.....................................................4

2.3 开发环境...................................................................................5 2.3.1 Visual Studio.NET2010开发环境.....................................5 2.3.2 CSS样式表在HTML中的实现............................................7

三.方案设计与论证........................................................................9 3.1 项目概述与需求分析.................................................................9 3.1.1 目标....................................................................................9 3.1.2 用户的特点..........................................................................9

V

3.1.3 假定和约束..........................................................................9

3.2 设计中的图表..........................................................................10 3.2.1 对功能的规定....................................................................10 3.2.2 网站结构图:....................................................................11 3.2.3 类图..................................................................................12

3.3 测试........................................................................................12 3.3.1 软件测试...........................................................................12

四.设计与实现..............................................................................14 4.1 网站框架和代码......................................................................14 4.1.1 添加用户...........................................................................14 4.1.2 管理用户...........................................................................15

4.2 网站首页.................................................................................15 4.2.1 班级首页...........................................................................15 图4.2.1班级首页.........................................................................16 4.2.2 网站首页部分代码.............................................................16

4.3 网站介绍.................................................................................18 4.3.1 班级介绍...........................................................................18 4.3.2 班级介绍部分代码.............................................................19

4.4 资源共享.................................................................................22 4.4.1 资源共享介绍....................................................................22 4.4.2 连接代码...........................................................................22

VI

4.5 专业课程.................................................................................23 4.5.1 课程信息...........................................................................23 4.5.2 专业课程部分代码.............................................................23

4.6 班级通讯.................................................................................24 4.6.1 通讯界面...........................................................................24 4.6.2 班级通讯部分代码.............................................................25

4.7 留言飞语.................................................................................27 4.7.1 留言界面...........................................................................27 4.7.2 同学留言部分代码.............................................................27

4.8 联系方式.................................................................................29 4.8.1 管理员联系界面.................................................................29 4.8.2 联系方式部分代码.............................................................29

五.结果与评价..............................................................................31 六.结论.........................................................................................32

VII 沈阳化工学院学士学位论文

第一章 绪

班级网站设计与实现

一.绪论

1.1 课题背景来源和发展意义

1.1.1 课题背景

随着互联网的进一步发展与成熟,网络的带宽进一步加阔,网络应用也越来越广泛。网页制作更是日新月异,层出不穷。涌现了很多琳琅满目的网站,使得整个互联网多姿多彩。网页功能分析就是以系统的观点,对已选定的对象与开发范围进行有目的、有步骤的实际调查和科学分析。分析的目的就是要弄清楚网页要做什么,最终为后面的设计工作打下基础。需求分析是制作一个网站的第一步。在制作网站之前,首先要了解客户的需要和要求。这些必要的信息包括客户所要表达的理念、界面显示的内容和栏目的要求、网站功能方面的要求等。根据客户的具体情况,需求也会有所差别。本网站是针对班级同学而设计的网站,主要是便于同学联系例如聚会、发布班级信息等系列的通知,同时本网站还针对同学们的需求建立个人信息空间,可以建立个人影集,彰显每个同学的个性与风采,相当于一个“便携式”的聊天平台,无论同学们以后身在那里我们都可以在茶余饭后对我们现在也或是过去进行讨论,彼此交换心得体会,更加了解班级的概况,增强同学之间交流。

1.1.2 课题来源

大学时代的同学之情是最真挚的一份感情。没有任何一个时代的学生比现在的学生们更加渴望言论自由,渴望情感交流。但在学分制条件下,快节奏的学习生活、越来越少的集体活动时间使同班同学之间的交流也日益困难。大学班级网站的建立为现实世界中的班级提供了一个非正式交往的虚拟平台,它为班级每一个成员都提供了平等、自由的发言机会,使相互的交流跨越了时间和空间的樊篱,也打破了男女间、寝室间的障碍。沈阳化工学院学士学位论文

第一章 绪

为了满足班级网站的交流目的。本网站包括:班级简介、班级相册、班级登陆、班级留言、学习交流、论坛等模块。班级简介模块,作为班级总体介绍平台,极少班级的建设,班级成员,班级成绩等;班级相册模块,包括用户上传图片以及图片的浏览功能,实现与数据库的衔接;班级登陆模块,包括注册和登陆两个子模块,通过注册可以成为班级成员,在通过登录拥有访问网站各项功能的权限;班级留言模块,实现用户的在线留言;班级论坛模块,论坛模块主要实现注册用户能在此网站平台之上交流,一般用户可以回复别人的发言,亦可提出自己的言论,一伙的其他人的建议和意见;

本系统使用ASP。Net技术的动态网页与SQL server2000数据库结合设计建立的一个班级网站。用户首先通过内部网络访问本站进行简单的注册并经营管理员审核通过后,即拥有了使用本网站上所提供的出管理模块的各项功能的权利。功能模块包括班级留言、班级相册、学习交流等,论坛社区提供用户之间的主要交流平台,用户可以发起自己的帖子,来引起班级其他同学的对本帖的讨论或回复,同时用户也可以对自己或别人的帖子提出自己的见解,从而很好地促进了班级内同学的交流。班级留言提供网上留言功能。留言可以使班级的老师班长或其他同学的留言,通过网络的迅捷的传输率达到快速的了解及处理班级各项事务的目的。班级相册可以将班级内同学的相册传到网站上自由浏览,增加班级的亲和力。以及以上功能很好的解决上面所提出的问题 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

二.开发工具与开发技术

2.1 开发技术

2.1.1 ASP.NET技术

AS.PNET是一种建立在通用语言上的程序结构,能被用于一台Web服务器来建立强大的Web应用程序。ASP.NET是在服务器上运行的编译好的公共语言运行库,利用早期的绑定、实时编译、本机优化和盒外缓存服务,着相当于在编写代码行之前便显著提高了性能。另外,由于ASP.NET框架补充了Visual Studio 集成开发环境,想必ASP,使程序设计相对简化,结构更为清晰

ASP.NET的前身ASP技术,是在IIS 2.0上首次推出(Windows NT 3.51),当时与 ADO 1.0 一起推出,在IIS 3.0(Windows NT 4.0)发扬光大,成为服务器端应用程序的热门开发工具,微软还 特别为它量身打造了Visual InterDev开发工具,在1994年到2000年之间,ASP技术已经成为微软推展Windows NT 4.0平台的关键技术之一,数以万计的ASP网站也是这个时候开始如雨后春笋般的出现在网络上。它的简单以及高度可定制化的能力,也是它能迅速崛起的原因 之一。不过ASP的缺点也逐渐的浮现出来:

意大利面型的程序开发方法,让维护的难度提高很多,尤其是大型的ASP应用程序。直译式的VBScript或JScript语言,让效能有些许的受限。延展性因为其基础架构扩充性不足而受限,虽然有COM元件可用,但开发一些特殊功能(像文件上传)时,没有来自内置的支持,需要寻求第三方软件商开发的元件。1997年时,微软开始针对ASP的缺点(尤其是意大利面型的程序开发方法)准备开始一个新项目来开发,当时ASP.NET的主要领导人Scott Guthrie刚从杜克大学毕业,他和IIS团队的Mark Anders经理一起合作两个月,开发出了下一代ASP技术的原型,这个原型在1997年的圣诞节时被发展出来,并给予一个名称:XSP,这个原型产品使用的是Java语言。不过它马上就被纳入当时还在开发中的CLR平台,Scott Guthrie事后也认为将这个技术移植到当时的CLR平台,确实有很大的风险(huge risk),但当时的XSP团 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

队却是以CLR开发应用的第一个团队。

为了将XSP移植到CLR中,XSP团队将XSP的内核程序全部以C#语言重新撰写(在内部的项目代号是 “Project Cool”,但是当时对公开场合是保密的),并且改名为ASP+,作为ASP技术的后继者,并且也会提供一个简单的移转方法给ASP开发人员。ASP+首次的Beta版本以及应用在PDC 2000中亮相,由Bill Gates主讲Keynote(即关键技术的概览),由富士通公司展示使用COBOL语言撰写ASP+应用程序,并且宣布它可以使用Visual Basic.NET、C#、Perl与Python语言(后两者由ActiveState公司开发的互通工具支持)来开发。

在2000年第二季时,微软正式推动.NET策略,ASP+也顺理成章的改名为ASP.NET,经过四年的开发,第一个版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0),Scott Guthrie也成为ASP.NET的产品经理(到现在已经开发了数个微软产品,像ASP.NET AJAX和Microsoft Silverlight)。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已经在VS2010平台内应用。

2.2 开发工具

2.2.1 SQL server 2005数据库

数据库是信息的集合,是指长期存储在计算机内的、有组织的、可共享的数据集合。数据库中的数据按一定的数据模型组织、描述和储存,具有较小的冗余度、较高的数据独立性和易扩展性,并可为各种用户共享。例如,记录客户信息、网络通讯录等。以往会将这些数据记录到纸上或是计算机某个文件中,如果要修改或查询则要消费大量时间。现在人们借助计算机和数据库技术科学地保存和管理大量的复杂的数据,以便能方便而充分的利用这些宝贵的信息资源。数据被规整地存储起来,修改和查询只需几条SQL语句就完成了。

Internet集成。SQL Server 2005 数据库引擎提供完整的XML 支持。它还具有构成最大的Web 站点的数据存储组件所需的可伸缩性、可用性和安全功能。SQL Server 2000 程序设计模型与 Windows DNA 构架集成,用以开发 Web 应用程序,并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服务等功能,在Web 应用程序中包含了用户友好的查询和强大的搜索功能。沈阳化工学院学士学位论文

第二章 开发工具与开发技术

2.可伸缩性和可用性。同一个数据库引擎可以在不同的平台上使用,从运行 Microsoft Windowsreg;98 的便携式电脑,到运行 Microsoft Windows 2000 数据中心版的大型多处理器服务器。SQL Server 2005 企业版支持联合服务器、索引视图和大型内存支持等功能,使其得以升级到最大 Web 站点所需的性能级别。

3.企业级数据库功能。SQL Server 2005 关系数据库引擎支持当今苛刻的数据处理环境所需的功能。数据库引擎充分保护数据完整性,同时将管理上千个并发修改数据库的用户的开销减到最小。SQL Server 2005 分布式查询使您得以引用来自不同数据源的数据,就好像这些数据是 SQL Server 2005 数据库的一部分,同时分布式事务支持充分保护任何分布式数据更新的完整性。复制同样使您得以维护多个数据复本,同时确保单独的数据复本保持同步。可将一组数据复制到多个移动的脱接用户,使这些用户自主地工作,然后将他们所做的修改合并会发布服务器。

4.易于安装、部署和使用。SQL Server 2005 中包括一系列管理和开发工具,这些工具可改进在多个站点上安装、部署、管理和使用 SQL Server 的过程。SQL Server 2005 还支持基于标准的、与 Windows DNA 集成的程序设计模型,使 SQL Server 数据库和数据仓库的使用成为生成强大的可伸缩系统的无缝部分。这些功能使您得以快速交付 SQL Server 应用程序,使客户只需最少的安装和管理开销即可实现这些应用程序。

2.3 开发环境

2.3.1 Visual Studio.NET2010开发环境

1998 年,微软公司发布了 Visual Studio 6.0。所有开发语言的开发环境版本均升至 6.0。这也是 Visual Basic 最后一次发布,从下一个版本(7.0)开始,Microsoft Basic 进化成了一种新的面向对象的语言:Microsoft Basic NET。由于微软公司对于 Sun 公司 Java 语言扩充导致与 Java 虚拟机不 兼容被 Sun 告上法庭,微软在后续的 Visual Studio 中不再包括面向 Java 虚拟机的开发环境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 开发使用的 Visual Basic 5.0、Visual C++5.0,面向 Java开发的 Visual J++和 面向数据库开发的 Visual FoxPro,还包含有创建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中,Visual Basic 和 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

Visual FoxPro 使用单独的开发环境,其他的开发语言使用统一的开发环境。

2002 年,随着.NET 口号的提出与 Windows XP / Office XP 的发布,微软发布了 Visual Studio.NET(内部版本号为 7.0)。在这个版本的 Visual Studio 中,微软剥离了 Visual FoxPro 作为一个单独的开发环境以 Visual FoxPro 7.0 单独销售,同时取消了 Visual InterDev。与此同时,微软引入了建立在.NET 框架上(版本1.0)的托管代码机制以及一门新的语言 C#(读作 C Sharp,意为 C#)。C# 是一门建立在 C++和 Java 基础上的现代语言,是编写.NET 框架的语言。

.NET 的通用语言框架机制(Common Language Runtime, CLR),其目的是在同一个项目中支持不同的语言所开发的组件。所有 CLR 支持的代码都会被解释成为 CLR 可执行的机器代码然后运行。

Visual Basic、Visual C++ 都被扩展为支持托管代码机制的开发环境,且 Visual Basic.NET更是从 Visual Basic 脱胎换骨,彻底支持面向对象的编程机制。而 Visual J++ 也变为 Visual J#。后者仅语法同 Java 相同,但是面向的不是 Java 虚拟机,而是.NET Framework。

2003 年,微软对 Visual Studio 2002 进行了部分修订,以 Visual Studio 2003 的名义发布(内部版本号为 7.1)。Visio 作为使用统一建模语言(UML)架构应用程序框架的程序被引入,同时被引入的还包括移动设备支持和企业模版。.NET 框架也升级到了 1.1。

2005 年,微软发布了 Visual Studio 2005。.NET 字眼从各种语言的名字中被抹去,但是这个版本的 Visual Studio 仍然还是面向.NET 框架的(版本2.0)。

这个版本的 Visual Studio 包含有众多版本,分别面向不同的开发角色。同时还永久提供免费的 Visual Studio Express 版本。

随着即将发布的 Windows Vista和 Office 2007,Visual Studio 9 也渐渐浮出水面。Visual Studio 9 目前可以确定的是支持建立于 DHTML 基础上的 Ajax 技术,这种微软在 Visual InterDev 时代提出的基于异步的客户端动 态网页技术在当年并没有像微软预期中的那么流行起来,反而随着 Gmail 等应用而东山再起,渐渐成为主流网络应用之一。同时 Visual Studio 9 会强化对于数据库的支持以及微软新的基于工作流(Workflow)的编程模型。预计为了保持与 Office 系列的统一,Visual Studio 9 的名称为 Visual Studio 2007。沈阳化工学院学士学位论文

第二章 开发工具与开发技术

2007年11月,微软发布了 Visual Studio 2008 英文版,2008年2月14日发布了简体中文专业版。

2010年4月12微软发布Visual Studio 2010以及.NET Framework 4.0,并于2010年5月26发布了中文版

Visual Studio.NET2010是Microsoft推出.NET应用程序开发工具。Visual Studio,我们一般都简称为VS,Visual Studio其实是微软开发的一套工具集,它由各种各样的工具组成,这就好像Office 2007时由Word 2007、Excel 2007、Access 2007等等组成的一个道理。其中Visual C++就是Visual Studio的一个重要的组成部分。Visual Studio可以用于生成Web应用程序,也可以生成桌面应用程序,在Visual Studio下面,除了VC,还有Visual C#,Visual Basec,过去还有Visual J#,现在还有Visual F#等等组件工具,使用这些工具你可以使用C++语言C#语言或者Basic语言进行开发。这就好比桌上放着刀、叉、筷子,你可以用它来吃饭,无论它们都是餐具的一种

2.3.2 CSS样式表在HTML中的实现

在HTML网页中加入CSS并不是只有一种方法,在不同的情况下,可以采用不同的方法,比较常用的有下面几中。

1.嵌入式样式表

嵌入式样式表的实现很简单,只需在每个要应用样式的HTML标签后写上CSS属性即可。例如要设置指定表格中的文字的样式为红色,字号为10pt,可在当前表格的

标记内添加下面的代码:

。这种方式主要用于对具体的标签作具体的调整,其作用的范围只限于本标签。嵌入式样式表不能充分体现出CSS样式表的优越性,所以应用场合并不多。

2.内联式样式表

若想只对当前页面应用样式,就要使用内联式样式表。所谓内联式样式表就是把样式表定义语句放在标签中,设置时通常放在HTML代码的部分。

3.外联式样式表 沈阳化工学院学士学位论文

第二章 开发工具与开发技术

外联式样式表是将指定的样式代码放到一个扩展名为css的样式文件中以方便其他网页的调用。这种方式的优点是可以通过一个css文件管理网站中的多个网页。如果要对网站中其他页面进行样式引用,可以先把样式用记事本定义成一个“css”的文件。例如:打开记事本,将定义的名为h3的样式代码写到记事本中,保存的文件名为example.css,代码如下:

h3{ font-family:“黑体”;color:green;font-style:italic; } 引用时在网页HTML代码的标记后用引用这个样式文件,在部分的相应内容的前后加上

。沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

三.方案设计与论证

3.1 项目概述与需求分析

3.1.1 目标

该软件是一个基于.NET技术的网站管理软件,程序采用B/S架构,能提供浏览等功能。用户可以在网上浏览计算机班级网站的基本信息,资料的上传下载,也可以进行留言及回复。管理员经过登陆,能够管理网站里所有的信息的添加、修改和删除。网站风格力求简洁朴素,美观大方,能够完成基本的功能。

软件开发目的是理解软件文档写作规范以及利用.net开发简单的网站,同时也希望最终产品能满足班级成员的期望。该网站运行的平台应具有IE浏览器5.0以上版本。

3.1.2 用户的特点

用户不需要任何技术背景,但能够具有浏览网页的基本操作能力。用户也无须具备网络方面的知识,只需知道如何访问网站。管理员需要有电脑打字方面的技术。

3.1.3 假定和约束

本软件的开发期限为五周。完成项目的主要困难是: 1.缺乏B/S软件开发的背景和知识 2.缺少平面设计的相关知识经 3.对.net开发平台的不熟悉 4.开发技术不成熟 5.没有软件工程实际经验

由于是个人完成整个软件的开发过程,时间、人力和技术上都有限,因此部分功 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

能已简略.3.2 设计中的图表

3.2.1 对功能的规定

用户通过首页进入网站,以点击不同的栏目或链接,转入其它页面来浏览本网站的相关内容。用户可以上传下载资料,同时可以留言以及回复。管理员进入网站登陆后,可以通过后台管理对网站的数据库进行相关的操作,主要的后台管理分为七部分,分别对应网站的六大模块与用户管理。

具体栏目需求:

名称

班级首页:

需求说明

能展示班级主要动态信息,设置导航栏以及后台接口。风格力求简约大方,自然清新,能够体现大学生的精神面貌。

显示本班级简介;在后台进行修改。班级简介:

专业课程: 展示班级课程安排

班级通讯: 展示班级同学与同学的联系,按日期降序排列。

班级相册: 展示班级相册;点击每一条可查看详细。

资源共享: 可以上传和下载资源;资源列表以日期降序排列。

留言飞语: 可以留言和回复;添加留言者各种联系方式。

联系方式: 显示管理员的联系信息。沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

3.2.2 网站结构图:

班班级级首介页绍

班级首页注册/登陆资专班留源业级言共课通飞享程讯语图3.2.2 网站结构图

联系方式 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

3.2.3 类图

图3.2.3 类图

3.3 测试

3.3.1 软件测试

软件测试就是利用测试工具按照测试方案和流程对产品进行功能和性能测试,甚至根据需要编写不同的测试工具,设计和维护测试系统,对测试方案可能出现的问题进行分析和评估。执行测试用例后,需要跟踪故障,以确保开发的产品适合需求。使用人工或者自动手段来运行或测试某个系统的过程,其目的在于检验它是否满足规定的需求或弄清预期结果与实际结果之间的差别。

它是帮助识别开发完成(中间或最终的版本)的计算机软件(整体或部分)的正确度(correctness)、完全度(completeness)和质量(quality)的软件过程;是SQA(software quality assurance)的重要子域

Grenford J.Myers曾对软件测试的目的提出过以下观点: 沈阳化工学院学士学位论文

dd沈阳化工学院学士学论文

(1)测试是为了发现程序中的错误而执行程序的过程

(2)好的测试方案是极可能发现迄今为止尚未发现的错误的测试方案

(3)成功的测试是发现了至今为止尚未发现的错误的测试。

然而,这种观点指出测试是以查找错误为中心,而不是为了演示软件的正确功能。但是只从字面意思理解,可能会产生误导,认为发现错误是软件测试的唯一目的,查找不出错误的测试就是没有价值的测试,实际上并非如此!

(1)测试并不仅仅是为了找出错误.通过分析错误产生的原因和错误的发生趋势,可以帮助项目管理者

发现当前软件开发过程中的缺陷,以便及时改进

(2)这种分析也能帮助测试人员设计出有针对性的测试方法,改善测试的效率和有效性

(3)没有发现错误的测试也是有价值的,完整的测试是评定软件质量的一种方法

(4)另外,根据测试目的的不同,还有回归测试、压力测试、性能测试等,分别为了检验修改或优化过程是否引发新的问题、软件所能达到处理能力和是否达到预期的处理能力等。沈阳化工学院学士学论文

第四章 设计与实现

四.设计与实现

4.1 网站框架和代码

4.1.1 添加用户

添加用户分三个角色:管理员、普通用户、班级同学。

图4.1.0添加用户

您可以选择添加角色或组,这让您可以允许或拒绝用户组对网站中特定文件夹的访问。例如,您可以创建“经理”、“销售人员”或“成员”等角色,每种角色对特定文件夹都具有不同的访问权限。沈阳化工学院学士学论文

第四章 设计与实现

图4.1.1创建新角色

4.1.2 管理用户

图4.1.2 管理用户

4.2 网站首页

4.2.1 班级首页

班级首页如图: 沈阳化工学院学士学论文

第四章 设计与实现

图4.2.1班级首页

4.2.2 网站首页部分代码

@{ ViewBag.Title = “班级首页”;}

沈阳化工学院学士学论文

第四章 设计与实现

第四篇:个人网站的设计与实现

二○○七届学生毕业论文(设计)

毕业设计(论文)论文题目

个人网站的设计与实现

英文 Personal Webside Design and accomplish 个人网站的设计与实现

摘 要

在互联网走进我们的生活之前,没有人敢梦想拥有自己的报纸、杂志、电台、电视台。除了政策上的制约外,一个人也根本没有操作一份传播媒体的能力。现在不同了,互联网给我们提供了一个“表达自我”的自由天地,你可以拥有自己的新闻邮件,你可以建立自己的个人网站。只要你办得成功也可以吸引成千上万的订户、读者,并建立自己在众多参与者中的权威地位。建立个人网站的基本过程可以分为以下七个环节:

1.了解中国网络个人主页研究背景与发展现状 2.系统需求分析与总体设计

3.熟悉网站开发模式、工具及环境

4.把自己的作品和想要展示的内容制作成网页 5.使用动态网页技术(ASP),实现动态内容更新 6.认真地选取测试用例,进行交叉测试 7.网站的后期完善、宣传及发展方向

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

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

Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links: 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link

前 言

随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。如果说个人建立网站是为了追求时尚,那么企业建立网站就是必然的选择了。

无论是专业的,还是业余的,很多人对网页制作颇感兴趣。事实上制作一个简单的网页并不困难,会使用Word的人都可以胜任。但想做出超凡脱俗的网页就不那么容易了,而Dreamweaver却可以满足你的愿望,它是Macromedia公司开发的集网页制作和网站管理于一身的所见即所得的网页编辑器。

同样出自Macromedia公司的Flash,Fireworks在制作网站的过程中起到了锦上添花的作用,是个人网站实现的好帮手,在制作网站的时候经常会用到这些软件。

目 录

摘要----------------1 前言----------------1 第一章:绪论--3 1.1 我国网络发展现状---------------------3 1.2 个人网站的目的------------------------3 第二章:个人网站的开发环境--------4 2.1 Dreamweaver简述----------------------4 2.2 Dreamweaver的操作环境-------------4 2.3 ASP技术--5 第三章:需求分析--------------------------7 3.1 概述-------7 第四章:网站制作---------------------------9

4.1站点-----------9 4.2首页-----------9 4.3创建其它网页-----------------------------11 3.2个人网站的问题定义与可行性分析-7 3.3 个人网站整体要求----------------------8 第五章:网页链接的建立-----------------12 5.1 链接的概念12 5.2 创立连接---12 5.3文字链接-----15 5.4影像链--------16 5.5 Email链接---18 5.6文件下载链接------------------------------21 5.7在HTML语言中建立网页链接-------22 第六章:总 结--25 致谢------------------26 参考文献----------27

第一章 绪论

1.1 我国网络发展现状

2010年1月15日,中国互联网络信息中心(CNNIC)发布了《第25次中国互联网络发展状况统计报告》(以下简称《报告》)。《报告》数据显示,截至2009年12月,我国网民规模已达3.84亿,互联网普及率进一步提升,达到28.9%。随着我国互联网普及率的逐年提高,互联网正在走进人们的工作与生活。CNNIC《报告》调查显示,在家和单位上网的网民比例在2009年有了明显的提高,有83.2%的网民选择在家上网,另有30.2%的网民选择在单位上网,互联网作为人们日常工具的价值正在日益提升。

1.2 个人网站的目的

个人网站最开始的动机可能是出于兴趣或一种爱好,但时间一长,这些兴趣或爱好便为自己积累了许多资源,比如数量可观的访问量。当这些资源积累到一定程度的时候,商业意识比较敏感的个人网站站长便开始寻求开展电子商务,将自己手中的资源进行商业操作,从而,个人网站开始赚钱。当然,目前比较流行的个人网站赚钱方式可能更多的还是依赖于广告,但从目前个人网站的广告收入来看,它已经陷入了一个低谷。所以,如果个人网站想要得到长足的发展,或者希望自己的

网站能够赚钱,那么必须主动出击!事在人为,作为一个个人网站,我们可以拥有自己的产品,并把它们卖掉,依靠自己来赚钱!

一、个人网站自主经营的可行性 网民正在不断地快速增长。另有调查表明,网民的平均收入水平提高了,也就是说网民的消费水平也提高了。我们个人网站为什么要依靠做广告来赚钱?我们难道不可以转变一下思路吗?打个比方,你的网站日访问量有1000左右(也就是说每天有1000个人左右进入你的“商店”),做广告相当于代理别人的产品,就算卖出去了也只能返回给你一部分的利润。但是如果你的“商店”卖自己的产品,那么大部分利润就掌握在自己手中。广告赚钱只是做网站的“副产品”,真正的产品是你自己的网站。记住:你的网站是一座金矿,可能你只是开采了“浏览量”这一层矿产,更深层次的矿产你可能还尚未开发出来!你完全可以将你自己网站的产品进行出售,比如将你网站的精品内容印成一本书,然后在网上卖你自己的书。还有更多的经营方法,关键是你要去不断探索!下面我就结合我对互联网的观察与自己的实践经验告诉大家如何经营自己的产品。对于网络经商,起初一定要抱平和的心态!因为中国的网民毕竟不是很多,大家不要过分期望网络经商会给你带来很大的效益。要把网络经商作为一种锻炼,说句现实的话:“现在赚小钱,以后赚大钱”。这是我对

网络经商的一种“长期作战”的战略观点。第二章 个人网站的开发环境

2.1 Dreamweaver简述

Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用 它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver 8的发布,更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。Dreamweaver8.0的特点如下。

1、灵活的编写方式

Dreamweaver具有灵活编写网页的特点,不但将世界一流水平的“设计”和“代码”编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制自己的用户界面。

2、可视化编辑界面

Dreamweaver是一种所见即所得的HTML编辑器,可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面,Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。

3、功能更多的CSS支持——CSS可视化设计、CSS检查工具

4、动态跨浏览器验证

当保存时系统自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。

5、强大的WEB站点管理功能

6、内建的图形编辑引擎

7、Dreamweaver的集成特性

Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性,可以在这些Web创作工具之间自由地切换,轻松地创建美观实用的网页。

8、丰富的媒体支持能力

可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能,在设计DHTML和CSS方面表现得极为出色,它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。

2.2 Dreamweaver的操作环境

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

2.2.1 标题栏

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

2.2.2菜单栏

“标题栏”下面就是“菜单栏”,栏中提供了“文件”、“编辑”、“查看”、“插入”、“修改”、“文本”、“站点”、“窗口”、“帮助”10项菜单。单击其中任意一项菜单,随即就会出现一个下拉式指令菜单。有些指令的右边会有键盘的代码,这是该指令的快捷键,熟练使用快捷键将会有助于提高工作效率。有些指令的右边会有一个小黑三角的标记,它代表该指令还包含下一级的指令,鼠标停留片刻即可显示。

2.2.3快捷工具栏

“快捷工具栏”指的是“菜单栏”下边的3排按钮,选择菜单“查看/工具栏”,勾选里面的“插入”、“文档”和“标准”3项,完整的快捷工具栏就显现出来了。

2.2.4属性面板

在网页编辑窗口的下面还有一个面板,它是有名的“属性面板”,它在这个软件中起到举足轻重的作用。

属性面板顾名思义,就是显示,调整属性的面板,根据鼠标所选中对象的不同,“属性面板”在界面上也会有所差异,用户可以分别对不同的对象进行调整。

2.3 ASP技术

Active Server Pages:“动态服务器网页”,一般简称为“ASP”,ASP之所以能受到大家的重视与使用的原因,主要在于所产生的执行结果都是标准的HTML格式,而且这些程序是在网络服务端中执行,使用一般的浏览器(如IE 或Netscape)都可以正确地获得ASP的“执行”结果,并且将这ASP执行的结果直接在浏览器中“浏览”,不像VBScript或 JavaScript是在客户端(Client)的浏览器上执行,若使用VBScript来设计程序,客户端(Client)在IE浏览器中可以显示程序执行的结果,可是,客户端(Client)若使用Netscape浏览器就无法显示VBScript的执行结果。ASP的特点如下:

1、任何开发工具皆可发展ASP 只要使用一般的文书编辑程序,如Windows记事本,就可以编辑。当然,其他网页发展工具,例如,FrontPage Express、FrontPage等也都可以;不过还是建议你用记事本来写,既省钱又方便,若是使用那些所见即所得的网页编辑来写ASP,可能会发生一些意想不到的离奇状态。

通过各家浏览由于ASP程序是在网络服务器端中执行,执行结果所产生的HTML文件适用于不同的浏览器。

2、语言相容性高

ASP与所有的ActiveX Script语言都相容,除了可结合HTML,VBScript、Java script Active X服务器组件来设计外,并可经由plug-In(外挂组件模组)的方式,使用其他厂商(Third Party)所提供的语言。

3、隐密安全性高

如果我们在浏览器中直接查看网页的原始代码,就只能看到HTML文件,原始的ASP程序代码是看不到的!这是因杰ASP程序先于网站服务(Web Server)端执行后,将结果转换成标准HTML文件,再传送到客户端(Client)的浏览器上,因此,我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。

4、易于操控数据库

ASP可以轻易地通过ODBC(Open Database Connectivity)驱动程序连接各种不同的数据库,例如:Access fox pro、dBase、Oracle等等,另外,ASP亦可将“文本文件”或是“Excel” 文件当成数据库用。

5、面向对象学习容易

ASP具备有面向对象(object-Oriented)功能,学习容易,ASP提供了五种方便能力强大的内建对象:Request、Response、Sever、Application以及Session,同时,若使用ASP内建的“Application”对象或“Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。

6、ASP的六大内部对象 对象名称 功能描述

Request Response Server Session Application Object Context 从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个

Session内的用户信息,该信息仅可被该用户访问在一个 ASP-Application中让不同的客户端共享信息可以用来配合 Microsoft Transaction 服务器进行分布式事务处理 所以我选择了ASP结合Dreamweaver架构个人站点。

第三章 需求分析

3.1 概述

需求分析最根本的任务是确定“为了满足客户的需要,系统必须做什么”。具体的说,应该确定系统必须具有的功能和性能,系统要求的运行环境,并且预测系统发展的前景。必须仔细分析系统中的资料,既要分析系统中的数据流,又要分析长期使用的资料储存。该阶段不是确定系统怎样完成它的工作,而仅仅是确定系统必须完成哪些工作,也就是对目标系统提出完整、准确、清晰、具体的要求。

3.2个人网站的问题定义与可行性分析

一、明确架设网站的目的及客户要求

通常情况下,架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流,具有较强的目的性,我的个人网站一般体现在:为了展示自己的风采,让大家和我一起分享我的心得与经验,让和我有共同爱好的朋友有一个倾诉的地方。

二、我的个人网站概貌 因为是个人网站,所以只是选择了自己擅长和喜爱的内容,在突出自己的风格和特点的同时,还应用了现在流行的网站设计技术和数据库技术。因此将网站设计分为前台页面展示平台和后台在线管理平台。

三、功能划分

网站设计有新闻更新,浏览者可以在首页浏览自己喜欢的新闻,并且可以在留言板和大家交流,在后台管理页面中,通过身份认证,管理员——我,可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏,与大家一起分享

3.2.1 功能定义

(1)管理员权限:修改所有页面内容、增删改文章、管理评论、修改公告、修改管理员自身信息、编辑各页面栏目、添加删除图片、添加删除音乐、修改版权信息等。

(2)浏览者权限:阅读所有页面内容、添加评论、添加留言、浏览文章、浏览图片、浏览音乐等。3.2.2 可行性分析

系统可行性分析主要从经济可行性、技术可行性和操作可行性三方面去分析。(1)经济可行性分析

从系统的开发和效益关系上讲,采用asp这个可以开发出交互、高性能Web数据库应用的技术进行开发,效率较高。该系统的开发不需要花费太多的经费,只需在域名和服务器空间租用上有开销,因为个人网站不涉及超大容量的文件存储和庞大的访问量,因此对于服务器来讲,要求不会太高,开销不会很大。因此,从经济性分析是可行的。

(2)技术可行性分析

根据现有的技术设备条件,在技术上实现也是可行的。在设备方面,前期系统开发在本地端制作完成,只需通过ftp软件上传至服务器端即可,而软件开发所需条件相对较低,对于系统开发及运行环境均不造成任何困难。对于系统开发人员基本具备了计算机专业知识,有一定的编程基础,熟悉和掌握数据库及网络相关知识,具备开发条件。

(3)操作可行性

该系统操作上非常简单,对于用户来说,只要具备IE浏览器5.5版本以上即可通过域名搜索即可登录本站。

3.3 个人网站整体要求

3.3.1 功能要求

(1)页面风格简洁明快,给人以较好的视觉印象。(2)用户浏览、操作均便捷,迅速。(3)用户权限、功能的设置要准确无误。3.3.2 系统性能要求

在目前硬件设备条件下,要求处理程序的速度相对较快。因此,在程序设计阶段,优化代码,降低处理时间是需要考虑的问题。3.3.3关于未来需求

由于系统开发时间较短,可能不是很完善,在运行过程中还会遇到一些问题,所以应在系统设计过程中对未来可能需要的扩充和修改做好准备,以便及时变更

第四章 网站制作

4.1 站点

4.1.1 创建站点

要制作一个网站,第一步操作都是一样的,就是要创造一个“站点”,这样可以使整个网站的脉络结构清晰地展现在面前,避免了以后再进行纷杂的管理。从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”,之后再选择其中的“站点”,再次弹出一个对话框,在文本框中输入自己已经企化好的网站名称“追梦人”。填好后,单击“下一步”,进入下一个步骤。由于我要做的是一个静态的网页,所以选择上面的一项“否,我不想使用服务器技术。” 单击“下一步”,进入下一个步骤。

在此选项中有两个选择,选择推荐的“编辑我的计算机上的本地副本,完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹,Dreamweaver将在其中储存站点文件的本地副本。单击该文本框后面的文件夹图标,新建并指定一个空的文件夹“E:/ding”。之后单击“下一步“,进入下一个步骤。

这一步是如何设置连接到远程服务器,弹出式菜单中有6中选择,这里选择“无”。而后“下一步”再“完成”,即可。

4.1.2 创建站点内容

站点创建完成后,就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“文件/文件”面板,此时整个网站中没有任何内容。用鼠标右击面板中的本地根目录文件夹。在弹出的菜单中选择“新建文件”,新建一个文件后将其命名为“index.htm(或index.html),它就是未来的首页。网站分为“平面设计”、“动画制作”、“网文精品”、“经典回顾”、“个人说明“这五个大栏目,所以继续用鼠标右击右侧,在弹出的菜单中选择第二项“New Folder(新建文件夹)”。执行五次操作,新建五个文件夹,并把它们重命名为graph、anim、books、music、letter,分别对应上面的五个大栏目。存放它们各自的内容。之后再次新建1个文件夹,命名为images,用来存放“所有的图象文件”的内容。

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

4.2首页

4.2.1 设置首页布局

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

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

首页的布局有很多方法,在这里我所用到的是表格的“布局模式”。“布局”模式中的表格称为布局表格,单元格称为布局单元格。在绘制布局表格和布局单元格时,必须从“标准”模式切换到“布局”模式。直接单击“布局”按钮即可。操作步骤:

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

2、将变成“+”形状的鼠标光标放到编辑中网页上,在要绘制的地方进行拖动就可以进行创建了。(如果绘制的是第一个表格必须从网页的最左上角开始绘制)。

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

4.2.2设置首页的页面属性

首先双击“文件”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域,在菜单中选择“页面属性”,之后弹出“页面属性”对话框,若选择主菜单“修改/页面属性”项,也可以把打开该对话框。

在“页面属性”对话框中,左侧窗口显示“分类”,其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项,右侧区域则显示各类中可以设置的项目。4.2.3查看和编辑头内容

一个网页文件结构上实际是由两部分组成,头(head)内容和主体(body)内容主体内容(body)是文档的主要部分,也是包含文本和图像等的可见部分。头内容(head)是除文档标题外的不可见部分,包含有文档类型、语言编码、搜索引擎的关键的关键字和内容指示器以及样式定义等重要信息,这些元器并不是每个页面都需要的,例如,可以仅为主页提供关键字。

下面就以首页为例,说明怎样插入较常用的头(head)内容。

单击“菜单拦”下面“插入快捷”的下拉列表,选择其中的HTML类,此时右侧将会显示该类中可以插入的对象快捷按钮,再次单击第2个按钮“文件头”旁边的下拉箭头,会弹出菜单,该项列出的便是即将插入的头内容。4.2.4 插入图像

图像是网页中不可或缺的组成成份,恰当地使用图像,可以使网站充满生活生命力与说服力,吸引更多的浏览者,加深他们欣赏你网站的意愿。

另一方面,网页的容量大小是网站成功与否的一大关键因素。由于网络在传输上的限制,导致了下载的速度不可能太快,因此,网页的大小就不能太大,其中关键就在于图像的大小了,否则浏览者会失去等待的耐心,无论你的网站多么精彩也无济于事了。

所以,在网面容量大小的问题上一定要重视。下面就来详细介绍对网页图像进行处理的操作步骤,以使得它们在保持图形美丽与网站风格搭配的基础上,图片文件能够变的更小。

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

2、随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件,或在URL编辑框中输入图像的路径和名称。下面的“相对于”下拉表框中,可选择文件URL地址的类型,如果选择“文档”选项,表示图像地址相对于当前文档;如果选择“站点根目录”选项,表示地址相对于根目录。在这里我要插入的是网站标志logo,插入logo图象。

最后单击“确定”按钮,即可完成插入图像的操作。

4.2.5 插入多媒体

在Dreamweaver中,除了之前讲到的可以插入“图像”外,还可插入动画、声音、视频等媒体元素,如Flash,Shockwave,Applets,ActieX及格Midi声音文件等,并且还可以在Dreamweaver自身内插入Macromedia Flash按钮和文本对象,以及进行相关的后期处理和添加设计备注等操作。

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

要在浏览器中播放放Flash 动画,必须在浏览器中集成“Flash 播放器(Flash Player)”。其中,Internet Explorer通过ActiveX控制来实现,Netscape Navigator则是通过相应的插件来实现的。在最新的Netscape Navigator和Internet Explorer浏览器中,均已集成了 Flash动

3、画播放功能。操场作步骤:

步骤1 将光标停留在要插入Flash的位置,然后单击菜单栏下面“插入快捷栏”的下拉列表,选择其中的“常用”分类,右侧将会显示该类中可以插入的对象快捷按钮。左起第6个即为“媒体”按钮,单击它右侧的下拉列表,选择第1项Flash图标。

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

aver的“网页编辑窗口”中,可以看到,在这个窗口中Flash文件的大小。在这里我的主页插入的一个动画。4.2.6插入文本

在网页中,文本内容也可以说是重要的组成部分,一个网站成功与否,它是最关键的因素。在这最关键的因素。可丰富网站的文字内容,并以最最美观、最整齐的方式放入到网页中。

插入文本的两种方式

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

另一种是复制文本的方式。有些读者可能不喜欢使用Dreamweaver来进行打字的工作,而更习惯在专门的文本编辑软件中快速打字,如Microsoft Word和 Windows自带的记事本等,又或者读者已经准备好了要放入网页的文本的电子版本,那么我们就可以直接使用Dreamweaver的文本复制功能,将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作,具体步骤如下。

打开文本编辑软件(如Microsoft Word),选中要复制的文本,它们将反白显示,执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C,之后切换回Dreamweaver,将光标停留在插入文本的位置,执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。

这在我的“网文精品”中用到很多,全部是在word软件中排好ctrl+c,然后点击要粘贴的位置,crtl+v到Dreamweaver即可。

4.3创建其它网页

还有其它的几个网站与主页的制作相同,一个网页是图象和文字的组合。

“平面设计”中的图象插入和前面的介绍相似,并可以在属性拦中调节图象的大小。在Dreamwerver中常常会用到Firework、Flash,它们是相辅相成,在主页中的主体部分就是用Firework 在“个人说明”中也用到这点,首先定好需要尺寸,在属性中设好背景,颜色等等,插入图象,输入文字,也word里的操作雷同。

第五章 网页链接的建立

5.1 链接的概念

链接(或称超链接)是网页与网页之间一种单向的连接关系。也是www.xiexiebang.com如图所示

(3)即对所选文本或图像建立完链接。

5.6文件下载链接

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

浏览器无法识别的文件类型有很多,这里就介绍一个最常用的,以zip或rar为后缀名的压缩格式文件,这种文件可以使用主流的压缩软件(如winzip、winrar)来制作。下面我们就业以实例来说明。

在前面“插入多媒体”一章中,我们曾经讲过直接链接文件的方式来插入“视频”,即直接在“链接”文本框中输入“文件名+名后缀名”,如olympus.wmv。单日击这个链接,经过数据下载后,Windows系统将启动自带的媒体播放器Windows Media Player 来播放该视频。操作步骤

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

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

步骤3 保存网页,按下F12预览,在浏览器中单击“下载精彩广告视频”链接文本,会弹出“文本下载”选择框,单击其中的“保存”按钮。

步骤4 在“另存为”对框中选择保存到本地计算机中的位置,实例中为“经典回顾”文 件夹。之后单击“保存”按钮,压缩文件即保存到该位置中。至此,“文件下载链接”便制作完成了。读者可以打开“我的文档”文件夹,解压缩olympus.rar文件,随时欣赏下载影片。

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

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

5.7.1文字链接

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

a href-“index2.html”target=”-blank”>平面设计(新开窗口,-blank)

动画制作(原窗口,默认为空)

网文精品

第五篇:课程网站的设计与实现

课程网站的设计与实现

摘要:课程建设是“高等学校教学质量与教学改革工程”的一项重要内容,也是教育部深化教学改革,以教育信息化带动教育现代化的一项重要举措。课程网站是课程建设和评价的窗口,是课程网络化学习的平台,是教师与学生互动交流的媒介,也是精品课程示范幅射的载体。因此,课程网站建设意义重大。

本课程网站就是为了顺应这一时代要求而设计的。本网站的开发是采用asp及ACCESS数据库进行开发。

在本篇文章中,首先对本系统设计的意义和开发工具等做了简要介绍,接着对系统做了详细的需求分析;然后给出了课程网站所需的功能,重点探讨了精品课程网站的设计法案;接着对该网站前台框架、实验教学、教学研究、教学成果模块等进行了重点详细介绍,并给出了具体实现步骤;通过测试分析,该系统的运行稳定、可靠,具有一定的实用价值。

关键词:网站;asp;dreamweaver; access; 资源共享 1

目录

第一章 绪论.......................................................2 1.1 课程网站开发背景............................................2 1.2 课程网站现状分析............................................2 1.3 建立课程网站的意义..........................................2 1.4 本文的主要工作..............................................3 1.5 论文结构....................................................3 第二章 网站概述...................................................3 2.1 网站前台设计..................................................3 2.2 开发环境简介..................................................4 2.2.1 asp介绍..................................................4 2.2.2 数据库开发工具简介........................................4 第三章 设计与实现.................................................5 3.1 代码和界面.................................................5 总结与展望...............................................48 致谢..............................................................48参开文献..........................................................50

的精品课程网站的实验教学、教学研究、教学成果3个模块的开发过程的详细描述。在项目组成员的共同努力下,成功地实现了网站的研究与开发。开发步骤如下:

(1)网站需求分析

(2)初步框架设计(包括原型页面的实现)(3)数据库设计

(4)页面与底层的交互融合

(5)代码整合以及整合后的测试工作

1.5 论文结构

第一章:绪论部分。介绍了论文的选题背景、所研究内容的现状析和设计精品课程网站的意义,解决的主要问题及应达到的技术要求。

第二章:网站概述及相关技术介绍。

第三章:总结与展望,对本论文的主要研究内容进行了扼要的总结,总结了论文的主要研究成果,并提出了有待进一步开展的工作。

第二章 网站概述及相关技术介绍

2.1网

2.2.1 asp介绍

(现学期:2014年春学期)

下载毕业论文_社交网站的设计与实现[本站推荐]word格式文档
下载毕业论文_社交网站的设计与实现[本站推荐].doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    计算机网络的设计与实现(毕业论文)

    XXX 技术学院毕业设计(论文) 题 目: 计算机网络的设计与实现 学生姓名 学号 专业班级 分院(系) 指导教师(职称) 计算机信息工程系 2011年 6 月 诚信承诺书 本人谨此承诺,本人所写......

    试议初探社交媒体营销探讨毕业论文网站.(大全)

    试议初探社交媒体营销探讨毕业论文网站 摘 要:社交媒体的兴起,改变了人们的生活方式,也给企业营销带来了新的渠道和新的机会。在建立社交媒体营销模型的基础上,分析其营销特点和......

    基于ASP的招聘网站规划与实现 - 计算机网络技术毕业论文网站设计毕业论文

    基于ASP的招聘网站规划与实现 摘要 求职是当今大学生在毕业前最关注的一个问题。由于如今大学生上网途径非常便捷,使得网络招聘成了异军突起深受大学生广泛欢迎的求职方式。......

    网站设计毕业论文5篇

    目录 摘 要 .................................................................................................................. 1 Abstract .............................

    网站设计 毕业论文 毕业设计

    (论文设计(论文)题目 JSP动态网站设计 学 院 教 学 系 班 级 姓 名 指导教师 毕业设计) 毕业论文 JSP动态网站设计 摘要 随着Internet技术的发展,人们的日常生活已经离不......

    学校网站建设的设计与实现

    【摘要】校园网站能对内实现办公自动化、电子校务、在线考试,对外实现远程教育、资源共享,对社会实现与家长、社会沟通,实现电子商务,对上级部门实现文件交换,远程会议,在线管理等......

    基于ASP的教学网站的设计与实现

    4.5.3查看主题信息 用户在论坛首页中,单击讨论主题超链接,将进入到查看主题信息页面,该页面主要实现以下功能: 1.显示当前主题的详细信息; 2.显示当前主题的回复信息。 查看主题......

    论文:个人网站的设计与实现

    个人网站的设计与实现 前 言 随着国际互联网的普及,很多人已经不满足仅仅在Internet上的浏览信息,而是希望更深入的参与其中,拥有自己的Web网站,这似乎已经成为一种潮流。如果......