个人网站实训报告---aspNET 动态网站设计

《网站开发技术》实训报告
学生姓名：学号：
学院：
专业：计算机应用技术
题目： 动态网站设计——
个人网站
指导教师：
2011 年 12 月27日
目次
1 引言 (3)
1．1 web概述 (3)
1.1.1 web简介 (3)
1.2网站介绍 (3)
2 需求分析 (3)
2．1 技术可行性 (3)
2.2 经济可行性 (4)
2.3 社会可行性 (4)
3 个人网站设计分析 (4)
3．1 架设网站的目的及要求 (4)
3．2 功能划分 (4)
3.3 功能描述 (4)
3.3.1 主页 (5)
3.3.2 留言板 (5)
3.3.3 日志 (5)
3.3.4 相册 (5)
3.3.5 关于我 (6)
3．4 页面组织和数据库设计 (6)
4 数据库设计 (6)
4．1 数据库概念设计 (6)
4．2 数据库表设计 (7)
4.2.1 个人基本信息表 (7)
4.2.2 留言表 (8)
4.2.3 相册表 (8)
4.2.4 照片表 (8)
4.2.5 日志表 (9)
4．3 连接数据库 (9)
5 网站设计 (10)
5．1 功能流程图 (10)
5．2 页面设计 (10)
5.2.1 个人主页 (10)
5.2.2 留言板 (11)
5.2.3 日志 (11)
5.2.4 相册 (12)
5.2.5 个人信息 (12)
6 代码设计 (12)
6.1 日志 (12)
结论 (14)
致谢 (15)
1 引言
在科学技术飞速发展的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命。

目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。

网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。

随着网络技术的发展，各类网站纷纷出现。

个人网站也成为了一种时尚。

越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

1．1 web概述
1.1.1 web简介
Web(World Wide Web，简称WWW，又称万维网)是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。

在信息技术领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。

Web界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。

只要你愿意或是你能想到的服务，Web几乎都能实现。

1.2网站介绍
个人网站强调展示个人风采、优点与特色，可以通过基本信息了解我，也可以了解到我发布的个人的心情、个人日志，以及所想要分享的图片信息，浏览者可以根据需要上传相关信息的图片，还可以根据个人感想进行留言或对留言进行回复，以及并且。

因此我将自己的个人网站分为五个栏目，分别是主页、关于我、相册、日志、留言版。

2 需求分析
2．1 技术可行性
网站的开发工具选择了。

完全基于模块与组件，具有更好的可
扩展性与可定制性，数据处理方面更是引入了许多激动人心的新技术，这些具有革新意义的新特性提供给 Web开发更好的灵活性，有效的缩短了Web应用程序的开发周期。

网站的数据库系统采用的是SQL server的管理和开发入手都比较方便，性价比较高并且和.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 数据库表设计
使用SQL server 实现关系型数据库。

4.2.1 个人基本信息表
存储了用户的信息，包括：姓名，性别，密码，年龄等信息。

表4-1
表名 Aboutme
列名 nicheng sex nianling sports color
person
food
qita
touxiang
数据
Varchar
Cha
int
Varchar Varchar Varchar Varchar Varchar Varchar
相册
名称
类型
图片
Id
日志
草稿
标题
内容
Id
类型(20) r
(30) (30) (30) (30) (30) (30)
(2)
是是是是是是是是是
允许
空
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程序中常用的连接数据库的代码<connectionStrings> <add name="ConnectionString" connectionString="data
source=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\Database.mdf;Integra ted security=true;user instance=true"/>
</connectionStrings>
<% '这是ASP 程序的起始
set conn=server.createobject("adodb.connection") '在服务器上创建了一个连接数据库的对象
connstr="Provider=Microsoft.jet.oledb.4.0;data
source="&server.mappath("data.mdb") '告诉ASP 数据库的连接方法以及路径 conn.open connstr '创建了对象后就用来打开数据库进行连接 %> '一切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 日志
Protected void DataList1_ItemCommand(object source,
System.Web.UI.WebControls.DataListCommandEventArgs e)
{Stringconstr=ConfigurationManager.ConnectionStrings["ConnectionS
tring"].ConnectionString;
SqlConnection conn = new SqlConnection(constr);
SqlCommand com = conn.CreateCommand();
string no;
string tle;
string tme;
switch (mandName)
{ case "udo":
no = ((Label)e.Item.FindControl("Label1")).Text;
mandText = "select * from logbook where id='" + no + "'";
SqlDataAdapter da = new SqlDataAdapter();
da.SelectCommand = com;
DataSet ds = new DataSet();
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;
mandText = "update logbook set title='" + tle + "',theme='" + tme + "'where id='" + no + "'";
try
{ conn.Open();
com.ExecuteNonQuery();}
catch
{ Response.Write("<script>alert('数据格式出错,数据未被更
新')</script>"); }
finally
{ conn.Close(); }
DataList1.EditItemIndex = -1;
break;
case "return":
DataList1.EditItemIndex = -1;
break; }
databind();
}
结论
经过老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大量的学习资料，经过近一段时间的努力，个人网站的设计制作告一段落。

总结这次“个人主页”开发制作过程，我们综合使用了目前因特网上比较流行的各种静态制作方法及交互式动态网站的制作设计手段，并对初步利用后台程序完成了网站的动态响应与生成网页的技术。

同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。

对用Javascript语言制作动态效果也有了更进一步的认识。

在网页设计学会了如何使用SQL server建立数据库，以及对数据库浏览，添加。

如何用ASP编写程序来方便用户在网上查看网站各方面的信息和交流。

以及跟好的展示个人的风采、特点。

在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。

我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；我现在已经熟练使用超级链接，合理使用列表；我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。

最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。

好的素材需要多方查找资料，可以从图书、网站和新闻上查找。

好的技能需要不断的实践，经常锻炼做网页。

如果拥有好的素材和精湛的技能就可以做出精湛的网页。

致谢
弹指一挥间，实训已经接近了尾声。

我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。

在完成了网站设计的过程中，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。

我很感谢我的指导老师。

在实训期间，他总是不辞辛苦的指导我们，督促我们，并为我们提出了许多宝贵的意见和建议，让我们少走了许多弯路，并且让我能够按照要求逐步完善项目，最终顺利完成了实训作业。

在此，向杨老师致以诚挚的感谢。

另外，在技术方面，由于自己对的开发比不是很熟悉，开发经验欠缺，这就难免遇到很多技术难题，在这个过程中，很多同学都给了我很多帮助，我很感谢他们，没有他们的帮助，我是没有办法完成项目的。

大学生活马上就要结束了，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意!最后我还要感谢培养我长大含辛茹苦的父母，谢谢你们! 你们的教诲将伴随我的一生，给予我最大的人生动力！
我不能不感谢09计算机班的每一位同学和老师，跟你们在一起学习、生活，让我感受到了家的温暖！。