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