实验三 XML 应用程序开发
实验内容与结果
1 、取出数据库中 dept 表中的全部数据,并生成一个 dept.xml 的数据。dept 表的结构下表所示。
dept表 | |
---|---|
deptno | 部门编号,使用数字表示,长度为4 |
dname | 部门名称,使用字符串表示,长度为 14 |
loc | 部门位置,使用字符串表示,长 度为 13 |
1、实验思路:首先在数据库中建立对应的表,通过连接数据库获取到表中的数据;声明对应的变量对查询的内容进行接收,根据xml对应的结构特点将各个结点连接起来,生成xml文件。
数据库中的表:
实现代码:
<%@ page import="java.sql.*" %>
<%@ page import="org.jdom2.*" %>
<%@ page import="java.io.*" %>
<%@ page import="org.jdom2.output.XMLOutputter" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<%!
public static final String DBDRIVER="com.microsoft.sqlserver.jdbc.SQLServerDriver";
public static final String DBURL="jdbc:sqlserver://localhost:1433;DatabaseName=xml";
public static final String DBUSER="sa";
public static final String DBPASS="123456";
%>
<%
Connection conn = null;
PreparedStatement pstmt = null;
ResultSet rs = null;
Class.forName(DBDRIVER);
conn = DriverManager.getConnection(DBURL,DBUSER,DBPASS);
String sql = "select * from dbo.dept";
pstmt = conn.prepareStatement(sql);
rs = pstmt.executeQuery();
Element addresslist = new Element("xml");
Document doc = new Document(addresslist);
while(rs.next()){
int deptno = rs.getInt("deptno");
String dname = rs.getString("dname");
String loc = rs.getString("loc");
Element linkman = new Element("dept");
Element deno = new Element("deptno");
Element dename = new Element("dname");
Element dloc = new Element("loc");
deno.setText(String.valueOf(deptno));
dename.setText(dname);
dloc.setText(loc);
linkman.addContent(deno);
linkman.addContent(dename);
linkman.addContent(dloc);
addresslist.addContent(linkman);
XMLOutputter in = new XMLOutputter();
in.setFormat(in.getFormat().setEncoding("GBK"));
try{
in.output(doc,new FileOutputStream("D:"+File.separator+"dept.xml"));
}catch(Exception e){
e.printStackTrace();
}
out.print("部门编号"+deptno+";");
out.println("部门名称"+dname+";");
out.println("部门位置"+loc+";");
out.print("<br>");
}
%>
</body>
</html>
要生成XML文件还需要导入一个jar包——jdom-2.0.6.jar,JDOM是使用Java语言编写的、用于读、写、操作XML的一套组件,可以直接从http://www.jdom.org/downloads/index.html官网上下载JDOM的开发包。
生成的xml文件:
2 、 给出如下 XML 文件,要求可以通过解析操作将所有的相关数据插入到数据库表中。数 据表emp 格式如下所示
emp表 | |
---|---|
empno | 雇员编号,使用数字表示,长度是 4 |
ename | 雇员姓名,使用字符串表示,长度为 10 |
job | 雇员工作 |
hiredate | 雇用日期,使用日期从事表示 |
sal | 基本工资,使用小数表示,小数位 2 位,整数位 5 位。 |
comm | 奖金 |
XML 数据如下:
<?xml version="1.0" encoding="UTF-8"?>
<emps>
<emp>
<empno>1000</empno>
<ename>张三</ename>
<job>经理</job>
<hiredate>1998-08-16</hiredate>
<sal>3000</sal>
<comm>500</comm>
</emp>
</emps>
2、实验思路:先根据emp表中各个属性的数据类型在数据库中建立对应的表,写出对应的xml文件,用DOM的方式进行解析,连接数据库将对应的数据插入到数据表中。
数据库表中的设计:
xml文件:
<?xml version="1.0" encoding="UTF-8"?>
<emps>
<emp>
<empno>1000</empno>
<ename>张三</ename>
<job>经理</job>
<hiredate>1998-08-16</hiredate>
<sal>3000</sal>
<comm>500</comm>
</emp>
</emps>
解析xml文件并插入到数据表中:
package xml;
import java.sql.*;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import javax.xml.parsers.DocumentBuilder;
import javax.xml.parsers.DocumentBuilderFactory;
import org.w3c.dom.Document;
import org.w3c.dom.Node;
import org.w3c.dom.NodeList;
public class ReadXml {
public static final String DBDRIVER="com.microsoft.sqlserver.jdbc.SQLServerDriver";
public static final String DBURL="jdbc:sqlserver://localhost:1433;DatabaseName=xml";
public static final String DBUSER="sa";
public static final String DBPASS="123456";
public static void main(String[] args) throws Exception{
Connection conn = null;
Class.forName(DBDRIVER);
conn = DriverManager.getConnection(DBURL,DBUSER,DBPASS);
DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
DocumentBuilder builder = factory.newDocumentBuilder();
Document doc = builder.parse("WebContent\\emp.xml");
NodeList nl = doc.getElementsByTagName("emp");
node(nl, conn);
}
public static void node(NodeList list, Connection conn) throws SQLException, ParseException {
for (int i = 0; i < list.getLength(); i++) {
Node node = list.item(i);
NodeList childNodes = node.getChildNodes();
PreparedStatement pstmt = null;
ArrayList<String> lists = new ArrayList<String>();
for (int j = 0; j < childNodes.getLength(); j++) {
if (childNodes.item(j).getNodeType() == Node.ELEMENT_NODE) {
lists.add(childNodes.item(j).getFirstChild().getNodeValue());
}
}
String sql = "insert into dbo.employee values(?,?,?,?,?,?);";
pstmt = conn.prepareStatement(sql);
pstmt.setString(1, lists.get(0));
pstmt.setString(2, lists.get(1));
pstmt.setString(3, lists.get(2));
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
java.util.Date date = sdf.parse(lists.get(3));
long lg = date.getTime();
pstmt.setDate(4, new java.sql.Date(lg));
pstmt.setFloat(5, Integer.parseInt(lists.get(4)));
pstmt.setString(6, lists.get(5));
if (pstmt.executeUpdate() > 0) {
System.out.println("第" + i + "次插入成功");
}
}
}
}
插入之后的数据表:
3 、 使用js 实现动态新增,删除表格,点击增加按钮,表格中增加一条数据,点击删除按钮, 表格中删除一条数据。效果如下图:
3、先设计对应的界面,通过js的实现对表的动态增加和删除
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
form{
width:380px;
padding:8px;
margin:20px auto;
box-sizing:border-box;
}
input{
margin-left:3px;
outline:none;
}
#div1{
width: 300px;
padding:8px;
margin: 20px auto;
box-sizing:border-box;
}
td{
width:60px;
height:25px;
}
</style>
<script>
function add(){
var name = document.getElementById("name").value;
var sex = document.getElementById("sex").value;
var age = document.getElementById("age").value;
var table = document.getElementById("table1");
var tr = table.insertRow();
var td1 = tr.insertCell();
var td2 = tr.insertCell();
var td3 = tr.insertCell();
var td4 = tr.insertCell();
td1.innerHTML = name;
td2.innerHTML = sex;
td3.innerHTML = age;
td4.innerHTML = "<input type=\"button\" value=\"删除\" οnclick=\"del(this);\">";
}
function del(btn){
var tr = btn.parentNode.parentNode;
var table = document.getElementById("table1");
table.deleteRow(tr.rowIndex);
}
</script>
<title>Insert title here</title>
</head>
<body>
<form method="post">
用户名:<input type="text" name="name" id="name"><br><br>
性别: <input type="text" name="sex" id="sex"><br><br>
年龄: <input type="text" name="age" id="age">
<input type="button" width="80px" height="35px" value="增加按钮" onclick="add()">
</form>
<div class="div1">
<table border="1" cellspacing="0" align="center" id="table1">
<tr>
<th>用户名</th>
<th>性别</th>
<th>年龄</th>
<th>操作</th>
</tr>
<tbody>
<tr>
<td>zhangsan</td>
<td>男</td>
<td>20</td>
<td><input type="button" value="删除" onclick="del(this);"></td>
</tr>
<tr>
<td>lisi</td>
<td>女</td>
<td>18</td>
<td><input type="button" value="删除" onclick="del(this);"></td>
</tr>
<tr>
<td>wangwu</td>
<td>男</td>
<td>25</td>
<td><input type="button" value="删除" onclick="del(this);"></td>
</tr>
</table>
</div>
</body>
</html>