ASPNET动态网站设计与实现以一个真实运行的网站为案例-教学课件-丁桂芝-张臻-第7章.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《ASPNET动态网站设计与实现以一个真实运行的网站为案例-教学课件-丁桂芝-张臻-第7章.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- ASPNET 动态 网站 设计 实现 一个 真实 运行 案例 教学 课件 丁桂芝
- 资源描述:
-
1、在线教务辅导网:在线教务辅导网:http:/教材其余课件及动画素材请查阅在线教务辅导网教材其余课件及动画素材请查阅在线教务辅导网QQ:349134187 或者直接输入下面地址:或者直接输入下面地址:http:/2第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 由于实际的“科技服务咨询管理系统”网站包含的网页文件达1百多个,在一本书中不可能都介绍过来。因此,本书我们只挑选部分有代表性的网页及相关文件进行介绍。在制作网页之前,我们首先要创建一个ASP.NET网站,即“科技服务咨询管理系统”网站,其操作如下。1启动“Visual Studio 2008”,在Visual St
2、udio 2008集成开发环境中,选 择【文件】【新建】【网站】命令,或者直接单 击工具栏上的【新建网站】按钮,在屏幕上会打开一个 “新建网站”对话框,如右 图所示。3第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 2在“Visual Studio已安装的模板”中单击“ASP.NET 网站”,在“位置”下拉菜单中选择“文件系统”,然后输入要保存网站的文件夹名称,也可以通过单击【浏览】按钮,打开“选择位置”对话框,在该对话框左侧的网站类型列表中默认选中“文件系统”,在右侧文件系统树形目录中选择一个文件夹(本例选择“D:HLFWebSiteChapter7”,即选择D:盘下
3、HLFWebSite文件夹下的Chapter7文件夹作为“科技服务咨询管理系统”网站的根文件夹)。在“语言”下拉菜单中选择“Visual C#”,所选的编程语言“Visual C#”将作为网站编程的默认语言。注意:创建网站时需要指定一个模板,每个模板创建包含不同文件和文件夹的应用程序。另外,可以通过使用不同的编程语言创建页和组件,在同一个Web应用程序中可以使用多种语言。3单击【确定】按钮,一个ASP.NET网站“科技服务咨询管理系统”创建完成,保存位置为D:HLFWebSiteChapter7。4第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 当创建这个网站的时候,V
4、isual Studio 2008自动创建了一个App_Data文件夹,一个名为Default.aspx的ASP.NET页(Web窗体页),以及一个名为web.config的Web配置文件。这些文件夹和文件都将显示在解决方案资源管理器中。自动创建的Default.aspx页面将会打开,内容显示在文档窗口内。新页创建后,默认以“源”视图显示该页,在该视图下您可以查看页面的HTML元素。现在这个ASP.NET页面只包含HTML代码,尚未添加任何内容。可以使用Default.aspx页作为网站的首页。单击【解决方案资源管理器】中的Default.aspx上的加号图标,将会看到另一个嵌套的文件Defa
5、ult.aspx.cs,它就是Default.aspx的源代码文件,也就是Default.aspx文件的后台文件。至此,一个以D:HLFWebSiteChapter7为根文件夹的ASP.NET网站(即“科技服务咨询管理系统”网站)创建完成。接下来,我们介绍网站赖以生存的数据库的创建,修改配置文件,向网站添加网页等内容。5第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.1 创建网站所用数据库创建网站所用数据库 创建“科技服务咨询管理系统”网站所用到的数据库Mydata以及其中的所有数据库表,可以按照本节的前两个小节的介绍自行创建,如果时间不允许或觉得没有必要则可以按照
6、本节的7.1.3小节进行附加Mydata数据库操作。7.1.1 创建数据库创建数据库 单击“开始”“程序”“Microsoft SQL Server 2005”“SQL Server Management Studio”。在“连接到服务器”对话框中,输入服务器名称、密码(如只在当前计算机工作则只需输入数据库服务器密码),验证默认设置,然后单击【连接】按钮,启动Management Studio。Management Studio是SQL Server 2005中管理数据库的场所。在对象资源管理器中选择【数据库】节点。在【数据库】节点上单击右键,并在弹出的菜单中选择【新建数据库】。6第第7章:制
7、作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.1.1 创建数据库创建数据库 在打开的“新建数据库”对话框中,输入数据库名称Mydata和路径D:HLFWebSitedb,如下图所示。单击【确定】按钮即 可完成新建数据库的操作。注意:此时虽然新建了 数据库,但是数据库中并没 有任何用户自定义的表和其 它信息,这些需要用户自己 添加。具体添加方法请见下 一小节。7第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.1.2 在数据库中创建数据库表在数据库中创建数据库表 根据需要,在“科技服务咨询管理系统”网站Mydata数据库中,创建content、coun
8、t、news、news_type、userinfo、vedio、xbcy和zscq等8张数据库表,表的名称由开发人员自行定义。1 创建创建content表表 打开Management Studio,在对象资源管理器中的树状目录窗口中展开Mydata数据库。右键单击【表】节点,在弹出菜单中选择“新建表”命令,打开表设计窗口。在表设计窗口中按照如下表所示内容定义数据表列名及属性。列名数据类型长度允许空是否标识说明idint4否是自动递增型titlenvarcharMAX是否内容标题contentnvarcharMAX是否内容typenamenvarcharMAX是否内容类别8第第7章:制作真实运行
9、的网站及相关网页章:制作真实运行的网站及相关网页 1 创建创建content表表 要建立上表所示的content表,只需要在表属性中输入对应信息。要注意的是id列的设置,必须在表设计属性窗口的下面窗口中设置有关标识方面的信息,具体设置如下图所示。注意:对于id列,设置id为标识,表示id的值是content表中每一行数据的标识,也就是一个id惟一确定一行数据。设置标识种子为1,表示id列从1开始编号;设置标识增量为1,表示id列每行递增为1。对id列做如上设置以后id列的值将由数据库自动填充,任何人为的填充和修改都不允许。单击工具栏上的【保存表】按钮,在“选择名称”对话框中输入表名称“cont
10、ent”,然后单击【确定】按钮,保存表。9第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 1 创建创建content表表 至此,已经成功向数据库Mydata中添加了content表。刚创建好的content表中不包括任何记录,下一步我们向数据表中添加一些初始记录。向数据表content中添加数据的操作如下。在Management Studio的树状目录中选中刚创建好的表content。右键单击content表,在弹出菜单中选择【打开表】命令,打开数据录入窗口。在数据录入窗口输入新的表记录。注意:以上操作也适合修改和删除表中的数据操作。说明:在下面创建的数据表中,可按照随
11、书所赠光盘中Mydata数据库中各数据表中数据向自行创建的数据表中添加数据。10第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 2 创建创建count表表 打开Management Studio,在对象资源管理器中的树状目录窗口中展开Mydata数据库。右键单击【表】节点,在弹出菜单中选择“新建表”命令,打开表设计窗口。在表设计窗口中按照下表所示内容定义数据表列名及属性。列名数据类型长度允许空是否标识说明counterint4是否访问总次数todayint4是否今天访问次数daytimesint4是否统计天数lastdatedatetime8是否上次统计日期11第第7章
12、:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 3 创建创建news表表 同创建content、count数据库表的操作一样,在表设计窗口中按照下表所示内容定义数据表列名及属性。列名数据类型长度允许空 是否标识说明idint4否是自动递增型,主键titlenvarchar50是否标题contentnvarcharMAX否否内容authornchar10是否发布作者countint4是否该条信息访问次数datenvarchar50是否发布日期srnvarchar50是否信息来源newstypenvarchar50是否信息类别12第第7章:制作真实运行的网站及相关网页章:制作真实运
13、行的网站及相关网页 4 创建创建news_type表表 在表设计窗口中按照下表所示内容定义数据表列名及属性。5 创建创建userinfo表表 6 创建创建vedio表表 在表设计窗口中按照下表所示内容定义数据表列名及属性。列名数据类型长度允许空是否标识说明newstypenvarchar50是否类别列名数据类型长度允许空是否标识说明idint4否是自动递增型,主键useridnvarchar50否否后台登陆用户名userpwdnvarchar50否否密码列名数据类型长度允许空是否标识说明idint4否是自动递增型,主键vediotitlenvarchar50是否视频标题vedioaddrnva
14、rcharMAX是否视频上传地址countint4否否访问次数13第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7 创建创建xbcy表表 在表设计窗口中按照下表所示内容定义数据表列名及属性。8 创建创建zscq表表 在表设计窗口中按照下表所示内容定义数据表列名及属性。列名数据类型长度允许空是否标识说明idint4否是自动递增型,主键typenvarchar50是否校办产业信息类别contentnvarcharMAX是否校办产业信息列名数据类型长度允许空是否标识说明idint4否是自动递增型,主键typenvarcharMAX是否知识产权信息类别contentnvarc
15、harMAX是否知识产权信息14第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.1.3 附加数据库附加数据库 附加数据库的操作如下。启动SQL Server Management Studio。在对象资源管理器中选择【数据库】节点并单击右键,然后在弹出的菜单中选择【附加】。在打开的“附加数据库”对话框中,单击【添加】按钮。在打开的“定位数据库文件”对话框中,所选路径为D:HLFWebSitedb,文件名为“Mydata.mdf”。然后单击【确定】按钮,执行添加操作、关闭“定位数据库文件”对话框并返回“附加数据库”对话框。单击【确定】按钮,完成Mydata数据库的附加
16、操作。15第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.2 配置配置Web.config文件文件 在【解决方案资源管理器】中,双击Web.config文件,默认情况下将在XML编辑器中打开Web.config文件,可以看到Web.config文件的默认配置设置。我们要做的是对需要配置的配置节设置进行适当地修改。Web.config文件的完整代码请见书。其中,粗体部分为添加或者修改配置节后的代码,其注释请见2.5.2小节。其它代码均由Visual Studio 2008自动生成。16第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.3 网站
17、首页的制作网站首页的制作 首页通常是网站中最为重要的网页,它不仅包含的内容最为丰富,而且功能也是最多的。比如,它通常要有网 页标题、网页页眉、网页导航栏、网页的 主体内容、浏览量统 计以及网页页脚等。“科技服务咨询管理系 统”网站首页的文件结 构如右图所示。17第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.3.1 创建创建“网页页眉网页页眉”文件文件 编辑完成后的banner.htm代码如下:18第第7章:制作真实运行的网站及相关网页章:制作真实运行的网站及相关网页 7.3.2 创建创建“导航栏导航栏”文件文件 创建navigation.aspx文件可分三个步骤进
18、行。第一步,先创建一个菜单文件menu.htm;第二步,创建一个topscript.js文件,用于规范菜单文件menu.htm样式,同时topscript.js文件还可以用于规范首页及其它网页的样式;第三步,将menu.htm和topscript.js文件组合在一起形成导航栏文件navigation.aspx。1 创建创建“菜单菜单”文件(文件(menu.htm)创建方法及编辑完成后的menu.htm代码请见书。2 创建创建topscript.js文件文件 为能使menu.htm文件正常显示,需在首页及相关文件中以包含文件的形式引用一个叫做“topscript.js”的文件。使用该文件规范me
展开阅读全文