实验8 用Dreamweaver建立框架页面 实验目的:通过实验,掌握如何如何创建和应用框架页面,了解框架的基本分布结构和各个框架页面之间的相互联系。 实验步骤: 1. 启动Dreamweaver程序,选择菜单“文件”“新建”命令,打开“新建文档”对话框。在对话框中“常规”标签下选择“类别”列表中的“框架集”选项,然后再右边的“框架集”列表中选择“上方固定”选项,如图8-1所示。单击“创建”按钮创建框架网页。 2. 选择菜单“窗口”“框架”命令,打开框架控制面板。 3. 用鼠标单击框架控制面板中的下部分,选中mainFrame框架。如图8-2所示: 图8-1 套用框架图11-2 选择框架集的子框架 4. 将鼠标放在选中的边框上,使鼠标变成双向箭头,然后拖动鼠标将该框架分成左右两个子框架。如图8-3所示。
图8-3 把主框架切分为子框架 5. 在框架编辑窗口中,单击顶部框架,选择菜单“文件”→“保存框架”命令,保存框架为页面。 6. 将光标停放到下部分框架的左边框家中,选择菜单“文件”→“保存框架”命令,保存框架为页面。 7. 按同样的方法,将右边的框架保存为页面。 8. 单击框架面板上最外层的边框,或单击页面编辑窗口中的最外层边框,使外框出现虚线。如图8-4所示: 图8-4选中整个框架
说明鼠标单击所选中的框架, 页面中的框架边框会出现虚线,所选 中的框架就是当前正在编辑的页面. 9. 选择菜单“文件”—>“保存 全部”命令,保存所有框架和框架集, 框架集文件名称为.如图8-5所示. 10. 单击框架面板上的topFrame框架,选中网页. 11. 打开属性面板,在属性面板上的“滚动”下拉菜单中选择“否”, 然后勾选旁边的“不能调整大小”复选框;在“边界宽度”和“边界高度”的文本框中都输入0,参数设置如图8-6所示. 图8-6 top框架的属性设置 说明框架属性面板上的“滚动”下拉菜单中有“是”.“否”.“自动”.和“默认”四项,其中选择“是”表示允许页面左右.上下出现滚动条;选择“自动”.“默认”表示根据网页内容,需要时自动显示滚动条;选择“否”表示不允许出现滚动条. 12. 单击top框架页面,在属性面板中单击“页面属性”按钮。 13. 打开“页面属性”对话框,在“左边框.右边框.上边框.下边框”各文本框中输入0,使网页边距都为0.单击“确定”返回框架页编辑窗口. 14. 单击“插入”面板上的“表格”按钮,插入2行4列,宽为100%的表格. 15. 打开属性面板,设置第2列两个表格背景颜色为“浅蓝色”(色标值为#E0E4F4),然后选择第4列单元格,设置同样的背景颜色;设置第3列单元格的背景颜色为“深蓝色”(色标值为#3A4593)
一、连接数据库 连接数据库也就是指定事务对象。PowerBuilder提供了两个函数:SetTrans()和SetTransObject()。 语法格式: dw_control.SetTrans(TransactionObject) dw_control.SetTransObject(TransactionObject) 其中,dw_control是所使用的数据窗口控件,transactionObject是所要指定的事务对象。 这两个函数有一个重要的区别就是在使用SetTrans()函数时,用户不需做任何数据初始化或事务对象初始化工作。用户只需要在这里填充一个事务对象,PB 就会自动完成对该事物对象的初始化以及和数据库连接的工作。而使用SetTransObject()函数时,用户必须首先把所用的事务对象连接到数据库上。但是,这并不意味着SetTrans()函数比SetTransObject()函数更好,使用SetTrans()函数时,每调用一次函数必须连接一次数据库,因为这个函数在每个事务处理的末端都会执行Disconnect语句。与此相反,使用SetTransObject()函数可以为数据库维持一个开放性的连接。因此在一般情况下,为了提高效率,总是采用SetTransObject()函数。 这两个函数都是成功时返回1,发生错误时返回-1。 二、检索数据 用于检索数据的函数只有一个,就是Retrieve()函数。 语法格式: dw_control.Retrieve() 如果数据窗口控件上的数据窗口对象是有检索参数的,就要在这个函数调用时加上检索参数。而且检索参数必须和数据窗口对象中定义顺序一致。 此函数返回一个长整型的数据,代表检索出来的数据行数。如果发生错误,将返回-1。 三、更新数据 当用户对数据窗口对象内的数据修改后,想把这些修改反映到数据库中去时,必须使用Update()函数。 语法格式: dw_control.Update() 这个更新可能成功,也可能失败。一般在这个函数被调用之后,总是要做一个检查。请看下面的例子: Int li_return
常用控件习题与解答 一、填空题 1.在图片框上放置的控件称为图片框的(子)对象,而窗体是图片框的(父)对象。 2.窗体的“名称”(Name)属性只能在(属性窗口中)设置。 3.在程序中设置窗体Form1的Caption属性为"主窗体",使用的赋值语句是(Form1.Caption="主窗体")。 4.当窗体的Enabled属性为(True)时,指定窗体响应事件。 5.窗体的Unload事件是在QueryUnload事件发生之(后)发生。 6.程序中,把当前窗体移动到屏幕左上角使用的方法为(Move0,0)。 7.在窗体Form1中坐标为(1600,800)的位置上输出字符串“Visual Basic 6.0”使用的语句为(Form1.Currrentx=1600)、(Form1.Currenty=800)、和(Form1.Print "VisualBasic6.0")。 8.若使文本框有边框,需设置BorderStyle属性的值为(1)。 9.在程序运行期间,用户可以用文本框显示信息。文本框接收输入的内容的属性是 (Text)。 10.若使文本框内能够接受多行文本,则要设置Multiline属性的值为(True)。 11.要把图形文件“C:\sample\diannt.jpg”装载到图片框Picture1上,使用的语句为(Picturel.Picture=LoadPicture("C:\sample\diannt.jpg"))。 12.若使图片框自动调整大小以适应装入的图形,则要设置Autosize属性的值为(True)。 13.除了在程序使用LoadPicture函数装载图形外,还可以在设计阶段通过修改(Picture)属性装载图形。 14.若程序中要把一些文本内容输出到图片框PictureBox,应使用(Print)方法。 15.当单选按钮OpdonButton的Value属性为(False)时,表示该单选按钮处于未选中状态。 16.若使命令按钮Command1重新生效,则使用的赋值语句为(Command1.Enabled=True)。 17.若使命令按钮不能接收和响应任何事件,可以设置Visible属性的值为(False)。 18.只有控件对象的Enabled和Visible属性值都为(True)时,该控件对象才能接受焦点。 19.Tab顺序是由建立控件时的(先后顺序)确定的。 20.设置框架Frame上的文本内容需要使用(Caption)属性。 21.在框架上可以设置一组相关控件,这些控件作为框架的(子)控件,它们具有总体的激活/屏蔽特性。 22.若屏蔽框架上的控件对象,则需设置(Enabled)属性的值为False。 23.列表框ListBox中项目的序号从(0)开始,到(Listcount-1)结束。 24.要显示列表框List1中序号为3项目内容,语句为(PrintList1.List(3))。
第六章情景一—B/S结构人事管理系统的 UI实现 本章主要讲解如何使用Dreamweaver CS5中的框架、框架集、表单以及spry等组件。通过制作B/S结构人事管理系统的UI界面来组织本章内容,使用四个任务驱动教学内容,具体涉及以下内容: ?建立UI界面的框架 ?制作系统的功能界面 ?制作目录页面 ?链接页面 6.1 任务一:建立UI界面的框架 使用框架技术可以将浏览器页面分割成若干个子窗口,每个子窗口内都显示出一个独立的网页,我们称这样的每个子窗口为一个单个框架(Frame)。当一个页面被划分为若干个单个框架时,我们称这些单个框架组成了一个框架集(Frameset)。此时Dreamweaver会为框架集建立一个框架集文件,为每个框架分别建立一个文档文件。 6.1.1 知识要点 1.创建框架 (1)插入预定义框架集 Dreamweaver为我们提供了13中预定义的框架集供我们选择。使用系统提供的预定义框架集是迅速创建基于框架布局的网页的最简单方法。创建预定义框架集的具体步骤如下。 ?选择“文件”菜单,单击“新建”选项,在弹出的对话框中选择“实例中的页”选项卡,单击右侧“框架页”选项,从右侧“示例页”下方选项中选择“上方固定,左侧嵌套”的框架集,如图6-1-1所示。 ?单击右下角“创建”按钮,在“框架标签辅助功能”窗口中我们可以为每个框架完成相应操作,如图6-1-2所示。然后点击“确定”,如图6-1-3所示。
图6-1-1 “新建文档”对话框 图6-1-2 “框架标签”对话框 图6-1-3 预定义框架 (2)修改框架集结构 我们已经完成了基本的框架集的建立,如果我们想要做出更为复杂的框架集结构就需要修改框架集结构,具体步骤如下。 ?光标停留在要修改的框架集的空白位置,点击“修改”菜单,选择“框架集”选项,在弹出的子菜单中共有四项命令,如图6-1-4所示。 ?读者可以试着选择任意一种,用鼠标调整框架窗口的大小。灵活的使用修改框架集命令,可以使我们的页面布局更加丰富多变,更符合我们用户不同种类的需求。 图6-1-4 修改框架集 2.保存框架和框架文件 当我们完成了框架集的设置之后,我们可以选择“文件”菜单中的“保存全部”来对文件进行保存。执行该命令后,将保存框架集中的所有文档,包括框架集文件和所有框架中调用的文档。 保存时Dreamweaver会先保存框架集文件,我们可以自己设定框架集的名字,单击“保存”按钮即可保存。然后Dreamweaver会对每个框架中的文档进行保存。要注意,保存时当前即将被保存的框架会被以粗框着重显示,如图6-1-5所示。 图6-1-5 保存框架集 3.设置框架和框架集属性 当我们选中框架(框架集)时,在文档窗口的下方会出现框架(框架集)的属性面板,属性面板的具体参数如下。 (1)框架属性面板如图6-1-6所示 图6-1-6 框架属性面板 ?框架名称:作为链接指向时所用的名称。 ?源文件:本框架内默认显示的源文件的路径,确定了本框架的源文档。 ?边框:用来设置当前框架的边框。 ?滚动:用来设置当框架内的内容在本框架中显示不下时是否是用滚动条。 ?不能调节大小:当点选了本单选框时,访问者无法通过拖动框架边框在浏览器中调节框架的大小。
PB数据窗口技巧 1 使DataWindow列只能追加不能修改 如何使DataWindow中的数据只能追加新记录而不能修改,利用Column 的Protect 属性可以很方便的做到这一点,方法如下: 将每一列的Protect 属性设置为: If( IsRowNew(), 0, 1) ) 在PowerScript 中可以动态修改Protect 属性: dw_1.Modify("column_name_here.Protect='1~tIf(IsRowNew(),0,1)'") 这样,DataWindow 中只有新追加的记录可修改,而其他记录是只读的。 2 如何在DataWindow中实现列的自动折行 我们在PowerBuilder应用程序的开发过程中, 使用DataWindow时, 经常会遇 到某列的数据太长, 不能同时全部显示的情况. 若采用自动水平滚动, 操作起 来又不够简便. 下面介绍一种方法, 实现列数据多行显示, 即实现列数据的自 动折行.具体步骤如下: 1) 在DataWindow Painter中打开此DataWindow. 2) 在需设定自动折行的列上双击鼠标, 弹开此列的属性窗口. 3) 选择Position标签, 选中Autosize Height 多选框. 4) 选择Edit标签, 不选中Auto Horz Scroll多选框. 5) 单击OK按钮, 保存所做的修改. 6) 点中Detail Band (即写有Detail的灰色长带), 单击鼠标右键, 选择 Properties... 菜单项. 7) 选中Autosize Height多选框. 8) 单击OK按钮, 保存所做的修改. 9) 保存此DataWindow. 注意: 连在一起的汉字(中间没有标点或空格分隔), 系统将认为是一个单词, 不 会自动进行折行.
10.6 数据窗口事件处理技术 在PowerBuilder中,事件有两种,一种是PowerBuilder在语句描绘器中为每一个标准控件设定的一些常用事件,一般的编程人员基于这些事件就可以完成常见的操作。但是有些情况下,这些事件并不能完全满足应用程序的要求,这时,就需要使用另一种事件——自定义的用户事件。 一般的用户定义事件是与Windows消息对应的事件,这种事件是在应用程序接收到Windows消息后触发的,另外一种用户定义事件则是没有对应的事件,这类事件要由用户在程序代码中触发。 但是,数据窗口控件的自定义消息又有所不同。因为数据窗口不是标准窗口对象,因此它们所提供的消息不是标准的Windows API消息,这些消息有自己的事件。 前面10.2.2节已经对数据窗口控件的常用事件做了总结,对于用户自定义事件,如果是在代码中触发事件,使用起来也比较容易。只要在代码中适当的位置使用triggerevent函数就可以了。因此本节主要讲述如何使用由PowerBuilder数据窗口所提供的消息触发用户自定义事件。 10.6.1 数据窗口消息的含义 PowerBuilder为数据窗口提供了23种消息,为便于读者参考,下面列出了各消息的名称和功能: ● PBm_dwclosedropdown:关闭下拉式数据窗口。
● PBm_dwscrollend:在数据窗口中卷滚到最后一行。 ● PBm_dwscrdlhome:在数据窗口中卷滚到第一行。 ● PBm_dwscrolllineend:卷滚到当前行的行尾(水平方向)。 ● PBm_dwscrolllinehome:卷滚到当前行的行首(水平方向)。 ● PBm_dwnbacktabout:即将通过Shift+Tab组合键离开该控件。 ● PBm_d wnchanging:控件即将被改变。 ● PBm_dwndropdown:下拉列表框的下拉部分即将可见。 ● PBm_dwngraphcreate:即将创建图形。 ● PBm_dwnitemchangefocus:数据窗口控件中当前项的聚焦改变。 ● PBm_dwnitemvalidationerror:对当前项的修改引起了一个合法性检查错误。 ● PBm_dwnkey:有键被按下。使用KeyDown()处理键盘值。 ● PBm_dwnlbuttondown:鼠标左键被按下。 ● PBm_d wnlbuttonup:鼠标左键被松开。 ● PBm_dwnmbuttonclk:鼠标中键单击。 ● PBm_dwnmbuttondbclk:鼠标中键双击。 ● PBm_dwnmousemove:鼠标移动。 ● PBm_dwnprintmarginchange:打印边界被改变。 ● PBm_dwnprocessenter:Enter键被按下。 ● PBm_dwnrowchange:数据窗口中的聚焦从一行转向另一行。 ● PBm_dwntabdownout:用户在数据窗口的最后一行按下了下箭头键。
pb数据窗口技巧38个收藏 1 使DataWindow列只能追加不能修改 如何使DataWindow中的数据只能追加新记录而不能修改,利用Column 的Protect 属性可以很方便的做到这一点,方法如下:将每一列的Protect 属性设置为: If( IsRowNew(), 0, 1) ) 在PowerScript 中可以动态修改Protect 属性: dw_1.Modify("column_name_here.Protect='1~tIf(IsRowNew(),0,1)'") 这样,DataWindow 中只有新追加的记录可修改,而其他记录是只读的。 2 如何在DataWindow中实现列的自动折行 我们在PowerBuilder应用程序的开发过程中, 使用DataWindow时, 经常会遇 到某列的数据太长, 不能同时全部显示的情况. 若采用自动水平滚动, 操作起 来又不够简便. 下面介绍一种方法, 实现列数据多行显示, 即实现列数据的自 动折行.具体步骤如下: 1) 在DataWindow Painter中打开此DataWindow. 2) 在需设定自动折行的列上双击鼠标, 弹开此列的属性窗口. 3) 选择Position标签, 选中Autosize Height 多选框. 4) 选择Edit标签, 不选中Auto Horz Scroll多选框. 5) 单击OK按钮, 保存所做的修改. 6) 点中Detail Band (即写有Detail的灰色长带), 单击鼠标右键, 选择 Properties... 菜单项. 7) 选中Autosize Height多选框. 8) 单击OK按钮, 保存所做的修改.
第九章多视窗口框架 9-1 框架的含义和基本构成 框架就是把一个浏览器窗口划分为若干个小窗口,每个窗口可以显示不同的URL 网页。使用框架可以非常方便的在浏览器中同时浏览不同的页面效果,也可以非常方便的完成导航工作。 而所有的框架标记要放在一个html 文档中。html页面的文档体标签
被框架集标签