网页集成开发环境.ppt

网页集成开发环境,网络数据库开发,本章重点,网页的创建与运行 编写ASPX程序代码 协助输入代码 实现网站中页面之间的导航 在站点中使用主题 实现网站成员管理,网络数据库开发,学习目标,在讲述如何实现网页的创建与运行、编写ASPX程序代码的基础上，希望通过通俗的讲解，使读者能够熟练掌握这些基本内容和操作技巧，为自己进行网站开发奠定良好的基础,网络数据库开发,3.1 网页的创建与编辑,ASP.NET2.0的发布给WEB应用程序开发者带来了巨大的机遇，它提供了大量的可视化控件，极大地方便了Web应用程序的开发。Visual Studio2005集成开发环境可用于实现复杂的Web应用，下面介绍如何创建一个基本的Web页面。,网络数据库开发,3.1.1 创建Web页面,创建页面的步骤： 1、新建Web站点 2、通过站点管理添加新的Web页面 3、选择需要的模板（Web窗体） 4、添加网页内容，添加服务器运行代码（动态网页） 5、调试运行网页,网络数据库开发,3.1.2 实现控件的添加与编程,方法：切换到设计视图，然后从工具箱中将需要的控件拖放到视图页面中。 控件位置: 相对位置（流布局）：控件布局困难，但会因内容而自己变换位置，不会出现盖住别的控件的情况。 绝对位置（网格布局） ：控件可在其页面上任意拖放布局，但生成页面有可能某些控件会被其他控件盖住。,网络数据库开发,3.2 编写ASPX代码,ASPX代码属于HTML语法，HTML是标记式语法，每个标记都有开始和结束标记，而且采用缩进式。 Visual Studio2005集成开发环境提供了便利的功能协助编辑HTML语法文件，可显示缩进、选择标记等辅助功能。,网络数据库开发,3.2.1 显示光标所在标记的层次,快速定位要编辑的网页对象 1、选择标记 2、选择标记内容,网络数据库开发,3.2.2 在代码视图中编辑HTML,工具-选项-HTML设计器 起始页的位置： 1、源视图 2、设计视图 创建控件时自动显示智能标记。,网络数据库开发,3.2.3 实现HTML元素间的导航,对于一些内容较多，设计较复杂的页面，如何查看和定位其中的内容就变得十分重要。通过文档大纲和标签导航器可以实现网页中各个HTML元素的导航。,网络数据库开发,3.2.4 使用样式表,样式表简单来说就是一组用来控制网页元素外观的属性。 创建样式表的方法： 1、直接书写代码 2、可视化的编程环境添加,网络数据库开发,3.3 协助输入代码,使用Intellisense功能编辑网页：用户可以保留上下文，查找所需的信息，直接向代码中插入语言元素，甚至可以使用Intellisense功能完成输入工作。 利用Snippet功能编辑网页：帮助用户输入各种代码的语法。,网络数据库开发,3.4 实现网站中页面之间的导航,网站是由许许多多的页面组成的，网站中页面之间的导航（即页面之间的相互链接），特别是当前网页结构发生变化，如增加新的页面、删除旧的页面时，网站的管理将面临巨大的挑战 ASP.NET2.0提供了很好的网站中页面导航的解决方案，通过XML格式的站点地图文件（Web.sitemap）集中定义了整个网站的层次结构，而且这种层次结构与真正的页面存储物理结构无关，易于实现网站中的页面管理与导航。,网络数据库开发,3.4.1 创建站点地图文件,站点地图文件（Web.sitemap）是一个XML结构的文件。 title：这个属性经常由导航控件用于显示URL的标题。 url ：显示这个结点描述的页面的 URL。 description ：指定关于这个页面的描述。你能使用这个描述来显示提示内容。,网络数据库开发,案例, ,网络数据库开发,3.4.2 实现导航的TreeView控件,TreeView控件提供了一种按层次结构显示信息的方式。显示的结构刚好符合站点文件的结构。 TreeView控件结合站点数据源控件SiteMapDataSource，数据源控件自动查找并读取站点根目录下的Web.sitemap文件中的内容，绑定到TreeView控件中显示。 可以选择自动套用系统提供的样式,网络数据库开发,3.4.3 显示导航的SiteMapPath控件,SiteMapPath控件：用于显示导航的路径，即显示当前的页面以及该页面所处的层次路径，并显示返回到主页的链接。 主要的属性： PathDirection:显示路径的方向 PathSeparator:指定网页之间的分隔符 RenderCurrentNodeASLink,网络数据库开发,3.4.4 实现导航菜单的Menu控件,Menu控件主要用于显示应用程序的自定义此案单，命令子菜单和分隔符都可以包含在菜单之中，每一个创建的菜单至多有四级子菜单。 结合数据源控件SiteMapDataSource使用 自定义菜单 主要的属性： Orientation:垂直或水平显示菜单内容,网络数据库开发,3.4.5 实现母板中的站点导航,在实现网站页面导航的过程中，可根据需要在每一个页面中添加相应的导航控件，对一些大型网站而言，工作量将是令人难以承受的，而一旦要修改导航控件的界面和位置，网站管理员将面临灾难性的挑战。 ASP.NET 2.0使用母版解决方案，通过定义一个或多个母版，将共同拥有的页面外观集中起来便于页面的制作、修改和管理。,网络数据库开发,3.4.5 实现母板中的站点导航,母版的使用： 1、设计网站的整体布局 2、添加导航的控件并设计外观,网络数据库开发,3.4.5 实现母板中的站点导航,母版页和内容页之间的数据通信（内容页的信息要显示在母版页上） (Label)Master.FindControl(lblmessg),网络数据库开发,3.5 在站点中使用主题,为了使网站中的页面具有一致的外观，ASP.NET2.0提供主题来美化和设定网站的页面，允许用户对单个页应用主题或整个网站应用全局主题。 在网站中设置主题会对站点上的所有页和控件应用样式和外观，除非对个别页重写主题。,网络数据库开发,3.5 在站点中使用主题,主题中文件： 1、样式表：设置HTMl控件的外观和属性） 2、外观文件（皮肤文件）：设置服务器控件的外观和属性。,网络数据库开发,3.5.2 样式主题和个性化主题,页面相应外观的优先关系 1、个性化主题：Theme Theme主题页面中的外观设置CSS文件 2、样式主题：StyleSheetTheme 页面中的外观设置 样式主题 CSS文件,网络数据库开发,3.5.3 在站点中应用主题,对整个网站应用全局性主题，方法：通过修改Web.Config文件中的相关节点。 /个性主题 /样式主题 ,网络数据库开发,动态加载页面主题,/页面加载前的预处理事件 protected void Page_PreInit(object sender, EventArgs e) Page.Theme = Request.QueryStringtheme; /点击红色按钮，应用红色主题 protected void bntred_Click(object sender, EventArgs e) Response.Redirect(/default.aspx?theme=red); /点击蓝色按钮，应用蓝色主题 protected void bntblue_Click(object sender, EventArgs e) Response.Redirect(/default.aspx?theme=blue); ,网络数据库开发,3.6 实现网站成员管理,在实际的网站开发过程中，往往会要求某些页面只允许会员或被授权用户才能浏览和使用，当普通用户浏览这些页面时，将会弹出一个登陆窗口或转到指定页面，提示用户输入用户名和密码。只有在成功登录之后，才可浏览这些页面，否则，将不能查看这些页面。,网络数据库开发,3.6 实现网站成员管理,（1）基础准备（创建网站和页面） 新建一个ASP.NET 网站，选择HTTP网站类型，命名为Membership ，完成后，VWD（Visual Web Developer）会自动建立一个Membership站点，包括一个App_Data目录及一个空白的Default.aspx页面。我们在Membership站点新建一个MemberPages文件夹，用于存放受保护页面。,网络数据库开发,3.6 实现网站成员管理,（2）使用ASP.NET 网站管理工具 选中“网站”菜单的“ASP.NET 配置”命令，打开如下所示的网站管理工具 。 选择安全按钮或选项卡进入网站安全管理界面。 点击连接地址“使用安全设置向导按部就班地配置安全性”，进入到“安全设置向导”，,网络数据库开发,3.6 实现网站成员管理,（2）使用ASP.NET 网站管理工具 选中“网站”菜单的“ASP.NET 配置”命令，打开如下所示的网站管理工具 。 选择安全按钮或选项卡进入网站安全管理界面。 点击连接地址“使用安全设置向导按部就班地配置安全性”，进入到“安全设置向导”，,