PowerBuilder数据库应用开发教程（第二版） 第13章Sysbase的Web开发环境

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,PowerBuilder 10.0数据库应用开发教程,第13章 Sysbase的Web开发环境,重点内容:,Web.PB,的架构分析,Web,站点,创建,Web Target,创建,JSP Target,Web,Datawindow,实现技术,一、Web.PB的架构分析：,Web.PB程序主要功能是调用PowerBuilder应用服务器中预置的处理程序，包括分析执行用户对象中的用户函数，反馈HTML控制流和生成解释插入件程序等。,二、Web站点：,1. IIS Web服务器,单击“开始”菜单的“运行”命令，打开“运行”对话框，运行文本框输入inetmgr，单击“确定”按钮,设置Web站点说明,二、Web站点：,1. IIS Web服务器,单击“开始”|“程序”|“附件”的“记事本”命令，打开记事本编辑器,，,编辑内容“我的第一个网页”，保存到Web主目录，命名FirstWeb.html,地址栏中输入“ :/cttctt/FirstWeb.html,一、数据窗口控件的属性、事件和函数：,2. PowerDynamo,单击“开始”|“程序”|sysbase | PowerDynamo3.6选项的PowerDynamo命令,单击Tools|Connection Profiles命令,一、数据窗口控件的属性、事件和函数：,2. PowerDynamo,Sybase Central|PowerDynamo 3.6| Utilities|Configuration中选中Mappings文件夹,右边窗格中双击Add Mapping图标,启动PWS，即Personal Web Server。选择“开始”|“程序”|sysbase| PowerDynamo3.6|Personal Web Server的命令,一、数据窗口控件的属性、事件和函数：,2. PowerDynamo,地址栏输入 :/localhost:8080/webDemo/second.html,三、创建Web Target：,Web开发过程,三、创建Web Target：,1. Web Target介绍,Dynamo Web Site Target wizard,Web Site Target wizard,Migrate,PowerSite,7.1 Project wizard,Source controlled Web Target wizard,三、创建Web Target：,2. Web页面的创建,三、创建Web Target：,3. Web页面编辑,三、创建Web Target：,3. Web页面编辑制表,单击工具栏 按钮，打开Rows对话框,Align的下拉列表框：用于设置该单元格的水平位置。,Vlign的下拉列表框：用于设置该单元格的垂直位置。,Width的文本框：用于设置单元格的水平长度。,Height的文本框：用于设置单元格的垂直长度。,RowSpan的文本框：用于设置单元格的水平边框。,ColSpan的文本框：用于设置单元格的垂直边框。,Cell HTML 文本框：用于设置单元格的文本内容,。,Align的下拉列表框：用于设置表格的对齐方式，居中，向左，向右三个选择。,Frame的下拉列表框：用于设置表格的边框。,Hight的文本框：用于设置表格的高度。,Celling padding的文本框：用于设置表格填充单元。,Border的文本框：用于设置表格的边框。,Celling spacing的文本框：用于设置表格单元外围的空格。,三、创建Web Target：,3. Web页面编辑图像,单击工具栏 按钮，打开Image IMG2 Propertyies对话框,mage Location的文本框：用于设置图像的路径，单击按钮，打开Choose URL对话框，URL文本框：用于设置需要插入图片的路径；Contents of myweb树形框：显示可以使用的图片文件。,Alternative Text的文本框：用于设置图像的文本。,Low Resolution Image的文本框：用于设置底层使用的图像。,Use a server-side image asp的复选框：用于设置使用服务器端的图像。,Correspending object for a client-side image asp的下拉列表框：用于选择可用的图像。,ID for scripting的文本框：用于设置脚本的ID,三、创建Web Target：,3. Web页面编辑链接、,Destination的文本框：用于设置超链接的地址，也可单击右边的按钮打开Choose URL对话框选择超链接的目标网页。,Target Window or Frame的下拉列表框：用于设置选择超链接打开的窗口方式。,Relationship的下拉列表框：用于设置超链接与窗口的关系。,ID for scripting的文本框：用于设置脚本的ID。,三、创建Web Target：,3. Web页面编辑按钮,Button Type的下拉列表框：用于设置按钮的类型，Submit是提交类型、reset是重置类型。,Button Name的文本框：用于设置按钮的名称。,Label的文本框：用于设置按钮显示的文字。,ID for scripting的文本框：用于设置按钮的脚本的标识ID。,三、创建Web Target：,4.分发服务器,三、创建Web Target：,4.分发服务器,三、创建Web Target：,4.分发服务器,四、创建JSP Target：,1.建立Jsp Target,Deployment Configuration Name的文本框：用于设置分发服务器的名称。,Description的文本框：用于设置分发服务器的详细描述,。,四、创建JSP Target：,1.建立Jsp Target,选择JSP服务器,四、创建JSP Target：,2. Jsp页面的创建和编辑,四、创建JSP Target：,2. Jsp页面的创建和编辑,四、创建JSP Target：,3.部署JSP,右键单击Web Target的MyJSP，然后单击弹出对话框的Run命令，运行该程序,五、Web Datawindow实现技术：,1.结构图,1 客户游览器请求URL页面,2 服务器脚本运行，调用服务器组件和调用Web DataWindow的组件方法,3 Web DataWindow把Web页面传送到游览器,4 动作由URL发出，增加动作的参数，发送到服务器。这些动作与修改DataWindow服务器组件相连接，同时从第2步开始循环。,五、Web Datawindow实现技术：,2.设计数据窗口对象,创建一个数据窗口d_customer，选择所有的列。在数据窗口面板中，查看数据窗口的属性，选择General属性页，选择HTML DataWindow复选框，其作用是当选择Design/HTML Preview时，允许以HTML形式查看,五、Web Datawindow实现技术：,3.步骤,五、Web Datawindow实现技术：,3.步骤,五、Web Datawindow实现技术：,4.设计界面,五、Web Datawindow实现技术：,5.运行结果,