阿月 : 
需求:外币表 fcur ,表结构 可以参考:www.4fang.net/article/2010/4/23/95475_1.html
           实现这个表的记录增加和修改、删除

设计说明:1. 使用一个页面 myfcurlist 来 列出所有的外币种类和默认汇率
                         在该界面放置  增加 、 修改、 删除 功能按钮
                     2. 增加和修改 都使用一个新的窗口 ,myfcuredit ,让用户输入外币名称和默认汇率,点击保存按钮保存到数据库


Step by Step: 
1. 在目录 source\utf-8 里面找到 desktop.asp 文件,修改这个网页HTML,在您认为合适的地方添加一个 按钮 
 
  1. <button onclick="showmyfcurlist();" >外币资料</button>  


     在该文件的Javascript域中编写 函数       
 
  1. function showmyfcurlist(){   
  2.  //这里要学习xWin.create的使用和各个参数的意义   
  3.   xWin.create("?wci=levitation&page=myfcurlist",200,300);   
  4. }  

2.用IE打开你的应用网站,如果还没有用户名,请注册一个用户,登录,按指引新建一个帐套数据库

3. 按系统指引打开该数据库,你将会看你的做的 按钮, 点击 该按钮,系统会显示一个 新窗口(当然,窗口内容是提示找不到所需功能,因为我们还没有做myfcurlist这一页的功能)

4.用网页设计器或者文本编辑器,使用以下模板HTML,构建一个网页,保存为myfcurlist.asp (注意,要求Utf-8编码)
 
  1. <html>  
  2. <head>  
  3. <title>新界面页</title>  
  4. <script language="javascript">
  5. //调整自己界面所需的大小和位置,熟悉xWin.move的用法
  6. xWin.move(0.5,0.5,320,500);
  7.   
  8. //你自己的js 可以写这里   
  9. </script>  
  10. <!--引用系统通用的样式表-->  
  11. <link href="skins/default/style.css" rel="stylesheet" type="text/css">  
  12. </head>  
  13. <body style="border:0;overflow:hidden">  
  14. <div  class="iframehead" id="HeadDiv">  
  15.   <div>  
  16.     <ul style="list-style:none; margin:0px; padding:0px; text-align:left;">  
  17.       <li style=" width:300px;text-align:left; padding-top:10px;" class="positiont"><img style="margin-bottom:-5px;" src="skins/default/images/positiont.gif" width="30" height="30" />这里改为功能页名称</li>  
  18.     </ul>  
  19.   </div>  
  20.   
  21. </div>  
  22.   
  23. <!--这里可以构建你自己的界面-->  
  24.   
  25.   
  26. <!--以下为xWin窗口的最大化、最小化、关闭按钮-->  
  27. <div class="xWin-title-bar" id="xWin-title-bar" onmousedown="xWin.drag();" onDblClick="xWin.maximize();"></div>  
  28.    <div class="window-positiont" id="big-small-close-bg" ></div>  
  29.    <div  class="window-positiont">  
  30.    <div class="big-small-close"   onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="Util.help();"></div>  
  31.    <div class="big-small-close"  onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.minimize();"></div>  
  32.    <div class="big-small-close"  onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.maximize();"></div>  
  33.    <div class="big-small-close"  onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.close();"></div>  
  34.    </div>  
  35. </body>  
  36. </html>  

5.用鼠标右键,刷新网页,您应该能看到你自己的 外币列表界面(这个时候,能看到窗口,但是除了标题栏和窗口控制按钮外没有其他内容)

6.开始编写数据交换的代码
   在界面页的JS 编写 
 
  1. //在界面载入的时候就去数据库取外币列表   
  2. Sheeta.onpazuready=function(){   
  3.      var xD=Sheeta.readXML(Pazu.fly("getFCurList()"));   
  4.     alert(xD.xml);   
  5. }  
  增加一个文件 myfcurlist.sc.asp 作为后台代码页
  在这个代码页里面增加一个SC函数
  
 
  1. 'SC里面其实就是一个个的函数组成的,供界面页调用   
  2. function getFCurList()   
  3. '错误陷阱处理,不管有没有错误,只管往下运行   
  4. on error resume next   
  5.     '定义变量         
  6.      dim cn,rs,s   
  7.      '获得数据库链接和记录集对象   
  8.      set cn=GetCN_()   
  9.      set rs=GetRS_()   
  10.      '打开当前数据库的链接   
  11.      cn.open CNStr_   
  12.      '打开并返回记录集   
  13.      rs.open "select  fcur,exrate  from fcur  where fcur<>'' ", cn   
  14.      '序列化为XML格式化字符串,学习SC内置函数的用法   
  15.      s=R2X_( rs,"FCUR" )   
  16.         
  17.      '这就是REST思想!一次性返回结果和状态   
  18.      getFCurList=XML_( s &  ErrXML_( err ) )   
  19.         
  20.     '关闭连接和记录集   
  21.      close_  rs   
  22.      close_  cn   
  23. end function  
注意:因为数据库里面fcur还没有可用的记录,你可以先用ACCESS打开数据库,手工添加记录,或者修改上面的SC代码,在 cn.open 的下面插入两行:
            cn.execute "insert into fcur (fcur,exrate) values('RMB',1)"
            cn.execute "insert into fcur (fcur,exrate) values('USD',7.3)"

 好了,在界面页,通过Sheeta.readXML,你已经获得了一个XMLDOM对象,包含了SC返回的数据库记录,剩下的就是你要写Javascript把这些数据 显示在页面上了。

7.  继续编写程序,实现记录的增加和修改、删除
     建议当你修改或者新增记录的时候采用新窗口的方式,这样就可以学到 url的二级指令 const 的用法,和xWin.getOpener() 的用法
文档中心
Copyright © 2000-2016 粤ICP05021785号
地址:广州市天河区员村二横路8号全丰商业大厦808室 邮编:510600