《数据库与信息系统》系统开发使用技术_2.pptxVIP

系统使用开发技术7目 录7.1视图、存储过程及事务应用7.2多页面应用程序的实现7.3非关系型数据库应用多页面应用程序的需求多个页面的风格保持一致页面之间需要导航在多个页面之间共享信息多个用户共享网站公共信息页面风格设计之一 ——使用母版统一内容布局母版母版可以为多个页面创建一致的布局。在母版中将公共的页面结构布局和内容设计好，再以母版为基础创建页面，根据内容不同替换可变的部分。使用母版创建的页面由两部分组成：母版页和内容页。当用户请求页面时，母版页与某个内容页组合在一起后输出。【例7.3】使用母版页实现“e学习”系统的个人中心页面 使用母版页实现“e学习”系统的个人中心页面，包括三个内容页：个人信息、我的课程、我的消息。（1）新建网站，添加新项，创建“母版页”MasterPage.master（2）编辑MasterPage.master文件在母版页上设计需要显示的信息或控件在内容需要变动的地方放置ContentPlaceHolder控件（3）应用母版新建页面（4）设置超链接导航（5）运行程序，点击超链接，内容切换（2） 编辑MasterPage.master文件母版页采用表格布局（4行2列）Image控件HyperLink控件ContentPlaceHolder控件（3）应用母版新建页面。 在添加新窗体时，选中“选择母版页”。页面的设计方法相同，只是限制在ContentPlaceHolder内进行。依次建立三个页面PersonalInfo.aspx、MyCourses.aspx、MyMessage.aspx。（4）设置超链接导航。 回到母版页，为三个HyperLink控件的NavigateUrl属性选择特定页面母版母版可以为多个页面创建一致的布局。在母版中将公共的页面结构布局和内容设计好，再以母版为基础创建页面，根据内容不同替换可变的部分。使用母版创建的页面由两部分组成：母版页和内容页。当用户请求页面时，母版页与某个内容页组合在一起后输出。THANK YOU!页面风格设计之二 ——使用样式表CSS统一界面风格层叠样式表CSS层叠样式表（Cascading Style Sheets，CSS）是一系列格式规格，用于控制网页内容的外观，如字体、排版、背景、边框和超链接样式等，弥补HTML的不足，起到风格和排版定位作用，还可实现页面格式的动态更新。在网页中嵌入CSS有两种方式：将“页面元素{样式属性：值}”内嵌到HTML文档中建立单独的*.css文件存放格式内嵌方式在设计页面时可直接进行可视化风格设计，当两者出现重叠定义时前者优先级高于后者。【例7.4】使用内嵌CSS实现界面风格设置使用内嵌CSS实现“e学习”系统的个人中心界面风格设置（1）复制例7.3的网站（2）设计母版页的左侧导航区域的样式母版页左栏的超链接导航区域 ，右击选“属性/Style”，选择“修改样式”窗口“字体”font-family为“华文隶书”、font-size为“larger”；“背景”background-color选淡绿色；“定位”width设置54pt。（3）设计“个人信息”内容页的表格样式“背景”background-color淡黄色；“块”text-indent（文本缩进）15pt【例7.5】使用外部样式表CSS实现界面风格设置使用外部样式表CSS实现“e学习”系统的个人中心界面风格设置，增加超链接菜单的动态响应风格 （1）复制例7.4的网站（2）在母版页设计状态下，新建样式表，生成相应的StyleSheet.css 文件选择菜单命令“格式→新建样式”，打开“新建样式”对话框，在“定义位置”下拉列表中选择“新建样式表”，在“选择器”下拉列表中选择td，进行样式设置。（字体：font-family为“微软雅黑”；背景：淡紫色。）单击“应用”按钮将样式应用到该页面上，然后单击“确定”按钮将在项目中自动生成一个StyleSheet.css文件，打开该文件可看到样式说明（3）设置超文本链接的外观和点击效果选择“现有样式表”,选择StyleSheet.css，这样新增加的样式会追加到该文件中。针对链接文本，分别设置“链接”、“悬停”、“选中”时的样式：A:link（链接）：链接文本A:hover（鼠标指针悬停）：链接文本A:active（选中）：链接文本（4）设置“个人信息”内容页的文本框风格“新建样式表”，定义位置选“新建样式表”，选择器写自定义样式类为“.textstyle”（淡灰色背景、楷体、大小medium），生成StyleSheet2.css文件。设置各TextBox控件的cssClass属性为textstyle，则所有文本框都将应用该风格。提示：一个CSS文件可被多个页面采用。link href=StyleSheet.css rel=styles