NET动态网页设计报告

ASP.NET3.5网站开发实例教程实验报告题目：网站的开发与设计学院：管理与经济学院专业：信息管理与信息系统学号：2012XXXX姓名：XXXX联系方式：XXXXXXXX指导老师：XXXXX目录一、摘要二、需求分析三、概念结构设计四、数据库的设计五、功能设计六、程序设计七、总结正文摘要：网站是一个企业不可缺少的部分,它的内容对于决策者和管理者来说都至关重要,所以网站应该能够为用户提供充足的信息和快捷的查询手段。随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。网站作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高网站的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。当前，使用的较为普遍的网站开发技术，主要是以ASP为主，ASP是Activeserverpage的缩写，意为“活动服务器网页”。在此论文中，以C#作为编程语言，以VS2008作为开发环境，进行ASP.NET动态网页设计和网站开发。二、需求分析在网络经济与电子商务迅猛发展的今天，越来越多的企业认识到建立网站的必要性。网站是展示自己产品和提升企业形象的网络平台。但是如何有效地发布产品信息、服务信息和企业信息，在各种资源调配上做到管理有序，这都是对企业网络平台的重大挑战。本文通过MicrosoftVisualStudio这款软件，设计一个有关于卖电脑的网站，我认为中小企业网站主要的栏目和功能应该包括：企业简介，让用户了解企业文化、理念、历史和规模；联系方式让用户便于与企业及时沟通；还有介绍产品的图片、规格、价格、功能等信息。所以我设计的页面主要包括主页和产品列表等功能。三、概念结构设计3.1系统的的E-R图，每个实体及属性如下：新闻信息表：流水号、新闻标题、新闻内容、新闻类别、添加时间、阅读次数。新闻类别表：流水号、新闻类别。产品表：流水号、产品名称、产品价格、产品图片、产品类别、产品介绍。用户表：用户名、密码、真实姓名、电话、地址、邮编3.1下面是用visio画的E-R图新闻所属新闻类别产品所属产品类型用户订购浏览NININNNN三、数据库的设计在上图所示的E-R图中，有5个实体、2个多对多联系和2个一对多联系。由于每个实体可以用一张表表示，每个多对多联系也可以用一张表表示，而一对多则不需要建新表，所以，把E-R图转化为数据库的6张表就可以了。这6张表分别是新闻信息表、新闻类别表、产品表、产品类别表、订单表和用户表。表的结构如下表所示：新闻信息表列名数据类型长度说明流水号Bigint8主键新闻标题Nvarchar50新闻内容Ntext16新闻类别Nvarchar10外键添加时间smalldatetime4阅读次数Int4默认为0新闻类别表列名数据类型长度说明流水号Bigint8主键新闻类别Nvarchar50产品表列名数据类型长度说明流水号Bigint8主键产品名称Nvarchar50产品价格Int4产品图片Varchar50图片文件产品类别Varchar10外键产品介绍Ntext16产品类别表列名数据类型长度说明流水号Bigint8主键产品类别Nvarchar10用户表列名数据类型长度说明用户名Nvarchar20主键密码Nvarchar10真实姓名Nvarchar50电话Nvarchar50地址Nvarchar50邮编Nvarchar6管理员标志Bit1默认0，表示一般用户订单表列名数据类型长度说明流水号Bigint8主键产品流水号Bigint8订购数量Int4用户名Nvarchar20订购日期Datetime8处理标志Bit1默认0，表示未处理四、功能设计网站的功能包括：产品、新闻、联系我们、产品订购、产品管理、产品添加、新闻管理、新闻添加、订单管理等，如下图所示五、程序设计首先运用的是MicrosoftVisualStudio2008，新建网站。在【资源管理器】中，用鼠标右键单击网站名，选择【添加新项】，在弹出的对话框中选择【SQLServer数据库】模板，创建数据库。1、设置数据库的连接信息链接代码：connectionStringsaddname=ApplicationServicesconnectionString=DataSource=.\SQLEXPRESS;AttachDbFilename=G:\App_Data\shihaipengDatabase.mdf;IntegratedSecurity=True;UserInstance=TrueproviderName=System.Data.SqlClient/addname=ConnectionStringconnectionString=DataSource=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\shihaipengDatabase.mdf;IntegratedSecurity=True;UserInstance=TrueproviderName=System.Data.SqlClient//connectionStrings建立结果：2、BaseClass.cs类的创建在【资源管理器】中，用鼠标右键单击网站名，选择【添加新项】，在弹出的对话框中选择【类】模板，创建shihaipengBaseClass.cs类。3、母版页的设计在【资源管理器】中，用鼠标右键单击网站名，选择【添加新项】，在弹出的对话框中选择【母版页】模板，创建母版页。部分代码：bodyformid=form1runat=serverasp:ScriptManagerID=ScriptManager1runat=server/asp:ScriptManagerdivid=maindivdivid=HeadDivbr/br/br/br/br/您是第strongstyle=font-size:14pt;color:Red;%=Application[counter]%/strong位访问者！br//divdivid=MenuDiv|asp:HyperLinkID=HyperLink2runat=serverNavigateUrl=~/Default.aspx首页/asp:HyperLink|asp:HyperLinkID=HyperLink3runat=serverNavigateUrl=~/shihaipengbout.aspx关于公司/asp:HyperLink|asp:HyperLinkID=HyperLink4runat=serverNavigateUrl=~/shihaipengshownews.aspx新闻/asp:HyperLink|asp:HyperLinkID=HyperLink5runat=serverNavigateUrl=~/shihaipengshowpros.aspx产品/asp:HyperLink|asp:HyperLinkID=HyperLink6runat=serverNavigateUrl=~/shihaipengaddress.aspx联系我们/asp:HyperLink|/divdivid=ContenDivstyle=background-color:#ffffff;asp:ContentPlaceHolderid=ContentPlaceHolder1runat=server/asp:ContentPlaceHolder/divdivid=EndimageDiv/divdivid=EndDivasp:HyperLinkID=HyperLink1runat=serverNavigateUrl=Default.aspx管理入口/asp:HyperLinkbr/CopyRight@copy;2008-2009xingkongsoftAllRightReserved.br/星空软件研究室版权所有E-mail:[e-mail]/div/div/form/body运行结果：4、默认主页的设计部分代码：5、新闻列表的设计部分代码：divclass=divtabletopstyle=width:356px;height:19px::企业新闻asp:HyperLinkID=HyperLink3runat=serverNavigateUrl=shihaipengshownews.aspx?id=企业新闻More/asp:HyperLink/divdivclass=divtablebodystyle=width:356px;height:135pxasp:GridViewID=GridView1runat=serverHeight=131pxPageSize=6ShowHeader=FalseWidth=336pxGridLines=NoneAutoGenerateColumns=FalseFont-Overline=FalseCssClass=fontFont-Italic=Falseonselectedindexchanged=GridView1_SelectedIndexChangedDataKeyNames=流水号DataSourceID=SqlDataSource1Columnsasp:BoundFieldDataField=流水号HeaderText=流水号ReadOnly=TrueSortExpression=流水号/asp:BoundFieldDataField=新闻标题HeaderText=新闻标题SortExpression=新闻标题/asp:BoundFieldDataField=添加时间HeaderText=添加时间SortExpression=添加时间//Columns/asp:GridViewasp:SqlDataSourceID=SqlDataSource1runat=serverConnectionString=%$ConnectionStrings:ConnectionString%SelectCommand=SELECT[流水号],[新闻标题],[添加时间]FROM[shihaipeng新闻信息表]WHERE新闻类别='企业新闻'/asp:SqlDataSource/div.......divclass=divtabletopstyle=width:357px;height:19px::行业新闻asp:HyperLinkID=HyperLink2runat=serverNavigateUrl=shihaipengshownews.aspx?id=行业新闻More/asp:HyperLink/divdivclass=divtablebodystyle=width:357px;height:135pxasp:GridViewID=GridView2runat=serverHeight=131pxPageSize=6ShowHeader=FalseWidth=336pxGridLines=NoneAutoGenerateColumns=FalseCssClass=fontDataKeyNames=流水号DataSourceID=SqlDataSource2Columnsasp:BoundFieldDataField=流水号HeaderText=流水号ReadOnly=TrueSortExpression=流水号/asp:BoundFieldDataField=新闻标题HeaderTex