个人主页.docx
- 文档编号:3748009
- 上传时间:2022-11-25
- 格式:DOCX
- 页数:27
- 大小:2.45MB
个人主页.docx
《个人主页.docx》由会员分享,可在线阅读,更多相关《个人主页.docx(27页珍藏版)》请在冰豆网上搜索。
个人主页
娄底职业技术学院
毕业论文
个人主页
姓名:
xxxxx
学号:
xxxxxxxxxxxxxxxx
指导老师:
xxxxxxxx
系名:
xxxxxxxxxxx系
专业:
计算机网络技术
班级:
xx网大xx班
二0xx年xx月xx日
摘要
在Internet飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们政治、经济、生活等各个方面发挥着重要的作用。
Internet上发布信息主要是通过网站来实现的,获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。
因此网站建设在Internet应用上的地位显而易见,它已成为政府、企事业单位信息化建设中的重要组成部分,从而倍受人们的重视。
因此,个人主页的构建具有重要的意义。
随着数字化、信息化、网络化的进一步发展,作为第四媒体的互联网,其特点就是可以跨越时空,在正常情况下,网站无时无刻不在工作,客服可以跨越时空了解它们。
它利用互联网的突破地域限制的特点,为您同时服务于世界各地的用户。
正因为网络无休息,一年365天、一天24小时,您得网站永远忠实地服务于您的所有用户。
同时,再利用多媒体技术,可以向用户展示自己、宣传自己,树立现代形象,无形中增值了自己的资产。
不同的网站的宣传效果各异,但是都大大提高了传播宣传力度。
本文通过对个人主页构建的研究,着重从需求分析、网站功能实现以及网站界面的设计与美化等方面进行分析与描述,并给出具体的设计方案。
关键词:
Internet技术、个人主页、网页设计、网站建设、网页、网站美工
Abstract
RapiddevelopmentoftheInternettoday,becomethequickaccesstotheInternet,publishing,andanimportantchannelfortransmittinginformation,it'spolitical,economic,andotheraspectsoflifeplayanimportantrole.PublishinformationontheInternetismainlyachievedthroughthewebsite,accesstoinformationbutalsotoInternet"sea"inaccordancewithacertainwaytoretrievetheinformationneededtodownloadfromthesite.Therefore,theconstructionsiteontheInternetthestatusoftheapplicationisclear,ithasbecomethegovernment,enterprisesandinstitutionsintheinformationtechnologyanimportantpart,somuchattention.Therefore,thepersonalhomepagebuildingofgreatsignificance.Withdigital,informationtechnology,furtherdevelopmentofthenetwork,asthefourthmediumoftheInternet,whichischaracterizedacrosstimeandspace,undernormalcircumstances,thesitedoesnotworkallthetime,customerserviceacrosstimeandspacetounderstandthem.ItisabreakthroughintheuseoftheInternetrestrictedgeographicalfeatures,youalsoserveusersaroundtheworld.Becausethenetworkisnorest,365daysayear,24hoursaday,yourwebsitewillneverhavetofaithfullyserveallofyourusers.Atthesametime,re-useofmultimediatechnology,userscandisplaythemselves,promotethemselves,toestablishamodernimageandavirtuallyvalueoftheirassets.Theeffectofdifferentpublicitysitesvary,butaregreatlyenhancedthespreadofpropaganda.Basedonthestudyofindividualhomebuilding,focusingonthedemandanalysis,sitefeaturesandwebinterfacetoachievethedesignandlandscapingaspectsoftheanalysisanddescription,andgiveaspecificdesign.
Keywords:
Internettechnologies,personalhomepage,webdesign,websitedevelopment,web,webart
目录
绪论1
第一章网站功能与需求分析2
1.1功能简介与需求分析2
1.2开发及运行环境分析2
1.2.1服务器的软硬件配置最低要求2
1.2.2客户端的软硬件配置最低要求2
1.3系统的开发工具2
1.4数据表的分析3
1.5个人主页网站的整体设计拓扑图5
1.6个人主页网站主页面效果图6
1.7网站总体设计7
1.7.1网站功能简介7
1.7.2网站模块结构介绍7
第二章网站前台主要功能实现8
2.1首页页面的功能实现8
2.2相册页面的功能实现8
2.3简历页面展示页面的功能实现8
2.4日志页面的功能实现9
2.5新闻发布系统页面的功能实现9
2.6音乐页面的功能实现9
2.7留言页面的功能实现10
2.8网址搜索页面的功能实现10
第三章网站后台主要功能实现11
3.1相册管理页面的功能实现11
3.2简历管理页面的功能实现11
3.3日志管理页面的功能实现11
3.4新闻管理页面的功能实现12
3.5音乐管理页面的功能实现13
3.6留言管理页面的功能实现13
3.7搜索管理页面的功能实现14
第四章网站部分代码分析15
4.1Webconfig配置文件15
4.2数据库连接16
4.3新闻显示、发布、编辑与删除16
4.3.1新闻显示页面实现代码16
4.3.2新闻发布实现代码17
4.3.3新闻编辑与删除实现代码18
4.4留言显示分页效果实现代码20
4.5其他代码说明分析23
总结24
致 谢25
参考文献26
绪论
随着现代计算机科学的快速发展,网络越来越普及,逐步融入人们的日常生活和工作,已成为人们生活和工作的一部分,同时网络也提供了一种快捷、方便的信息交流平台。
丰富了人们的生活,同时大大提高了人们的工作效率。
而个人主页是一个利用网络展示个人信息,推销自己的重要的途径之一。
同时个人主页是各类网站中一大分支,有着非常广泛的宣传和信息传播的效果。
尤其是高等学校、企事业单位、政府部门等乃至个人都和网站的关系十分密切。
他们利用网络的优势搭建一个网站来传播信息,推销自己。
本文着重对个人主页网站的搭建进行介绍。
这里主要通过把vs2005和sql2005有机结合起来,采用传统的表格进行布局,运用Photoshop以及“网络三剑客”-AdobeFirework、AdobeFlash、AdobeDreamweaver,对素材图片进行处理,动画制作以及实现Flash在vs中运行等。
通过三个母板页和两个web用户控件构建网站整体框架。
其他网页则分别基于这三个母板页设计完成,达到整体美的效果。
网站主要七大模块,实现显示系统当前时间,统计在线人数,访问量;网站前台实现相册、个人简历、日志、新闻、留言等展示以及访客留言、音乐播放和网址搜索等;后台实现相册上传与删除,简历更新与删除,日志发表与编辑删除,新闻发布与编辑删除,留言回复与删除,音乐上传与编辑删除,网址搜索添加与关键字增删等功能。
待功能全部实现后对展现自我以及对所学专业的认可将会有很好的体现。
它的宣传作用是不言而喻的。
正因为个人主页网站在当今时代有着强力的宣传作用,构建它具有必要性和实现意义。
本文从个人主页的功能与需求分析介绍入手,然后对网站前台相册、简历、新闻、日志、留言、音乐、搜索的主要功能以及相应的后台管理进行介绍,最后对网站部分代码进行具体分析。
第一章网站功能与需求分析
1.1功能简介与需求分析
随着互联网的不断发展以及中国上网的日益增长,建立个人主页网站,不仅可以展示自己,而且能达到提高计算机应用方面的能力。
因此,我选择构建个人主页来作为毕业鉴定。
个人主页网站在设计和构建过程中应从个人的兴趣爱好着手,而不是侧重于商业的宣传。
网站内容以反映个人为核心,从而使个人主页网站真正的成为展示自己的网络名片。
在网站制作中,主要借鉴了大家都喜欢浏览的QQ个人空间的设计风格,着重给浏览者以熟悉的气息。
运用了Photoshop、fireworks强大的图像制作与处理软件,进行了大量的图片处理与美化,从而增强了网站整体美感。
还利用Flash动画制作软件进行网站banner的制作,同时还利用css样式和脚本语言做了个导航条,给予浏览者一种强烈的时代动感。
整个网站的页面设计及功能实现都是运用visualstudio2005中的相关控件和sqlserver2005相结合开发完成的。
1.2开发及运行环境分析
1.2.1服务器的软硬件配置最低要求
服务器的硬件配置:
CPU1.6G,硬盘80G,内存256M
服务器的操作系统:
WindowsXP或Windows7
Web服务器软件:
IIS(InternetInformationServer)
数据库服务器软件:
sql2005
系统开发工具:
vs2005
1.2.2客户端的软硬件配置最低要求
客户端的硬件配置:
CPU酷睿2140,硬盘160G,内存64M
客户端操作系统:
WindowsXP或Windows7
客户端浏览器软件:
IE浏览器或其他浏览器如瑞星安全浏览器
1.3系统的开发工具
由于系统的软件配置主要是基于Microsoft公司的软件,所以在系统的开发工具的选择上采用了Microsoft公司的软件开发工具,具体内容如下:
采用ASP.NET技术、C#语言rver数据库相结合编写的WEB应用程序。
1.4数据表的分析
表1-1相册数据表
字段名
数据类型
说明
pic
varchar(50)
相册图片地址
shuoming
text
图片说明
addtime
datetime
上传时间
根据上表,再结合vs2005平台中的DataList控件,绑定以上字段实现相册模块中前台显示图片,后台上传图片。
(相册子网页个人秀、美图秀,风景秀)数据表类似表1-1。
表1-2简历数据表
字段名
数据类型
说明
name
varchar(10)
姓名
pic
text
图片地址
sex
varchar(10)
性别
varchar(10)
varchar(10)
address
varchar(50)
家庭地址
experiences
text
工作经验
note
text
个人简介
saddtime
datetime
添加时间
上表1-2与vs2005平台中的DataList和GridView控件相结合,绑定以上字段实现前台展示简历,后台修改和删除简历。
表1-3新闻数据表
字段名
数据类型
说明
title
varchar(50)
新闻标题
contet
text
新闻内容
author
varchar(50)
新闻作者
sort
int
新闻类别
link
text
相关链接
addtime
datetime
发布时间
根据上表与vs2005平台中的DataList和GridView控件相结合,绑定以上字段实现前台展示新闻,后台发布、修改和删除新闻。
表1-4新闻-类别数据表
字段名
数据类型
说明
sort_id
int
新闻类型
sort_name
varchar(50)
类型名
short_name
varchar(50)
短名
用上表与vs2005平台中的DataList控件相结合,绑定以上字段实现后台修改和删除新闻类别。
表1-5日志表数据表
字段名
数据类型
说明
dzhuti
varchar(50)
日志主题
dcontent
varchar(50)
日志内容
dtime
datetime
发表时间
依上表与vs2005平台中的DataList和GridView控件相结合,绑定以上字段实现前台展示日志,后台发表、修改和删除日志。
(日志子网页离歌、曲落,心情数据表和表1-5类似)。
表1-6音乐数据表
字段名
数据类型
说明
name
text
歌曲地址
singer
text
歌手
把上表与vs2005平台中的DataList和FileUpload控件相结合,实现前台音乐播放,后台上传音乐。
表1-7留言数据表
字段名
数据类型
说明(留言者)
gname
varchar(50)
姓名
gqq
int
gsex
varchar
(2)
性别
gcotent
text
内容
gtime
datetime
时间
grreply
text
管理回复内容
gposttime
datetime
管理回复时间
借助上表与vs2005平台中的DataList相结合,实现前台显示,后台上传音乐。
表1-8网址搜索数据表
字段名
数据类型
说明
sitname
varchar(50)
网站名称
url
varchar(50)
链接
shuoming
text
网站说明
keywords
text
搜索关键字
将上表与vs2005平台中的GridView控件相结合,绑定以上字段实现网址搜索,后台添加、修改和删除搜索。
表1-9用户数据表
字段名
数据类型
说明
usename
varchar(50)
会员名
passwd
varchar(50)
登录密码
dj
int
会员等级
varchar(50)
邮箱
total
text
访问量
uaddtime
datetime
注册时间
上表与vs2005平台中的相结合,主要对上表进行查询判断与添加记录实现登录与注册。
1.5个人主页网站的整体设计拓扑图
本站结构包括七大模块,其中日志和相册分别有三个子网;各模块都有前台和后,实现了前台展示,后台修改删除与上传等效果图如图1-1所示:
图1-1个人主页网站的整体设计拓扑图
1.6个人主页网站主页面效果图
网站首页,实现了网站导航,网站banner,显示当前系统日期,统计在线人数和访问量,以及设为首页,加入收藏和后台管理入口等效果如图1-2所示:
图1-2前台主页导航
网站后台主页,分别对网站七个模块进行管理,操作简单,简易的操作界面为您轻松实现网站的更新和管理。
效果图如1-3所示:
图1-3后台主页
1.7网站总体设计
1.7.1网站功能简介
个人主页网站基于三个母板页以及两个可移动用户设计而成,实现前台展示效果,后台实现日志和新闻的修改、删除、发表,音乐和图片的上传,简历的展示与修改,留言的删除与回复,访客留言,网址搜索,用户注册以及统计在线人数和访问人数等功能。
1.7.2网站模块结构介绍
本网站分别基于如下三个母板页制作完成:
1.前台母板页的介绍
该页面为各网页基于前台本页面作准备,具有统一的风格,达到网页整体美的效果。
2.后台母板的介绍
后台母板页面的设计囊括所有页面的管理,方便管理,集中了相册,简历,日志等删除、修改等功能。
管理方便,便捷的管理模式,简单的操作,解决了页面,内容繁多的烦恼。
3.新闻管理母板的介绍
由于新闻管理页面的功能较强大,故单独制作,为了页面的整体美而这样设计以单独的页面对新闻进行管理,实现了删除,修改与发布以及新闻类别的管理等功能。
第二章网站前台主要功能实现
2.1首页页面的功能实现
个人主页网站前台是基于前台母板页制作的,实现用户登录与注册,新闻,日记,最新注册会员,最新留言展示,站长工具,图片自由切换以及友情链接等功能。
2.2相册页面的功能实现
此页面是基于前台母板页制作的,实现了图片展示,其中图片是从数据库中读取出来的,同时实现了分页显示效果。
分为三个子网也页,分别为个人秀,美图秀和风景秀。
这三个子网的实现类似,对个人,美图以及风景展示有很好的视觉效果,其效果图如图2-1所示:
图2-1相册
2.3简历页面展示页面的功能实现
此页面主要实现从数据库中读出个人相关信息,如姓名,性别,年龄,E-mail,地址,个人免冠照等信息,其效果图如图2-2所示:
图2-2简历
2.4日志页面的功能实现
此页面实现日志展示并实现分页效果,同时有风采图片和网络日志推荐。
丰富您的文化生活。
让您在第一时间了解个人及网络日志风格,其效果图如图2-3所示:
图2-3日志
2.5新闻发布系统页面的功能实现
此页面实现新闻的分类显示,点击标题能进入详细新闻页,同时实现了显示更多新闻效果,其效果图如图2-4所示:
图2-4新闻
2.6音乐页面的功能实现
此页面实现了音乐随机播放,让你聆听优美的歌曲,放松下您的心情。
希望能带给您音乐美的感受,其效果图如图2-5所示:
图2-5音乐
2.7留言页面的功能实现
该页面实现了留言显示并实现了分页效果,同时也能留言,更好方便您的访问,希望能提出好的建议,其效果图如图2-6所示:
图2-6留言显示
2.8网址搜索页面的功能实现
该页面实现了网址搜索示,同时能点击跳转到该网站,方便您的查询与网站的浏览,其效果图如图2-7所示:
图2-7搜索
第三章网站后台主要功能实现
3.1相册管理页面的功能实现
此页面运用DropDownList、FileUpload控件实现了图片的删除与上传。
其效果图3-1所示:
图3-1相册管理
3.2简历管理页面的功能实现
该页面运用GridView控件实现对简历进行编辑和删除,管理员可以及时在线更新自己的基本信息,其效果图3-2所示:
图3-2简历管理
3.3日志管理页面的功能实现
本页面运用WebEditor编辑器及GridView控件实现了对日志发表、编辑与删除。
在发表日志后,自动生成发表时间。
为了能记下您在一天中发生的事,请您在百忙中抽取几分钟发表一篇日志,留下您的足迹。
日积月累,您的日志就多了,此时您可以对部分日志进行删除或修改。
其效果图3-3所示:
图3-3日记管理
3.4新闻管理页面的功能实现
1.新闻发布页面的功能实现
该页面为您提供服务网民的平台,您需尽早收集和发布新闻,采用用WebEditor编辑器,解决了您在新闻排版设计的烦恼,您可以随心所欲地选择内容展示设计风格样式,给网民好的视觉效果,其效果图3-4所示:
图3-4闻发布
2.新闻编辑、删除页面的功能实现
此页面实现了对新闻的编辑和删除,功能同日志的实现类似,其效果图3-5所示:
图3-5新闻编辑与删除
3.新闻类别管理页面的功能实现
此页面实现了对新闻类别的编辑和删除,功能同日志的实现类似,其效果图3-6所示:
图3-6新闻类别管理
3.5音乐管理页面的功能实现
本页面实现了对音乐进行上传,用FileUpload控件实现的,您需要在站点文件夹(sounds)中选择音乐,上传至musics文件夹中,这样您就可以在前台音乐播放器播放列表中看到您上传的歌曲。
由于您上传的歌曲很多,或许您也听腻了或者想向网民推荐些新歌,您就可以选择编辑,删除部分歌曲。
其效果图3-7所示:
图3-7音乐上传
3.6留言管理页面的功能实现
本页面实现了对留言的回复和删除,只有管理员才能进行此操作。
您需要及时回复,适当管理。
给网民搭建一个良好的沟通平台,效果图如图4-7所示:
图4-7留言管理
3.7搜索管理页面的功能实现
该页面实现搜索的增加和编辑对已有搜索关键字的修改与增加以及增加新的搜索;向数据表中插入记录实现搜索的增加,搜索关键字的修改和增加类似日志的编辑。
其效果图3-8所示:
图3-8搜索管理
第四章网站部分代码分析
4.1Webconfig配置文件
Webconfig配置文件是连接vs2005和sql2005的桥梁和纽带,它指定了数据库服务器的认证,支配着数据服务器的数据及它的安全机制。
是网站与数据库对接的核心文件。
因此,它的配置我们必需理解和掌握。
具体代码如下:
*/
//提交最大字符长度,连接超时时间
--
如果在执行请求的过程中出现未处理的错误,
则通过
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 个人主页
![提示](https://static.bdocx.com/images/bang_tan.gif)