java web 通过前台输入的数据(name-value)保存到后台 xml文件中

一:项目需求,前端有一个页面,页面中可以手动输入一些参数数据,通过点击前端的按钮,使输入的数据保存到后台生成的.xml文件中

 

二:我在前端使用的是easyui的propertygrid,这个能通过data-options中的URL:

'/task1/com/guodiantong/servlet/JsonToJspServlet.action'这个地址对应后台的servlet,要求在对应的servlet中必须有json格式的字符串输出:

String ss=javaToGson.javaToString(list);//这个里面用到的是com.google.gson.Gson这个jar包,这个jar包是实现json格式数据到字符串或javabean转换很好的包

response.setContentType("application/json");

response.getWriter().write(ss);

效果图如下:

java web 通过前台输入的数据(name-value)保存到后台 xml文件中_第1张图片

三:项目架构:自己写的一个httpservlet

四:上代码:

1):先看从前台到后台写入xml文件代码:

前端的代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
    <link rel="stylesheet" type="text/css" href="easyui.css">
   
    <link rel="stylesheet" type="text/css" href="demo.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.easyui.min.js"></script>
   
</head>
<body>
    
    <div style="margin:20px 0;"></div>
    <table id="pg" class="easyui-propertygrid" style="width:300px" data-options="
                url: '/task1/com/guodiantong/servlet/JsonToJspServlet.action',
                method: 'get',
                showGroup: true,
                scrollbarSize: 0,
                columns: mycolumns
            ">
    </table>
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="transferData()" >向XML文件中传递数值</a>
    <br>
    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="transferDataToJsp()" >从XML文件中向前台传递数值</a>
 

    <script type="text/javascript">
      function transferData(){ var opt=$('#pg').propertygrid('getData'); //console.log(opt);
         var row=opt.rows; //console.log(row);
         var as=[]; var temp=[]; for(var i=0;i<row.length;i++){ var a=row[i].name; temp.push('{"name":'+'"' +a+'"'+ ','); // console.log(a);
            var b=row[i].value; if(i==row.length-1){ temp.push('"value":'+ '"'+b+'"'); temp.push('}'); }else{ temp.push('"value":'+ '"'+b+'"'); temp.push('}'+'_'); } //console.log(b);
 } as.push(temp.join("")); console.log(as); jQuery.ajax({ url:"/task1/com/guodiantong/servlet/xmlServlet.do", type:"POST", data:{aa:as} }) } function transferDataToJsp(){
        
         jQuery.ajax({
             url:"/task1/com/guodiantong/servlet/JsonToJspServlet.action",
             type:"POST",
             success:function(data){
                
                
                 alert(1);
             },
             error:function(XMLHttpRequest, textStatus, errorThrown){
                 console.log(errorThrown);
             }
         })
         $('#pg').propertygrid('reload');
     }
        
    </script>
        
</body>
</html>

接受前台数据用到的javabean:

package com.guodiantong.domain;

public class PropertyGrid {
    public String name;
    public String value;
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getValue() {
        return value;
    }
    public void setValue(String value) {
        this.value = value;
    }
    public PropertyGrid(String name, String value) {
        
        this.name = name;
        this.value = value;
    }
    public PropertyGrid() {
        
    }
    @Override
    public String toString() {
        return "PropertyGrid [name=" + name + ", value=" + value + "]";
    }
    
}

 

1.1从前台到后台写入xml文件的过程涉及到的代码:servlet代码

package com.guodiantong.servlet;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;


import com.guodiantong.domain.PropertyGrid;
import com.guodiantong.logicmethod.GsonToJava;
import com.guodiantong.xmlparse.CreateXmlNode;

public class xmlServlet extends HttpServlet {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;

    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        String filePath="/propertygrid.xml";
       String[] obj= request.getParameterValues("aa[]");
        String as[]=obj[0].split("_");
        System.out.println(obj[0]);
        System.out.println(as.length);
        List<PropertyGrid> list=new ArrayList<PropertyGrid>();
        GsonToJava gsonToJava=new GsonToJava();
        list=gsonToJava.springToJava(as);
        for(PropertyGrid pro:list){
        
            System.out.println(pro);
            System.out.println(pro.getValue());
        }
        
        System.out.println(request.getContextPath());
        CreateXmlNode createXmlNode=new CreateXmlNode();
        try {
            createXmlNode.createXmlWithNode(list, filePath);
        } catch (Exception e) {
            
            e.printStackTrace();
        }
        //System.out.println(request.getRealPath(null));
    }
}

servlet中涉及到的方法代码:

package com.guodiantong.logicmethod;

import java.util.ArrayList;
import java.util.List;

import com.google.gson.Gson;
import com.guodiantong.domain.PropertyGrid;

public class GsonToJava {
    private void GsonToJava() {

    }
    public List<PropertyGrid> springToJava(String[] s){
        Gson gson=new Gson();
        List<PropertyGrid> list=new ArrayList<PropertyGrid>();
        PropertyGrid propertyGrid=new PropertyGrid();
        for(int i=0;i<s.length;i++){
        propertyGrid=gson.fromJson(s[i], PropertyGrid.class);
        list.add(propertyGrid);
        }
        return list;
        
    }
    
}

写入xml文件数据的方法:注意到,在这个代码中我是把前台的数据写到了e盘下的.Person.xml文件里了

package com.guodiantong.xmlparse;

import java.io.FileOutputStream;
import java.io.StringWriter;
import java.util.List;

import org.dom4j.Document;
import org.dom4j.DocumentHelper;
import org.dom4j.Element;
import org.dom4j.io.OutputFormat;
import org.dom4j.io.XMLWriter;

import com.guodiantong.domain.PropertyGrid;

public class CreateXmlNode {
     public CreateXmlNode() {
        // TODO Auto-generated constructor stub
    }
     
     public boolean createXmlWithNode(List<PropertyGrid> list,String filePath) throws Exception{
         Document document=DocumentHelper.createDocument();
         Element root=document.addElement("parameters");
         for(int i=0;i<list.size();i++){
             
             Element param=root.addElement(list.get(i).getName());
             param.addText(list.get(i).getValue());
             
         }
         StringWriter stringWriter=new StringWriter();
         
         OutputFormat xmlFormat=new OutputFormat();
         xmlFormat.setEncoding("UTF-8");
         xmlFormat.setNewlines(true);
         xmlFormat.setIndent(true); 
         xmlFormat.setIndent("    "); 
         
         XMLWriter xmlWriter = new XMLWriter(new FileOutputStream("e:/Person.xml"),xmlFormat);  
           //写入文件  
           xmlWriter.write(document);  
           //关闭  
           xmlWriter.close(); 
           // 输出xml 
         System.out.println(stringWriter.toString()); 

         
         return true; 
     }
}

1.2从前台从后台读取数据的过程代码:前提是我已经有一个Person.xml文件,然后把这些数据读到我前端的表格里面对应的字段去:

servlet代码:

package com.guodiantong.servlet;

import java.io.File;
import java.io.FileOutputStream;
import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.dom4j.DocumentException;

import com.guodiantong.domain.PropertyGrid;
import com.guodiantong.logicmethod.JavaToGson;
import com.guodiantong.xmlparse.ReadXmlNode;

public class JsonToJspServlet extends HttpServlet {

    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        //System.out.println("hello dopost");
        String fileName="e:/Person.xml";
        ReadXmlNode readXmlNode=new ReadXmlNode();
        JavaToGson javaToGson=new JavaToGson();
        List<PropertyGrid> list=new ArrayList<PropertyGrid>();
        try {
            list=readXmlNode.xmlToList(fileName);
            System.out.println(list);
            String ss=javaToGson.javaToString(list);
            int length=javaToGson.stringLength(list);
            System.out.println(length);
            System.out.println(ss);
            File writeFile=new File("E:/2015/prj/task1/WebContent/propertygrid_data1.vm");
            FileOutputStream fw=new FileOutputStream(writeFile);
            String propertygrid_vm="{"+"\"total\":"+length+",\"rows\":" + ss + "}";
            fw.write(propertygrid_vm.getBytes());
            fw.flush();
            fw.close();
            response.setContentType("application/json"); response.getWriter().write(ss);  
        } catch (DocumentException e) {
            
            e.printStackTrace();
        }
        
        
    }
    
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        
        
        doPost(request,response);
    }

}

涉及到的方法:

package com.guodiantong.logicmethod;

import java.util.List;

import com.google.gson.Gson;
import com.guodiantong.domain.PropertyGrid;

public class JavaToGson {
    public JavaToGson() {
        // TODO Auto-generated constructor stub
    }
    
    public String javaToString(List<PropertyGrid> list){
        Gson gson=new Gson();
        return gson.toJson(list);
        /*String ss="";
        for(int i=0;i<list.size();i++){
            String temp;
            temp=gson.toJson(list.get(i));
            if(i==list.size()-1){
                ss=ss+temp;
            }else{
            ss=ss+temp+",";
            }
        }
        return ss;*/
    }
    
    public int stringLength(List<PropertyGrid> list){
        Gson gson=new Gson();
        String ss="";
        for(int i=0;i<list.size();i++){
            String temp;
            temp=gson.toJson(list.get(i));
            if(i==list.size()-1){
                ss=ss+temp;
            }else{
            ss=ss+temp+"_";
            }
        }
        String ssArray[]=ss.split("_");
        int length=ssArray.length;
        return length;
    }
}
package com.guodiantong.xmlparse;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

import org.dom4j.Document;
import org.dom4j.DocumentException;
import org.dom4j.Element;
import org.dom4j.io.SAXReader;

import com.guodiantong.domain.PropertyGrid;

public class ReadXmlNode {
    public ReadXmlNode() {
        // TODO Auto-generated constructor stub
    }
    
    public List<PropertyGrid> xmlToList(String fileName) throws DocumentException{
        List<PropertyGrid> list=new ArrayList<PropertyGrid>();
        System.out.println("进入了xmlToList方法");
        SAXReader reader=new SAXReader();
        Document doc=reader.read(fileName);
        //System.out.println(doc);
        Element root=doc.getRootElement();
        
          for ( Iterator i = root.elementIterator(); i.hasNext(); ) {
                  PropertyGrid propertyGrid=new PropertyGrid();
                Element element = (Element) i.next();
                propertyGrid.setName(element.getName());
                propertyGrid.setValue(element.getText());
//                // do something
//                System.out.println(element.getName());
//                System.out.println(element.getText());
                list.add(propertyGrid);
            }
        
        
        
        return list;
    }
}

后台的xml文件:

<?xml version="1.0" encoding="UTF-8"?>

<parameters>
    <Name1>Bill Smith</Name1>
    <Address1></Address1>
    <zst>27</zst>
    <Age>40</Age>
    <Birthday>01/02/2012</Birthday>
    <SSN23>123-456-7890</SSN23>
    <hhh>2334</hhh>
    <Email>[email protected]</Email>
    <FrequentBuyer>false</FrequentBuyer>
    <xiaopenghui>nb</xiaopenghui>
    <lx1>nb</lx1>
    <abc1>hhh</abc1>
    <tx1>456</tx1>
    <hello2>world</hello2>
    <ag>lll</ag>
    <qq>1032077316</qq>
</parameters>

 

你可能感兴趣的:(java web 通过前台输入的数据(name-value)保存到后台 xml文件中)