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

1、个人网站实训报告aspNET 动态网站设计 网站开发技术实训报告学生姓名： 学 号： 学 院： 专 业： 计算机应用技术 题 目： asp.NET 动态网站设计 个人网站 指导教师： 2011 年 12 月27日目次1 引言 311 web概述 41.1.1 web简介 41.2网站介绍 42 需求分析 421 技术可行性 42.2 经济可行性 52.3 社会可行性 53 个人网站设计分析 531 架设网站的目的及要求 532 功能划分 53.3 功能描述 53.3.1 主页 63.3.2 留言板 63.3.3 日志 63.3.4 相册 63.3.5 关于我 734 页面组织和数据库设计 74

2、 数据库设计 741 数据库概念设计 742 数据库表设计 84.2.1 个人基本信息表 84.2.2 留言表 84.2.3 相册表 94.2.4 照片表 94.2.5 日志表 943 连接数据库 105 网站设计 1051 功能流程图 1152 页面设计 115.2.1 个人主页 115.2.2 留言板 115.2.3 日志 125.2.4 相册 125.2.5 个人信息 126 代码设计 136.1 日志 13结 论 15致 谢 161 引言在科学技术飞速发展的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家

3、，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。11 web概述1.1.1 web简介Web(World Wide Web，简称WWW，又称万维网)是目前Internet上应用最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。在信息技

4、术领域中，Web技术几乎汇集了当前信息处理的所有技术手段，以求最大限度地满足人性化的特点。Web界面五颜六色，既有文字、彩图、动画、声音、视频和一些相关信息或目录摘要，还可根据需要进入你想去的任何地方。只要你愿意或是你能想到的服务，Web几乎都能实现。1.2网站介绍个人网站强调展示个人风采、优点与特色，可以通过基本信息了解我，也可以了解到我发布的个人的心情、个人日志，以及所想要分享的图片信息，浏览者可以根据需要上传相关信息的图片，还可以根据个人感想进行留言或对留言进行回复，以及并且。因此我将自己的个人网站分为五个栏目，分别是主页、关于我、相册、日志、留言版。2 需求分析21 技术可行性网站的开

5、发工具选择了ASP.Net。ASP.NET完全基于模块与组件，具有更好的可扩展性与可定制性，数据处理方面更是引入了许多激动人心的新技术，这些具有革新意义的新特性提供给 Web开发更好的灵活性，有效的缩短了Web应用程序的开发周期。网站的数据库系统采用的是SQL server的管理和开发入手都比较方便，性价比较高并且和.Net集成效果的更好，很合适用于Windows应用的后台数据库。这些都是当前普遍采用，确实可行的技术，因此系统的开发具有很高的技术可行性。2.2 经济可行性1.系统的投入费用：大部分电脑及硬件设备已经符合要求，无需增加新的投入。2.系统的效益分析：个人网站不追求经济利益，但是带来

6、了巨大的工作效率，从另一个角度看，提升了工作效率也就带来了巨大的效益。2.3 社会可行性作为学校最外的窗口，个人网站成为每个人的标准配置，已成为提高学校品牌形象的重要内容。3 个人网站设计分析31 架设网站的目的及要求通常情况下，架设个人网站主要是为了通过互联网表达个人在商业、科技、交际、生活等方面的信息需求或者进行信息的交流，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让大家和我一起分享我的心得与经验，让和我有共同爱好的朋友有一个倾诉的地方。32 功能划分网站设计有信息更新，浏览者可以在首页浏览自己喜欢的信息，并且可以在留言板和大家交流，也可以对相册进行删除、添加、修改。站

7、内的其它页面均是我自己的精心收藏，与大家一起分享。3.3 功能描述图3.1 用户流程图采用模块化、自顶向下的基本思想，以网站的设计思想为基础，对网站功能进行细化。说明如下：3.3.1 主页嵌入母版页，使用在本站首页显示今日最新动态，供浏览者浏览，以及快速进入想要浏览页面。3.3.2 留言板一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通3.3.3 日志在其中展示我喜爱的东西，包括我的日记、精品文章、社会文化和一些杂七杂八的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家

8、共同来欣赏。3.3.4 相册在其中展示漂亮的图片，包括我的照片、我的同学、风景照片、妹眉帅哥栏目。让大家一起来欣赏人物、风景风采。并且可以对相册进行添加、删除、修改。以及照片的上传、删除。3.3.5 关于我在其中展示我的个人信息，包括我的照片、我的姓名、我的爱好等。让大家一览我的基本信息，以及个人性格特点。34 页面组织和数据库设计在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的

9、题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。4 数据库设计41 数据库概念设计在此网站中提供了个人主页、相册、留言板、日志、等项目。各实体属性图如下所示：图4.1 用户属性实体图图4.2 用户属性实体图图4.3 用户属性实体图42 数据库表设计使用SQL server 实现关系型数据库。4.2.1 个人基本信息表存储了用户的信息，包括：姓名，性别，密码，年龄等信息。表4-1表名Aboutme列名nichengsexnianlingsportscolorpersonfoodqitato

10、uxiang数据类型Varchar(20)Char(2)intVarchar(30)Varchar(30)Varchar(30)Varchar(30)Varchar(30)Varchar(30)允许空是是是是是是是是是4.2.2 留言表存储了用户的档案包括：ID,留言内容，回复留言其中ID为该表的主关键字。表4-2表名Liuyan列名id留言回复数据类型intvarchar(50)varchar(50)允许空否是是4.2.3 相册表一个个人相片和精彩图片展示的地方，在相册中，我们可以了解到站长的个人风采和自己喜欢的图片。表4-3表名Photo列名IdNamePhoto数据类型intvarcha

11、r(50)varchar(50)允许空否是是4.2.4 照片表集合各个相册的照片，存放所有照片。表4-4列名idtypeimagephotoName数据类型intvarchar(50)varchar(50)varchar(50)允许空否是是是4.2.5 日志表 一篇篇日志记录了我的每一天的生活，记录了我的每一天的喜怒哀乐，欢迎各位朋友与我分享这些。表4-5表名logbook列名Idtitletheme数据类型intvarchar(50)ntext允许空否是是表4-6表名draftbox列名Idtitletheme数据类型intvarchar(50)ntext允许空否是是43 连接数据库在上面，

12、我们已经为我们的程序创建了一个数据库，在这里，我们来用ASP把程序和数据库连接起来，以后就可以连接到数据库、在ASP中显示数据库中的数据以及更复杂的插入、修改和删除。一起看以下代码，这就是ASP程序中常用的连接数据库的代码 一切OK了!结束ASP程序5 网站设计网站设计的主要任务是在系统初步设计的基础上，将设计方案进一步的具体化、条理化和规范化。主要包括：系统模块功能介绍、功能模块详图以及主要功能模块详细设计三部分。51 功能流程图图 4.1 功能模块图52 页面设计5.2.1 个人主页将个人信息以及，其他最新消息展现在主界面。5.2.2 留言板是一个我与大家谈心交流的地方，在留言板中，我们可

13、以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。利用SQL语法过滤特定的用户留言意见，让站长可以针对某位特定用户所发表的意见作出独立的回答。意见留言结果网页会自动刷新。同时还具备查看留言和发表留言两个功能.图 25.2.3 日志是一个记录个人日记和精品收藏文章的地方，供给大家一起分享。利用ASP对象语句分类显示日记或文章记录，让大家浏览到最新的日记或文章。5.2.4 相册存储了用户的信息，包括：姓名，性别，密码，年龄等信息。图 15.2.5 个人信息利用ASP对象语句显示图片，让大家可以看见所有图片的缩略图，同时每个图片都有快照功能，可以浏览图片的全图。图 36 代码设

14、计6.1 日志Protected void DataList1_ItemCommand(object source, System.Web.UI.WebControls.DataListCommandEventArgs e) Stringconstr=ConfigurationManager.ConnectionStringsConnectionString.ConnectionString; SqlConnection conn = new SqlConnection(constr); SqlCommand com = conn.CreateCommand(); string no; str

15、ing tle; string tme; switch (e.CommandName) case udo: no = (Label)e.Item.FindControl(Label1).Text; com.CommandText = select * from logbook where id= + no + ; SqlDataAdapter da = new SqlDataAdapter(); da.SelectCommand = com; DataSet ds = new DataSet(); da.Fill(ds, logbook); ViewStateid = no; tle = ds

16、.Tableslogbook.Rows0title.ToString(); tme = ds.Tableslogbook.Rows0theme.ToString(); tle = (TextBox)e.Item.FindControl(TextBox1).Text; tme = (TextBox)e.Item.FindControl(TextBox2).Text; com.CommandText = update logbook set title= + tle + ,theme= + tme + where id= + no + ; try conn.Open(); com.ExecuteN

17、onQuery(); catch Response.Write(alert(数据格式出错,数据未被更新); finally conn.Close(); DataList1.EditItemIndex = -1; break; case return: DataList1.EditItemIndex = -1; break; databind(); 结 论经过老师耐心细致的指导，及同学之间的相互交流，同时翻阅了大量的学习资料，经过近一段时间的努力，个人网站的设计制作告一段落。总结这次“个人主页”开发制作过程，我们综合使用了目前因特网上比较流行的各种静态制作方法及交互式动态网站的制作设计手段，并对

18、初步利用后台程序完成了网站的动态响应与生成网页的技术。同时也从中学习了对静态页面的处理风格，色彩搭配，页面导航方面有了一定经验。对用Javascript语言制作动态效果也有了更进一步的认识。在网页设计学会了如何使用SQL server建立数据库，以及对数据库浏览，添加。如何用ASP编写程序来方便用户在网上查看网站各方面的信息和交流。以及跟好的展示个人的风采、特点。在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面的书，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；我现在已经熟练使用超级链接，

19、合理使用列表；我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。致 谢弹指一挥间，实训已经接近了尾声。我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有价值的东西。在完成了网站设计的过程中，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。我很感谢我的指导老师。在实训期间，他总是不辞辛苦的指导我们，督促我们

20、，并为我们提出了许多宝贵的意见和建议，让我们少走了许多弯路，并且让我能够按照要求逐步完善项目，最终顺利完成了实训作业。在此，向杨老师致以诚挚的感谢。另外，在技术方面，由于自己对的开发比不是很熟悉，开发经验欠缺，这就难免遇到很多技术难题，在这个过程中，很多同学都给了我很多帮助，我很感谢他们，没有他们的帮助，我是没有办法完成项目的。大学生活马上就要结束了，有多少可敬的师长、同学、朋友给了我无言的帮助，在这里请接受我诚挚的谢意!最后我还要感谢培养我长大含辛茹苦的父母，谢谢你们! 你们的教诲将伴随我的一生，给予我最大的人生动力！ 我不能不感谢09计算机班的每一位同学和老师，跟你们在一起学习、生活，让我感受到了家的温暖！