XML數據島中數據的編輯和添加
通過上節(jié)的學習,了解了如何通過HTML來樣式化的顯示XML中的數據,下來嘗試著利用數據島來完成數據的編輯,添加。
來看用Javascript操作XMLDSO的方法:
movePrevious().指向前一個數據項。
moveNext().指向下一個數據項。
moveFirst().指向第一個數據項。
moveLast().指向最后一個數據項。
addNew().增加一個數據項。而實際的xml中并沒有增加任何數據。
下面通過一個實例來說明:
第一步:寫一個xml,比如 book.xml.
<?xml version="1.0" encoding="utf-8"?>
<books>
<book id="0001" bookcategory="文藝" amount="150" remain="80"
discount="8.5">
<title>三國演義</title>
<author>羅貫中</author>
<publisher>文藝出版社</publisher>
<ISBN>0-764-58007-8</ISBN>
<price>80.0</price>
</book>
<book id="0002" bookcategory="文藝" amount="300" remain="180"
discount="8.7">
<title>紅樓夢</title>
<author>曹雪芹</author>
<publisher>三秦出版社</publisher>
<ISBN>7805468397</ISBN>
<price>22</price>
</book>
<book id="0003" bookcategory="文藝" amount="200" remain="175"
discount="8.5">
<title>西游記(上下冊)</title>
<author>吳承恩</author>
<publisher>人民文學出版社</publisher>
<ISBN>7020008739</ISBN>
<price>40.12</price>
</book>
<book id="0004" bookcategory="文藝" amount="300" remain="192"
discount="8.7">
<title>水滸傳(上下冊)</title>
<author>吳承恩</author>
<publisher>時代文藝出版社</publisher>
<ISBN>7538714014</ISBN>
<price>40.85</price>
</book>
<book id="0065" bookcategory="文學" amount="120" remain="86"
discount="8.0">
<title>外國文學史(亞非卷)</title>
<author>朱維之</author>
<publisher>南開大學出版社</publisher>
<ISBN>7-310-01122-8</ISBN>
<price>20</price>
</book>
<book id="0076" bookcategory="文學" amount="130" remain="84"
discount="8.0">
<title>20世紀歐美文學簡史</title>
<author>李明濱</author>
<publisher>北京大學出版社</publisher>
<ISBN>7-301-04616-2</ISBN>
<price>21.8</price>
</book>
<book id="0098" bookcategory="文學" amount="140" remain="76"
discount="7.0">
<title>西方文藝理論名著教程(上)</title>
<author>胡經之</author>
<publisher>北京大學出版社</publisher>
<ISBN>7-301-00649-7</ISBN>
<price>24</price>
</book>
<book id="0012" bookcategory="文學" amount="210" remain="60"
discount="8.5">
<title>西方文藝理論名著教程(下)</title>
<author>胡經之</author>
<publisher>北京大學出版社</publisher>
<ISBN>7-301-00179-7</ISBN>
<price>23</price>
</book>
<book id="0036" bookcategory="文學" amount="100" remain="80"
discount="8.3">
<title>中國文學理論批判史教程</title>
<author>張少康</author>
<publisher>北京大學出版社</publisher>
<ISBN>7-301-04091-1</ISBN>
<price>25</price>
</book>
<book id="0018" bookcategory="計算機" amount="200" remain="100"
discount="8.2">
<title>計算機導論</title>
<author>丁躍潮</author>
<publisher>高等教育出版社</publisher>
<ISBN>7-04-014768-8</ISBN>
<price>19.7</price>
</book>
<book id="0218" bookcategory="計算機" amount="400" remain="300"
discount="8.5">
<title>程序設計基礎</title>
<author>張杰敏主編</author>
<publisher>高等教育出版社</publisher>
<ISBN>7-04-012652-4</ISBN>
<price>17.6</price>
</book>
<book id="0318" bookcategory="計算機" amount="100" remain="60"
discount="8.0">
<title>數據結構與算法</title>
<author>王曉東編</author>
<publisher>高等教育出版社</publisher>
<ISBN>7-04-013204-4</ISBN>
<price>21.8</price>
</book>
<book id="0181" bookcategory="計算機" amount="250" remain="156"
discount="8.0">
<title>XML Web Service開發(fā)</title>
<author>微軟公司著</author>
<publisher>高等教育出版社</publisher>
<ISBN>7-04-015825-6</ISBN>
<price>65.00</price>
</book>
<book id="0189" bookcategory="計算機" amount="230" remain="160"
discount="8.0">
<title>VB.NET程序設計語言</title>
<author>微軟公司著</author>
<publisher>高等教育出版社</publisher>
<ISBN>7-04-013188-9</ISBN>
<price>86.00</price>
</book>
<book id="0028" bookcategory="計算機" amount="100" remain="90"
discount="7.5">
<title>JavaScript速成教程</title>
<author>Michael Moncur著</author>
<publisher>機械工業(yè)出版社</publisher>
<ISBN>7-111-09070-5</ISBN>
<price>28.00</price>
</book>
<book id="0074" bookcategory="計算機" amount="130" remain="78"
discount="7.8">
<title>軟件工程Java語言實現</title>
<author>Slephen R.Schach</author>
<publisher>機械工業(yè)出版社</publisher>
<ISBN>7-111-06714-2</ISBN>
<price>51.00</price>
</book>
<book id="0109" bookcategory="計算機" amount="210" remain="160"
discount="8.0">
<title>人工智能</title>
<author>Nils J.Nilsson</author>
<publisher>機械工業(yè)出版社</publisher>
<ISBN>7-111-04738-6</ISBN>
<price>45.00</price>
</book>
<book id="0305" bookcategory="計算機" amount="115" remain="26"
discount="7.5">
<title>ASP開發(fā)實例</title>
<author>清漢計算機工作室</author>
<publisher>機械工業(yè)出版社</publisher>
<ISBN>7-980039-74-2</ISBN>
<price>53.00</price>
</book>
</books>
第二步:新建一個顯示book.xml的HTML文件.比如,book.html.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>HTML中的數據島中的記錄集</title>
</head>
<body>
<xml id="XMLdata" src="book.xml"></xml> <!--引入xml數據源-->
<center><b><font size="3">HTML中的XML數據島記錄編輯與添加</font></b>
</center><hr/>
書名:<input type="text" datasrc="#XMLdata" datafld="title" size="25"><br/>
類別:<input type="text" datasrc="#XMLdata" datafld="bookcategory" size="15"><br/>
書號:<input type="text" datasrc="#XMLdata" datafld="ISBN" size="25"><br/>
作者:<input type="text" datasrc="#XMLdata" datafld="author" size="25"><br/>
出版社:<input type="text" datasrc="#XMLdata" datafld="publisher" size="23"><br/>
定價:<input type="text" datasrc="#XMLdata" datafld="price" size="15"><br/>
剩余數量:<input type="text" datasrc="#XMLdata" datafld="remain" size="15"><br/>
<hr/>
<input id="first" type="button" value="<<第一條" onclick="XMLdata.recordset.moveFirst"> <!--數據島的基本方法-->
<input id="prev" type="button" value="<上一條" onclick="XMLdata.recordset.movePrevious">
<input id="next" type="button" value="下一條>" onclick="XMLdata.recordset.moveNext">
<input id="last" type="button" value="最后一條>>" onclick="XMLdata.recordset.moveLast">
<input id="add" type="button" value="添加" onclick="XMLdata.recordset.addNew"
</body>
</html>
第三步,測試,運行,看看效果,還是在tomcat容器中部署。
聯系客服