《ASP.NET程序设计与开发高职 教学课件 ppt 作者 眭碧霞 第1-3章 第3章》由会员分享，可在线阅读，更多相关《ASP.NET程序设计与开发高职 教学课件 ppt 作者 眭碧霞 第1-3章 第3章（75页珍藏版）》请在金锄头文库上搜索。
1、3.1 项目背景 3.2 系统分析 3.3 数据库设计 3.4 系统实现 3.5 系统运行 本章小结 训练任务,3.1 项 目 背 景 高校学生在每年毕业的时候都会将大量的物品卖给废品收购站，其中有很多有价值的书本、小电器或者日用品等。特别是把有些书当废纸卖，一本书只能卖到1、2元的价格，远远低于图书本身的应用价值。为了方便学生随时清理自己不需要的物品，避免资源浪费，给大家提供一个交流二手物品信息的平台，本章将给出一个软件项目实例，名为“校园二手物品信息发布平台”。,3.2 系 统 分 析 由项目背景描述可知，本项目的主要功能是：注册用户可以在网上发布信息，非注册用户只能浏览信息，而不能发布信
2、息。围绕此功能，可以把该平台划分为以下几个模块。 1用户注册模块 该模块实现新用户的注册，并为注册的用户分配权限。权限主要分为两类：一类为管理员，主要是审核新注册用户的合法性，删除非法注册用户，删除反动、过期的信息等，管理员用户不能注册；另一类是普通用户，可以发布信息，修改自己的信息，查看自己发布的信息和删除自己发布的信息。,2用户登录模块 该模块实现用户的登录，登录的用户可根据其权限值加载功能菜单，可以根据菜单实现相应的功能；没有登录的用户只能浏览信息而不能发布信息。 3信息发布与维护模块 该模块可以发布新信息，也可以维护自己已经发布的信息，包括添加新信息、删除信息、修改信息等功能，这部分是
3、项目的核心功能之一。,4信息查询模块 该模块可以根据各种条件进行查询，如根据物品的分类查询，根据标题查询，根据物品名称查询等，这一部分功能要求具有可以使用条件组合进行查询的特点，并且查询的效率要比较高。,3.3 数 据 库 设 计 3.3.1 数据库需求分析 根据上面归纳出的系统所要实现的功能要求和实现目标，可以列出系统的各个组成部分的数据项和数据结构。 本书采用的是SQL Server 2000数据库，所用到的数据库的名字为second，在数据库中所用到的表有四个。下面是这四个表的名字和功能。 (1) users：用来存储注册用户的信息。 (2) userrole：用来存储不同权限用户的功能
4、列表。 (3) info：用来存储发布的信息。 (4) Catalogs：用来存储二手物品的分类。,3.3.2 数据库的详细设计 根据数据库需求分析得到的结果，我们创建了四个表的结构，如表3-1表3-4所示。,3.4 系 统 实 现 由于该软件项目涉及到的知识点很多，因此在我们未学习ASP.NET之前实现全部功能显然是不可能的。作为一个体验式的项目，我们给出了一个浏览物品信息的实现方法，其他功能将在学习完本书的第410章后，在第11章中完整实现。读者只需要按照本示例的操作步骤即可实现。 3.4.1 创建发布信息(info)表 (1) 打开SQL Server 企业管理器，创建数据库second
5、，如图3-1所示。,图3-1 新建数据库second,(2) 新建发布信息表info，如图3-2所示。 (3) 向info表添加若干数据，如图3-3所示。,图3-2 新建表info,图3-3 向info表添加数据,3.4.2 Web.config文件配置 (1) 打开VS.NET 2005，新建一个网站second，如图3-4所示。 (2) 在“解决方案资源管理器”上单击右键，选择“添加新项”，添加一个Web.config文件，如图3-5和图3-6所示。,图3-4 创建新网站second,图3-5 添加新项,图3-6 添加Web.config文件,(3) 在打开的Web.config文件中添加
6、以下代码： 删除文件中的“”，得到如图3-7所示的文件结构。,图3-7 配置好的Web.config文件,3.4.3 信息列表(Default.aspx)页面的实现 (1) 打开Default.aspx，并切换到设计视图，选择菜单栏的“布局”，点击“插入表”选项，如图3-8所示。 (2) 在“插入表”对话框中选择“模板”的默认布局，如图3-9所示。 (3) 在“解决方案资源管理器”上单击右键，选择“新建文件夹”，如图3-10所示，把文件夹命名为img。,图3-8 插入表,图3-9 插入布局表的方法,图3-10 新建文件夹,(4) 在“img”文件夹上单击右键，选择“添加现有项”，选择标题图片所
7、在的位置后单击“添加”，将标题文件存放在新创建的“img”文件夹下，如图3-11和图3-12所示。 (5) 用鼠标左键选中图片“banner1.jpg”，直接拖放到布局表上面的一个单元格，并调整表格大小，使图片正好占用整个单元格，如图3-13所示。,图3-11 增加一个名为img的文件夹,图3-12 找到banner1.jpg图片,图3-13 在页面上插入图片,(6) 在“工具箱”中选择“数据”节点下的“SqlDataSource”控件，并将之拖放至Default.aspx设计窗口中，如图3-14所示。 (7) 点击“SqlDataSource”控件的“配置数据源”，打开“配置数据源”向导，如
8、图3-15所示，首先选择在前面Web.config文件中配置的数据源名称，然后单击“下一步”，如图3-16所示。 (8) 选择info表，并在*前面的方框中打钩，然后点击“下一步”，如图3-17所示。,图3-14 向页面添加SqlDataSource控件,图3-15 配置数据源的设置,图3-16 选择连接的名称,图3-17 配置Select语句,(9) 点击“测试查询”按钮，查看数据是否能得到，并且查看是否符合要求，如图3-18所示。 (10) 在“工具箱”中选择“数据”节点下的“GridView”控件，并将之拖放至Default.aspx设计窗口中，将其插入到布局表格的第二个单元格中，如图3
9、-19所示。 (11) 在GridView1的右边有个三角箭头，单击三角箭头展开“GridView任务”菜单。选择数据源“SqlDataSource1”，并点击“自动套用格式”进行设置，如图3-20所示。,图3-18 测试查询,图3-19 向页面中添加GridView控件,图3-20 自动套用格式设置,(12) 在“GridView任务”菜单中点击“编辑列”按钮，设置各个字段的属性，如图3-21所示。在“选定的字段”列表框中选择“content”，并将其删除，其他各个字段需要修改的名字如表3-5所示。,图3-21 编辑字段属性,(13) 用鼠标将“GridView1”宽度拖放到和“banner
10、1.jpg”宽度一致，如图3-22所示，并将属性窗口中的“Font”中的“Size”属性选择为Small，如图3-23所示。然后按“F5”键，得到如图3-24所示的结果，首页制作完成。,图3-22 调整GridView控件的外观,图3-23 GridView1的字体设置,图3-24 Default.aspx页面的运行效果,3.4.4 物品详细信息(infodetails.aspx)页面的实现 为了能够查看每条信息的详细情况，我们还需为每个标题制作一个查看详细信息的页面，并将其命名为infodetails.aspx。 (1) 选择Default.aspx页面上的GridView1控件，单击右边的
11、三角展开菜单，选择“编辑列”，添加一个新列，命名为“详细信息”。在数据属性中，将DataNavigateUrlFields属性设为“ID”，将DataNavigateUrlFormat属性设为“infodetails.aspx?ID=0”，如图3-25所示。,图3-25 添加“详细信息”字段,(2) 在“解决方案资源管理器”上单击右键，选择“添加新项”，增加一个Web窗体，命名为infodetails.aspx，如图3-26和图3-27所示。 (3) 打开infodetails.aspx，并切换到设计视图，选择菜单栏的“布局”，单击“插入表”选项，如图3-28所示。 (4) 在“插入表”对话框
12、中选择“模板”的默认布局，如图3-29所示。,图3-26 添加新项,图3-27 添加infodetails.aspx页面,图3-28 插入表,图3-29 插入表模板,(5) 用鼠标左键选中图片“banner1.jpg”，直接拖放到布局表上面的一个单元格，并调整表格大小，使图片正好占满整个单元格，如图3-30所示。 (6) 在“工具箱”中选择“数据”节点下的“SqlDataSource”控件，并将之拖放至Default.aspx设计窗口中，如图3-31所示。,图3-30 向infodetails.aspx页面中插入图片,图3-31 选择SqlDataSource控件,(7) 点击“SqlData
13、Source”控件的“配置数据源”(如图3-32所示)，打开“配置数据源”向导，如图3-33所示，首先选择在前面Web.config文件中配置的数据源名称，然后单击“下一步”。 (8) 选择info表，并在*前面的方框中打钩，然后点击“WHERE”按钮，设置查询条件语句(如图3-34和图3-35所示)。设置完毕后，回到配置Select语句窗口，单击“下一步”。,图3-32 配置数据源的设置,图3-33 选择连接的名称,图3-34 配置Select语句,图3-35 配置WHERE语句,(9) 配置数据源完毕后，在“工具箱”中选择“数据”节点下的DetailsView1控件，并将之拖放至Defau
14、lt.aspx设计窗口中，将其插入到布局表格的第二个单元格内，如图3-36所示。 (10) 在DetailsView1的右边有个三角箭头，单击三角箭头展开“DetailsView任务”菜单。选择数据源“SqlDataSource1”，并点击“自动套用格式”进行设置，如图3-37所示。,图3-36 编辑DetailsView控件,图3-37 “自动套用格式”设置,(11) 在图3-36中点击“编辑字段”按钮，设置各个字段的属性，如图3-38所示，各个字段需要修改的属性如表3-6所示。,图3-38 编辑字段设置,(12) 用鼠标将“DetailsView1”宽度拖放到和“banner1.jpg”宽
15、度一致，如图3-39所示，并将属性窗口中“Font”中的“Size”属性选择为Small，如图3-40所示。,图3-39 拖放DetailsView1的宽度与图片宽度一致,图3-40 设置DetailsView控件的字体大小,3.5 系 统 运 行 在“解决方案资源管理器”中选择Default.aspx，单击右键，选择“设为起始页”，然后按“F5”键，得到如图3-41和图3-42所示的结果，至此infodetails页面制作完成。,图3-41 运行得到的效果图,图3-42 单击详细信息得到的效果图,到此为止，一个简单的网站就已经做好了，这个网站只提供了浏览信息的功能。细心的读者会发现，这个软件
16、项目离实际使用的目标还有一段距离，比如如何区分注册用户和非注册用户，如何发布信息，如何管理用户等许多问题都还没有解决。在后面的章节中，我们将开始学习ASP.NET提供的解决办法，相信大家在学完所有的内容后，可以做出一个比较完整的网站。,本 章 小 结 本章通过一个实际的案例为读者讲述了使用ASP.NET技术创建一个网站的一般方法。首先提出了一个“校园二手物品信息发布平台”的软件，然后通过系统分析和数据库设计勾勒出该软件项目的大体轮廓，最后通过一步步的描述实现了其中浏览二手物品信息的功能。本章采用详细的演示方式让读者充分体验了ASP.NET技术独特的魅力。我们可以发现，在实现过程中，几乎没有编写一行C#代码，便完成了功能。在以后的学习中，读者还可发现ASP.NET技术更为灵活的功能。,训 练 任 务 根据附录和附录的有关要求，完成以下训练任务。,
