动态网站设计报告书.doc

动态网站设计报告书设计题目：点子工程学院学生园地（No.4_Blog）学号：姓名： 班级：09网络技术4班 目录 1. 设计知识准备 1.1 静态网页与动态网页 1.2 ASP.net 3.5简介 1.3 VS2008简介 1.4 HTML文件结构 2. 硬件及软件需求准备 2.1 硬件系统 2.2 软件系统 3. 网站总体分析与设计 3.1 网站介绍 3.2 网站结构图 4. 数据库设计 4.1 数据字典 4.2 E-R设计 4.3 物理设计 5. 网站的详细设计 5.1 网站的页面设计 5.2 网站的功能实现 6. 网站的运行与实现 7 实验总结与心得体会 u 设计知识准备1、涉及课程：数据库管理及应用、网页制作、计算机公共基础等2、知识结构 （1）数据库：数据库服务器配置管理、数据库生成、数据库挂载、数据库连接、数据操作；（2）网页制作：页面布局（母板或框架）、页面美工（CSS）、页面交互及数据验证（表单或ASP.net服务控件）；（3）ASP.net（C#）：创建网站（项目）、管理网站、服务控件、ADO.NET数据访问技术（类型化DataSet或非类型化DataSet）、 C#程序设计语言；u 1.1静态网页与动态网页 1.静态网页，动态网页主要根据网页制作的语言来区分： 静态网页使用语言：HTML（超文本标记语言） 动态网页使用语言：HTMLASP 或 HTMLPHP 或 HTMLJSP 等。 2.静态网页与动态的区别 程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。 静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。 静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。 动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。 3.我们将动态网页的一般特点简要归纳如下： （1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； （3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页； （4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求 4.什么是静态网页？静态网页有哪些特点？ 在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。 静态网页的网址形式通常为： 也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。 5.我们将静态网页的特点简要归纳如下： （1）静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“？”； （2）网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件； （3）静态网页的内容相对稳定，因此容易被搜索引擎检索； （4）静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难； （5）静态网页的交互性交叉，在功能方面有较大的限制 好像看懂了,第一看后缀名,第二看是否能与服务器发生交互行为 静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。 6.静态网页与动态的区别 程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、ASP.net、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。 静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。 静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。 动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。 7. 我们将动态网页的一般特点简要归纳如下： （1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量； （2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等； （3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页； （4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求 另外,如果扩展名为.asp但却没有连数据库,完全是静态的页面,那也是静态网站.只是.asp扩展名。u 1.2. ASP.net 3.5简介在.NET Framework 3.5版本之上，微软也发布了称为ASP.NET 3.5的版本。ASP.NET 3.5相对于其前一个版本ASP.NET 2.0并没有太大的改变，但是提供了大量的新功能，比如以前作为扩展的ASP.NET AJAX、LINQ数据源控件等等。在ASP.NET中，Web页面现在也可称之为Web Form，只要愿意，使用ASP.NET能够创建与Windows桌面应用程序相似的用户界面。而且，ASP.NET Web应用程序是编译型而非解释型的Web开发技术，ASP.NET 3.5让开发人员能更容易的创建出更强大的Web应用程序。ASP.NET 3.5的特点 如果读者是一位熟悉ASP.NET 2.0的程序员，那么很快会发现，ASP.NET 3.5的绝大部分都与ASP.NET 2.0相似。其实在笔者刚接触到ASP.NET 3.5时，觉得ASP.NET 3.5就是ASP.NET 2.0+AJAX+LINQ的一个混合体，微软仍然在努力的发布其Web开发方面的一些扩展，比如MVC框架、对动态数据的支持。 ASP.NET 3.5在ASP.NET 2.0的基础上增加了如下的新特色： 提供了用于开发ASP.NET AJAX应用程序的内置的服务器控件、类型和客户端脚本库。 新的Forms身份验证，角色管理和配置文件服务。 新的ListView数据控件，用于显示数据，还可提供具有高度可自定义性的用户界面。 新的LinqDataSource控件，通过 ASP.NET 数据源控件结构公开语言集成查询（LINQ）。 新的合并工具（Aspnet_merge.exe），可用于合并预编译程序集，以灵活的方式实现部署和发布管理 提供了与IIS 7.0的集成特性。u 1.3. VS2008简介 Microsoft Visual Studio 2008是面向Windows Vista、Office 2007、Web 2.0的下一代开发工具,代号“Orcas”，是对Visual Studio 2005一次及时、全面的升级。VS2008引入了250多个新特性，整合了对象、关系型数据、XML的访问方式,语言更加简洁。使用Visual Studio 2008可以高效开发Windows应用程序。设计器中可以实时反映变更,XAML中智能感知功能可以提高开发效率。同时Visual Studio 2008支持项目模板、调试器和部署程序。Visual Studio 2008可以高效开发Web应用，集成了AJAX 1.0，包含AJAX项目模板，它还可以高效开发Office应用和Mobile应用。 VS2008的特性： VS2008软件开发更智能 Visual Studio 2008中WCF的新增功能 Visual Studio 2008中的多定向支持 让VS 2008支持Subversion 微软整合Windows Live到VisualStudio中 Visual Studio 2008中的SQL数据库发布 Visual Studio 2008加入拼写检查器 u 1.4. HTML文件结构 编写html文件的时候，必须遵循html的语法规则。一个完整的html文件由标题、段落、列表、表格、单词即嵌入的各种对象所组成。这些逻辑上统一的对象我们称为元素，html使用标签来分割并描述这些元素。实际上整个html文件就是由元素与标签组成的。 html文件结构<html>html文件开始 <head>html文件的头部开始 html文件的头部内容 </head>html文件的头部结束 <body>html文件的主体开始 html文件的主体内容 </body>html文件的主体结束 </html>html文件结束 可以看到，代码分为三部分，下面对其进行简要介绍：<html></html>：告诉浏览器html文件开始和结束，其中包含<head>和<body>标记。html文档中所有的内容都应该在两个标记之间，一个html文档总是以<html>开始，以</html>结束的。<head></head>：html文件的头部标记。<body></body>：html文件的主体标记，绝大多数内容都放置在这个区域中。通常它在</head>标记之后，而在</html>标记之前。 u 2.硬件及软件需求准备数据库：SQL server 2005及以上版本网站：VS2008以及上版本, Dreamweaver、 PowerDesigner12。浏览器：IE6.0及以上Web服务器：IIS 7.0u 2.1硬件系统装有windows 2003 系统的PC机（装有软件VS2008，Dreamweaver，SQL server 2005）或者是：windows XP的PC机（装有软件VS2010，Dreamweaver，SQL server 2005）u 2.2 软件系统1. Dreamweaver2. Microsoft Visual Studio 20083. SQL server 2005,u 3. 网站总体分析与设计Web技术高速发展，让学生有更广阔的天地，于是决定建设一个名为“电子工程学院学生园地”的园地系统，供学校师生使用。学校领导希望通过这个园地系统，来加强学校教师和学生之间的了解和交流、教师与教师之间的教学经验的分享，学生与学生之间的学习心得的分享，以及更好的展示该学校老师和学生的风采，并且希望通过园地系统的日志积累，形成丰富的教学资源库，真正促进学校的教学工作。u 3.1 网站介绍No.4_Blog博客创立于2011年6月。No.4_Blog交流网站致力于提供一个交流的平台,这里是一个精彩纷呈的在线社区。在这里，您可以通过好友结识更多的新朋友. 1.通过在 No.4_Blog上创建私人社区，您可以与不断增多的共同的朋友分享照片、日志和爱好。2.看看彼此都有哪些朋友，或者看看大家是如何联系在一起的。讨论学习的经验,畅谈生活的风趣!3.No.4_Blog是一个师生的在线社区： 朋友在这里随意交谈 同学在这里探讨经验 师生在这里交流 同学和学友在这里追忆当年 专业人士在这里拓展自己的人脉 久未谋面的朋友在这里重逢！4.我们是网站中的新鲜人，正在以最快的速度不断地开发新功能。如果您有任何意见或建议，请将反馈邮件 发送到：联系人如何使用No.4_Blog (1).首先，请 注册 并创建档案文件（您的档案文件是您在网站上的个人空间，您可以在这里向大家介绍自己的情况以及个人的爱好和兴趣。 您甚至可以上传图片和撰写日志。）u 3.2 网站结构图电子工程学院学生园地管理员模块学生园地模块浏览者模块审核注册博客学生日志审核用户登录日志分类管理管理日志相册管理管理评论用户注册浏览博客浏览日志和评论u 4. 数据库设计数据库设计 (Database Design)是指根据用户的需求，在某一具体的数据库管理系统上，设计数据库的结构和建立数据库的过程。 数据库设计是建立数据库及其应用系统的技术，是信息系统开发和建议中的核心技术。由于数据库应用系统的复杂性，为了支持相关程序运行，数据库设计就变得异常复杂，因此最佳设计不可能一蹴而就，而只能是一种“反复探寻，逐步求精”的过程，也就是规划和结构化数据库中的数据对象以及这些数据对象之间关系的过程u 4.1 数据字典 数据字典（Data dictionary）是一种用户可以访问的记录数据库和应用程序源数据的目录。主动数据字典是指在对数据库或应用程序结构进行修改时，其内容可以由DBMS自动更新的数据字典。被动数据字典是指修改时必须手工更新其内容的数据字典。 数据字典是一个预留空间，一个数据库，用来储存信息数据库本身。 数据字典可能包含的信息，例如： 数据库设计资料 储存的SQL程序 用户权限 用户统计 数据库的过程中的信息 数据库增长统计 数据库性能统计 数据字典则是系统中各类数据描述的集合,是进行详细的数据收集和数据分析所获得的主要成果.数据字典通常包括数据项数据结构数据流数据存储和处理过程五个部分. 数据字典是关于数据的信息的集合，也就是对数据流程中包含的所有元素的定义的集合. 数据字典还有另一种含义，是在数据库设计时用到的一种工具，用来描述数据库中基本表的设计，主要包括字段名、数据类型、主键、外键等描述表的属性的内容。u 4.2 E-R设计u 4.3 物理设计u 5. 网站的详细设计u 5.1 网站的页面设计页面设计主要设计和美工Dreamweaver和VS2008以及上版本软件由完成。u 5.2网站的功能实现 主要功能： 1）系统管理员系统管理员负责整个园地的日常运行和维护，园地系统给管理员提供的主要功能有：l 审核注册园地：审核新园地注册，如果新用户是本校师生，则通过审核，否则删除该注册信息；在日常维护中也可以对已经注册的用户进行管理，可以删除用户注册信息，当用户被删除时所属的园地自动删除，也可以对用户进行停用设置，当用户停用后，虽然用户还是能够登录，但系统会返回用户账号被锁定的提示，此时用户不能够进行发布日志和管理园地等操作，而只能够浏览其它园地的信息l 园地日志审核：管理员可以停止显示或者删除非法日志2）学生会员学生是学生园地的使用者，可以管理自己的园地，园地系统给他们提供了以下主要功能：l 用户注册：在主页园地中输入个人注册信息，并完成注册，个人账号等待管理员审批；当管理员审批通过后，能够登录到个人管理中心，进行园地管理l 用户密码恢复：当园地作者忘记自己登录密码时，可以通过输入密码保护答案的方式，重新获取用户密码l 用户登录：当用户输入用户名和密码后，能够进入到个人的管理中心l 日志分类管理：可以增加、删除和修改个人日志的分类 l 管理日志：用户在个人园地管理中心可以发表新日志、修改日志或者删除日志l 管理评论：用户在个人园地管理中心可以查阅评论或者删除评论l 个人相册管理：相册分类管理，可以增加、删除和修改相册分类；相片管理，可以上传个人相片：并且维护已有相片:可以删除相片，或者修改相片描述信息，设置访问权限。3）浏览者l 浏览园地：浏览者访问学生园地官方主页，通过该主页提供的各种导航连接，能浏览到每个学生和老师的个人园地，然后在个人园地中查看具体日志内容l 浏览日志和评论：浏览者可以查看具体每篇日志的详细内容，以及对该日志的所有评论u 6. 网站的运行与实现 网站运行的时候，连接相应数据库，个人任务的分工：负责主页面设计和模块的合成主页面的设计和后代代码：1.页面页面的设计：<div id="container"><div id="banner" style="padding-top:40px; border:2px; background-repeat:no-repeat; background-image:url(imges/zhuti.gif)" > <br /> <br /> <br /> </div><div id="globallink"><ul> <li><a href=index.aspx>首页</a></li><li><a href=rz.aspx>日志</a></li><li><a href=xc.aspx>相册</a></li><li><a href=PL.aspx>评论</a></li><li><a href=login.aspx>注册</a></li></ul><br> <br /></div> <div id="left" style="border:2px;"><div id="login"><form> <p style="font-size:x-large; font-family:华文行楷;"> <a href=grzx.aspx> 个人中心</a> </p> </form></div><div id="category"><h4><span>日志</span></h4><ul><li><a href=rz.aspx> 我的日志</a></li><li><a href="#">分享日志</a></li><li><a href="#">好友日志 </a></li><li><a href="#">记事本</a></li></ul><h4>相册</h4><ul><li><a href=xc.aspx>我的相册</a></li><li><a href="#">大头贴</a></li><li><a href="#">最新照片</a></li><li><a href="#">视频照片</a></li><li><a href="#">动态影集</a></li></ul><h4><span>友情链接</span></h4><ul> <li><a href="">百度</a></li> <li><a href="">自考</a></li><li><a href="">淘宝网</a></li><li><a href="">教务管理</a></li></ul></div></div><div id="main"> <asp:ContentPlaceHolder id="ContentPlaceHolder" runat="server"> </asp:ContentPlaceHolder> </div> <div id="footer">关于我们 | 友情链接 | 版权声明 <br />欢迎来到本网站！09网技4班NO.4</div></div></body></html>项目的合成：网站的运行：u 7. 实验总结与心得体会ASP.NET实训总结 1在学习过程中密切联系生活和工程实际，激发学习的求知欲，培养我们的科学精神和创新精神2在学习ASP.NET3.5实用教程过程中，处理好理论与实践的关系，培养学生理论联系实际、举一反三的良好学风。逐步形成分析和解决工程实际问题的能力。3培养学习对待工作和学习要耐心、细心和一丝不苟、精益求精的职业习惯。4通过三个程序的学习，使我的能力有大的提高，并使我有了一定的目标：A. 能力目标1) 能利用ASP.NET对网站进行简单的编辑；2) 会使用ASP.NET中的各类控件；3) 能够利用ASP.NET访问和绑定数据4) 会利用ASP.NET制作小型的动态网站最终目标：能够制作小型的销售网站B. 知识目标1) 了解ASP.NET支持的语言，及其工作原理。2) 掌握常用的HTML标记和语法，以及网站中各种对象的定义和应用；3) 了解创建Web窗体的方法；C心得体会1)平时学习要认真，有扎实的技术2)项目实训过程中小组成员一定要团结一致，互帮互助 3)促进我们的个人动手能力和同学的交际能力 4)实训过程中要听从指导老师的安排，不懂的多问老师 5)把实训的经验应用于平时的学习和生活中