个人网站实训报告aspNET 动态网站设计.docx
《个人网站实训报告aspNET 动态网站设计.docx》由会员分享，可在线阅读，更多相关《个人网站实训报告aspNET 动态网站设计.docx（14页珍藏版）》请在冰豆网上搜索。
个人网站实训报告aspNET动态网站设计
《网站开发技术》实训报告
学生姓名：
学号：
学院：
专业：
计算机应用技术
题目：
asp.NET动态网站设计——
个人网站
指导教师：
2011年12月27日
目次
1引言3
1．1web概述4
1.1.1web简介4
1.2网站介绍4
2需求分析4
2．1技术可行性4
2.2经济可行性5
2.3社会可行性5
3个人网站设计分析5
3．1架设网站的目的及要求5
3．2功能划分5
3.3功能描述5
3.3.1主页6
3.3.2留言板6
3.3.3日志6
3.3.4相册6
3.3.5关于我7
3．4页面组织和数据库设计7
4数据库设计7
4．1数据库概念设计7
4．2数据库表设计8
4.2.1个人基本信息表8
4.2.2留言表8
4.2.3相册表9
4.2.4照片表9
4.2.5日志表9
4．3连接数据库10
5网站设计10
5．1功能流程图11
5．2页面设计11
5.2.1个人主页11
5.2.2留言板11
5.2.3日志12
5.2.4相册12
5.2.5个人信息12
6代码设计13
6.1日志13
结论15
致谢16
1引言
在科学技术飞速发展的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命。
目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。
网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。
随着网络技术的发展，各类网站纷纷出现。
个人网站也成为了一种时尚。
越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。
1．1web概述
1.1.1web简介
Web（WorldWideWeb，简称WWW，又称万维网）是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。
在信息技术领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。
Web界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。
只要你愿意或是你能想到的服务，Web几乎都能实现。
1.2网站介绍
个人网站强调展示个人风采、优点与特色，可以通过基本信息了解我，也可以了解到我发布的个人的心情、个人日志，以及所想要分享的图片信息，浏览者可以根据需要上传相关信息的图片，还可以根据个人感想进行留言或对留言进行回复，以及并且。
因此我将自己的个人网站分为五个栏目，分别是主页、关于我、相册、日志、留言版。
2需求分析
2．1技术可行性
网站的开发工具选择了ASP.Net。
ASP.NET完全基于模块与组件，具有更好的可扩展性与可定制性，数据处理方面更是引入了许多激动人心的新技术，这些具有革新意义的新特性提供给Web开发更好的灵活性，有效的缩短了Web应用程序的开发周期。
网站的数据库系统采用的是SQLserver的管理和开发入手都比较方便，性价比较高并且和.Net集成效果的更好，很合适用于Windows应用的后台数据库。
这些都是当前普遍采用，确实可行的技术，因此系统的开发具有很高的技术可行性。
2.2经济可行性
1.系统的投入费用：
大部分电脑及硬件设备已经符合要求，无需增加新的投入。
2.系统的效益分析：
个人网站不追求经济利益，但是带来了巨大的工作效率，从另一个角度看，提升了工作效率也就带来了巨大的效益。
2.3社会可行性
作为学校最外的窗口，个人网站成为每个人的标准配置，已成为提高学校品牌形象的重要内容。
3个人网站设计分析
3．1架设网站的目的及要求
通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：
为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。
3．2功能划分
网站设计有信息更新，浏览者可以在首页浏览自己喜欢的信息，并且可以在留言板和大家交流，也可以对相册进行删除、添加、修改。
站内的其它页面均是我自己的精心收藏，与大家一起分享。
3.3功能描述
图3.1用户流程图
采用模块化、自顶向下的基本思想，以网站的设计思想为基础，对网站功能进行细化。
说明如下：
3.3.1主页
嵌入母版页，使用在本站首页显示今日最新动态，供浏览者浏览，以及快速进入想要浏览页面。
3.3.2留言板
一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。
就我们感兴趣的话题展开讨论。
和大家进行沟通
3.3.3日志
在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。
奇文共欣赏，疑义相与析。
我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。
3.3.4相册
在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏目。
让大家一起来欣赏人物、风景风采。
并且可以对相册进行添加、删除、修改。
以及照片的上传、删除。
3.3.5关于我
在其中展示我的个人信息，包括我的照片、我的姓名、我的爱好等。
让大家一览我的基本信息，以及个人性格特点。
3．4页面组织和数据库设计
在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。
如果网站结构不清晰，目录庞杂，内容东一块西一块。
结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。
网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？
栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。
4数据库设计
4．1数据库概念设计
在此网站中提供了个人主页、相册、留言板、日志、等项目。
各实体属性图如下所示：
图4.1用户属性实体图
图4.2用户属性实体图
图4.3用户属性实体图
4．2数据库表设计
使用SQLserver实现关系型数据库。
4.2.1个人基本信息表
存储了用户的信息，包括：
姓名，性别，密码，年龄等信息。
表4-1
表名
Aboutme
列名
nicheng
sex
nianling
sports
color
person
food
qita
touxiang
数据类型
Varchar
（20）
Char
（2）
int
Varchar
（30）
Varchar
（30）
Varchar
（30）
Varchar
（30）
Varchar
（30）
Varchar
（30）
允许空
是
是
是
是
是
是
是
是
是
4.2.2留言表
存储了用户的档案包括：
ID,留言内容，回复留言其中ID为该表的主关键字。
表4-2
表名
Liuyan
列名
id
留言
回复
数据类型
int
varchar（50）
varchar（50）
允许空
否
是
是
4.2.3相册表
一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到站长的个人风采和自己喜欢的图片。
表4-3
表名
Photo
列名
Id
Name
Photo
数据类型
int
varchar（50）
varchar（50）
允许空
否
是
是
4.2.4照片表
集合各个相册的照片，存放所有照片。
表4-4
列名
id
type
image
photoName
数据类型
int
varchar（50）
varchar（50）
varchar（50）
允许空
否
是
是
是
4.2.5日志表
一篇篇日志记录了我的每一天的生活，记录了我的每一天的喜怒哀乐，欢迎各位朋友与我分享这些。
表4-5
表名
logbook
列名
Id
title
theme
数据类型
int
varchar（50）
ntext
允许空
否
是
是
表4-6
表名
draftbox
列名
Id
title
theme
数据类型
int
varchar（50）
ntext
允许空
否
是
是
4．3连接数据库
在上面，我们已经为我们的程序创建了一个数据库，在这里，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。
一起看以下代码，这就是ASP程序中常用的连接数据库的代码
<% '这是ASP程序的起始
setconn=server.createobject（"adodb.connection"） '在服务器上创建了一个连接数据库的对象
connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath（"data.mdb"） '告诉ASP数据库的连接方法以及路径
conn.openconnstr '创建了对象后就用来打开数据库进行连接
%> '一切OK了!
结束ASP程序
5网站设计
网站设计的主要任务是在系统初步设计的基础上，将设计方案进一步的具体化、条理化和规范化。
主要包括：
系统模块功能介绍、功能模块详图以及主要功能模块详细设计三部分。
5．1功能流程图
图4.1功能模块图
5．2页面设计
5.2.1个人主页
将个人信息以及，其他最新消息展现在主界面。
5.2.2留言板
是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。
就我们感兴趣的话题展开讨论。
和大家进行沟通。
利用SQL语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答。
意见留言结果网页会自动刷新。
同时还具备查看留言和发表留言两个功能.
图2
5.2.3日志
是一个记录个人日记和精品收藏文章的地方，供给大家一起分享。
利用ASP对象语句分类显示日记或文章记录，让大家浏览到最新的日记或文章。
5.2.4相册
存储了用户的信息，包括：
姓名，性别，密码，年龄等信息。
图1
5.2.5个人信息
利用ASP对象语句显示图片，让大家可以看见所有图片的缩略图，同时每个图片都有快照功能，可以浏览图片的全图。
图3
6代码设计
6.1日志
ProtectedvoidDataList1_ItemCommand（objectsource,System.Web.UI.WebControls.DataListCommandEventArgse）{Stringconstr=ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;
SqlConnectionconn=newSqlConnection（constr）;
SqlCommandcom=conn.CreateCommand（）;
stringno;
stringtle;
stringtme;
switch（e.CommandName）
{case"udo":
no=（（Label）e.Item.FindControl（"Label1"））.Text;
com.CommandText="select*fromlogbookwhereid='"+no+"'";
SqlDataAdapterda=newSqlDataAdapter（）;
da.SelectCommand=com;
DataSetds=newDataSet（）;
da.Fill（ds,"logbook"）;
ViewState["id"]=no;
tle=ds.Tables["logbook"].Rows[0]["title"].ToString（）;
tme=ds.Tables["logbook"].Rows[0]["theme"].ToString（）;
tle=（（TextBox）e.Item.FindControl（"TextBox1"））.Text;
tme=（（TextBox）e.Item.FindControl（"TextBox2"））.Text;
com.CommandText="updatelogbooksettitle='"+tle+"',theme='"+tme+"'whereid='"+no+"'";
try
{conn.Open（）;
com.ExecuteNonQuery（）;}
catch
{Response.Write（""）;}
finally
{conn.Close（）;}
DataList1.EditItemIndex=-1;
break;
case"return":
DataList1.EditItemIndex=-1;
break;}
databind（）;
}
结论
经过老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大量的学习资料，经过近一段时间的努力，个人网站的设计制作告一段落。
总结这次“个人主页”开发制作过程，我们综合使用了目前因特网上比较流行的各种静态制作方法及交互式动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应与生成网页的技术。
同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。
对用Javascript语言制作动态效果也有了更进一步的认识。
在网页设计学会了如何使用SQLserver建立数据库，以及对数据库浏览，添加。
如何用ASP编写程序来方便用户在网上查看网站各方面的信息和交流。
以及跟好的展示个人的风采、特点。
在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。
我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；我现在已经熟练使用超级链接，合理使用列表；我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。
最后，我感受最深的是：
要想做好一个网站，素材和技能都十分重要。
好的素材需要多方查找资料，可以从图书、网站和新闻上查找。
好的技能需要不断的实践，经常锻炼做网页。
如果拥有好的素材和精湛的技能就可以做出精湛的网页。
致谢
弹指一挥间，实训已经接近了尾声。
我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。
在完成了网站设计的过程中，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。
我很感谢我的指导老师。
在实训期间，他总是不辞辛苦的指导我们，督促我们，并为我们提出了许多宝贵的意见和建议，让我们少走了许多弯路，并且让我能够按照要求逐步完善项目，最终顺利完成了实训作业。
在此，向杨老师致以诚挚的感谢。
另外，在技术方面，由于自己对的开发比不是很熟悉，开发经验欠缺，这就难免遇到很多技术难题，在这个过程中，很多同学都给了我很多帮助，我很感谢他们，没有他们的帮助，我是没有办法完成项目的。
大学生活马上就要结束了，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意!
最后我还要感谢培养我长大含辛茹苦的父母，谢谢你们!
你们的教诲将伴随我的一生，给予我最大的人生动力！
我不能不感谢09计算机班的每一位同学和老师，跟你们在一起学习、生活，让我感受到了家的温暖！
升级会员 