隨著微軟visual studo.net beta版的發布，由于visual studio.net對xml以及web服務的強大支持，利用visual studio.net開發web服務應用將會越來越多而且是非常的方便。本文以一個b2b電子商務網站為例，介紹利用web服務在不同站點間共享同一數據庫的具體方法和步驟。本文中，客戶端是指使用web服務的一方，服務器端是指提供web服務的另一方。
問題的提出
該網站是一家（簡稱a）從事網上銷售手機sim卡的業務的電子商務網站。前不久，該網站與另一家網站（簡稱b）合作，共同開展網上銷售聯通手機sim卡業務。由于都是使用的a網站的號碼資源，存取的都是a網站的數據庫，于是筆者利用webservice技術為另一家網站開發了網上售卡系統。
各主要功能的模塊和關鍵代碼
1． 數據庫采用sql server2000，使用存儲過程實現號碼瀏覽的分頁顯示。代碼如下：
create procedure fenye
(
@pagenow int,
@pagesize int,
@cityid int,
@code char(3),
@recordcount int output
)
as
set nocount on
declare @allid int,@beginid int,@endid int,@pagebegin char(11),@pageend char(11)
select @allid=count(*) from jinan where [email protected] and (code like @code+'%')
select @[email protected]
declare cur_fastread cursor scroll for
select code from jinan where [email protected] and (code like @code+'%') order by code
open cur_fastread
select @beginid=(@pagenow-1)*@pagesize+1
select @[email protected][email protected]
fetch absolute @beginid from cur_fastread into @pagebegin
if @endid>@allid
fetch last from cur_fastread into @pageend
else
fetch absolute @endid from cur_fastread into @pageend
set nocount off
select code,cost,status from jinan join xuanhaofei on jinan.category=xuanhaofei.category and jinan.cityid=xuanhaofei.cityid
where code between @pagebegin and @pageend order by code
close cur_fastread
deallocate cur_fastread
go
2． 用visual studio.net創建webservice。在visual studo.net中，webservice文件的擴展名是.asmx。該文件放在a網站上，供其他網站調用。
* 啟動visual studio.net，選擇new project。
* 在左面版中選擇visual c# projects，在右面版中選擇asp.net webservice。
* 單擊ok按鈕就生成了一個webservice項目。在項目中新建一個webservice文件，webservice1.asmx。該文件實現對數據庫的存取，并對調用者輸出一個字符串。
下面是該文件的代碼：
webservice1.asmx.cs
using system;
using system.collections;
using system.componentmodel;
using system.data;
using system.data.sqlclient;
using system.configuration;
using system.text;
using system.diagnostics;
using system.web;
using system.web.services;
namespace webservice1
{
public class service2 : system.web.services.webservice
{
sqlconnection con;
public service2()
{
//codegen: this call is required by the asp.net web services designer
initializecomponent();
}
[webmethod] //[webmethod]屬性聲明此方法作為web服務可以被遠程使用者調用
public string table(int pagenow,int cityid)
{
int recordcount;//總號碼數
int page=0;//總頁數
int j=0;
sqldatareader d=getcode(pagenow,cityid,out recordcount);
if(recordcount%39==0)
{
page=recordcount/39;//每頁只顯示39個號碼
}
else
{
page=recordcount/39+1;
}
stringbuilder str=new stringbuilder("<table border='1' width='100%' bordercolorlight='00008b' bordercolordark='#fffff0' cellspacing='0' cellpadding='0' height='24'><tr>");
for(int i=0;i<3;i++)
{
str.append("<td bgcolor='#f0f8ff' align='middle' height='0' valign='center'>");
str.append("<p style='margin-bottom: 2px'><font size='2'>號 碼</font></p></td>");
str.append("<td bgcolor='#f0f8ff' align='middle' height='0' valign='center'>");
str.append("<font size='2'>選號費</font></td><td bgcolor='#f0f8ff' align='middle' height='0' valign='center'> </td>");
}
str.append("</tr><tr>");
while(d.read())
{
str.append("<td height='24' align='middle'><font size='2'>");
str.append(d["code"].tostring());
str.append("</td><td height='24' align='middle'><font size='2'> ");
str.append(d["cost"].tostring());
str.append("</td>");
if((d["status"].tostring().trimend())=="已預定")
{
str.append("<td height='24' align='middle'>");
str.append("<input type='image' name='image' src='http://www.163design.net/n/e/images/hand.gif'>");
str.append("</td>");
}
else
{
str.append("<td height='24' align='middle'>");
str.append("<input type='image' name='image' src='http://www.163design.net/n/e/images/cart.jpg' onclick='javascript:addcart(");
str.append(d["code"].tostring());
str.append(")' width='24' height='24'>");
str.append("</td>");
}
j++;
if(j%3==0)
{
str.append("</tr><tr>");
}
}
d.close();
con.close();
str.append("</tr></table><br>");
if(pagenow==1)
{
str.append("<font color='#000080' size=2>首頁 上一頁</font> ");
}
else
{
str.append("<font color='#000080' size=2><a href='javascript:first()'>首頁</a> ");
str.append("<a href='javascript:previous(");
str.append(pagenow-1);
str.append(")'>上一頁</a></font> ");
}
if(pagenow==page)
{
str.append("<font color='#000080' size=2>下一頁 尾頁</font>");
}
else
{
str.append("<a href='javascript:next(");
str.append(pagenow+1);
str.append(")'><font color='#000080' size=2>下一頁</a> <a href='javascript:last(");
str.append(page);
str.append(")'>尾頁</a></font>");
}
str.append("<font color='#000080' size=2> 頁次：</font><strong><font color=red size=2>");
str.append(pagenow);
str.append("</font><font color='#000080' size=2>/");
str.append(page);
str.append("</strong>頁</font>");
str.append("<font color='#000080' size=2> 共<b>");
str.append(recordcount);
str.append("</b>個號碼 <b>39</b>個號碼/頁</font>");
return str.tostring();
}
private sqldatareader getcode(int pagenow,int cityid,out int recordcount)
{
sqldatareader dr=null;
con=new sqlconnection("server=localhost;database=yitong;uid=sa;pwd=");
sqlcommand cmd=new sqlcommand("fenye",con);
cmd.commandtype=commandtype.storedprocedure;
cmd.parameters.add(new sqlparameter("@pagenow",sqldbtype.int));
cmd.parameters["@pagenow"].value=pagenow;//目前所在頁面
cmd.parameters.add(new sqlparameter("@pagesize",sqldbtype.int));
cmd.parameters["@pagesize"].value=39;//每頁要顯示的號碼數
cmd.parameters.add(new sqlparameter("@cityid",sqldbtype.int));
cmd.parameters["@cityid"].value=cityid;//城市代碼
cmd.parameters.add(new sqlparameter("@code",sqldbtype.char,3));
cmd.parameters["@code"].value="130";//只搜索聯通的手機號碼
sqlparameter q;
q=cmd.parameters.add(new sqlparameter("@recordcount",sqldbtype.int));
q.direction=parameterdirection.output;
con.open();
cmd.executenonquery();
recordcount=(int)cmd.parameters["@recordcount"].value;//返回的號碼總數
dr=cmd.executereader();
return dr;
}
}
}
3． 客戶端頁面存放在b網站上。當客戶瀏覽該網站時，通過該頁面可以瀏覽、訂購a網站數據庫中號碼。客戶端頁面使用微軟的webservice behavior技術調用a上的web服務。webservice behavior是微軟在ie5.0中新增加的一項可以通過頁面腳本使用web服務的技術。她使用soap協議與web服務通訊，可以動態更新頁面的局部，而不刷新整個頁面，較之通常使用的整頁刷新的方法，它更快也更有效。要使用這項技術，須從微軟網站上下載一個webservice.htc組件到客戶端頁面所在的目錄下。
客戶端頁面的代碼如下：
client.htm
<html>
<head>
<title></title>
<script language=”javascript”>
<!--
function window_onload() {
//調用a提供的web服務
service.useservice("http://ipofa/service1.asmx?wsdl","myselect");
//調用web服務的table方法，顯示第一個頁面
service.myselect.callservice(showcode,"table",1,city.value);
}
function city_onchange() {
service.service1.callservice(showcode,"table",1,city.value);
}
function addcart(id)
{
url = "basket.asp?code=" + id ;
window.navigate(url);
}
function next(x)
{
//顯示下一頁
service.myselect.callservice(showcode,"table",x,city.value)
}
function first()
{
//顯示首頁
service.myselect.callservice(showcode,"table",1,city.value);
}
function previous(x)
{
//顯示上一頁
service.myselect.callservice(showcode,"table",x,city.value);
}
function last(x)
{
//顯示最后一頁
service.myselect.callservice(showcode,"table",x,city.value);
}
function showcode(result)
{
//result保存調用web服務后返回的結果
service.innerhtml=result.value;
}
//-->
</script>
</head>
<body onload="return window_onload()">
<select language="javascript" name="city" onchange="return city_onchange()">
<option value="531" selected> 山東濟南</option>
<option value="537"> 山東濟寧</option> <option value="546"> 山東東營</option>
</select>
<div id="service" style="behavior:url(webservice.htc)">
</div>
</body>
</html>
可以看到，webservice behavior可以使一個靜態頁面通過腳本程序使用web服務，而且不用在客戶端建立代理，只要拷貝一個webservice.htc組件就可以了。
利用visual studio.net，你可以不必了解http、xml、soap、wsdl等底層協議，同樣能開發和使用web服務，真得是好爽。
附圖：（這是我在本機調試時顯示的頁面，供參考）
，歡迎訪問網頁設計愛好者web開發。
