需求：外币表fcur，表结构可以参考:www.4fang.net/article-4Fang

需求：外币表 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，在您认为合适的地方添加一个按钮

<button onclick="showmyfcurlist();" >外币资料</button>

在该文件的Javascript域中编写函数

function showmyfcurlist(){
//这里要学习xWin.create的使用和各个参数的意义
xWin.create("?wci=levitation&page=myfcurlist",200,300);
}

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

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

4.用网页设计器或者文本编辑器，使用以下模板HTML，构建一个网页，保存为myfcurlist.asp (注意,要求Utf-8编码）

<html>
<head>
<title>新界面页</title>
<script language="javascript">
//调整自己界面所需的大小和位置，熟悉xWin.move的用法
xWin.move(0.5,0.5,320,500);
//你自己的js 可以写这里
</script>
<link href="skins/default/style.css" rel="stylesheet" type="text/css">
</head>
<body style="border:0;overflow:hidden">
<div class="iframehead" id="HeadDiv">
<div>
<ul style="list-style:none; margin:0px; padding:0px; text-align:left;">
<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>
</ul>
</div>
</div>
<div class="xWin-title-bar" id="xWin-title-bar" onmousedown="xWin.drag();" onDblClick="xWin.maximize();"></div>
<div class="window-positiont" id="big-small-close-bg" ></div>
<div class="window-positiont">
<div class="big-small-close" onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="Util.help();"></div>
<div class="big-small-close" onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.minimize();"></div>
<div class="big-small-close" onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.maximize();"></div>
<div class="big-small-close" onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.close();"></div>
</div>
</body>
</html>

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

6.开始编写数据交换的代码
在界面页的JS 编写

//在界面载入的时候就去数据库取外币列表
Sheeta.onpazuready=function(){
var xD=Sheeta.readXML(Pazu.fly("getFCurList()"));
alert(xD.xml);
}

增加一个文件 myfcurlist.sc.asp 作为后台代码页
在这个代码页里面增加一个SC函数

'SC里面其实就是一个个的函数组成的，供界面页调用
function getFCurList()
'错误陷阱处理，不管有没有错误，只管往下运行
on error resume next
'定义变量
dim cn,rs,s
'获得数据库链接和记录集对象
set cn=GetCN_()
set rs=GetRS_()
'打开当前数据库的链接
cn.open CNStr_
'打开并返回记录集
rs.open "select fcur,exrate from fcur where fcur<>'' ", cn
'序列化为XML格式化字符串，学习SC内置函数的用法
s=R2X_( rs,"FCUR" )
'这就是REST思想！一次性返回结果和状态
getFCurList=XML_( s & ErrXML_( err ) )
'关闭连接和记录集
close_ rs
close_ cn
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() 的用法

2010年04月23日 20:08

回复(0)分类(1)转发(0)

文档中心