<项目><day12>通讯录(自己做的)

设计一个通讯录主页面

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <title>电话本首页</title>
 5     
 6     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 7     <meta http-equiv="description" content="this is my page">
 8     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 9     
10     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
11 
12   </head>
13   
14   <body>
15   <table align="center" border="1">
16   <form>
17     <center><h1>电话簿</h1></center>
18     <tr>
19         <td>1.<a href="/myPhoneBook/PhoneList"><input type="button" value="查询联系人"/></a></td>
20     </tr>
21     <tr>
22         <td>2.<a href="add.html"><input type="button" value="添加联系人"/></a></td>
23     </tr>
24     <tr>
25         <td>3.<a href="update.html"><input type="button" value="修改联系人"/></a></td>
26     </tr>
27     <tr>
28         <td>4.<a href="/myPhoneBook/Delete"><input type="button" value="删除联系人"/></a></td>
29     </tr>
30    
31   </form>
32    </table>
33   </body>
34 </html>

1.添加联系人：      

 1.1保存页面  

<!DOCTYPE html>
<html>
  <head>
    <title>添加联系人页面</title>
    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
  
  <body>
    <form action="/myPhoneBook/Add" method="POST">
    <table cellpadding="10" border="1" align="center">
        <tr>
        <td>编号</td>
        <td><input type="text" name="id"/></td>
        </tr>
        <tr>
        <td>姓名</td>
        <td><input type="text" name="name"/></td>
        </tr>
        <tr>
        <td>年龄</td>
        <td><input type="text" name="age"/></td>
        </tr>
        <tr>
        <td>性别</td>
        <td>
        男<input type="radio" checked="checked" name="gender" value="男"/>
        女<input type="radio" name="gender" value="女"/>
        </td>
        </tr>
        <tr>
        <td>电话</td>
        <td><input type="text" name="phone"/></td>
        </tr>
        <tr>
        <td>QQ</td>
        <td><input type="text" name="qq"/></td>
        </tr>
        <tr>
        <td>邮箱</td>
        <td><input type="text" name="mail"/></td>
        </tr>
        <tr>
        <td colspan="2" align="center"><input type="submit" value="添加联系人"/><a href="index.html"></a></td>
        </tr>
    </table>
    </form>
  </body>
</html>

1.2保存逻辑：

        AddServlet  （接收页面数据（getParameter（）），使用dom4j保存到xml）修改联系人（完成）
      

 1 public class Add extends HttpServlet {
 2 
 3     public void doPost(HttpServletRequest request, HttpServletResponse response)
 4             throws ServletException, IOException {
 5 
 6         request.setCharacterEncoding("utf-8");
 7         response.setContentType("text/html;charset=utf-8");
 8         
 9         String id = request.getParameter("id");
10         String name = request.getParameter("name");
11         String age = request.getParameter("age");
12         String gender = request.getParameter("gender");
13         String phone = request.getParameter("phone");
14         String qq = request.getParameter("qq");
15         String mail = request.getParameter("mail");
16         
17         try {
18             write(id,name,age,gender,phone,qq,mail);
19         } catch (DocumentException e) {
20             e.printStackTrace();
21         }
22         
23         response.getWriter().write("<font color=\"red\" size=\"6px\">添加成功</font><a href=\"index.html\">返回首页</a>");
24     }
25 
26     public void write(String id, String name, String age, String gender,
27             String phone, String qq, String mail) throws IOException, DocumentException {
28         //关联或者创建一个xml文档
29 //        File file = new File("h:/testdemo/jiuye/myPhoneBook/Person.xml");
30         File file = new File("/Person.xml");
31         //判断xml文档是否存在
32         if(!file.exists()){
33             //不存在，创建一个文档 ，并且添加根标签
34             Document doc = DocumentHelper.createDocument();
35             Element rootElem = doc.addElement("Persons");
36             save(file,doc);
37         }
38         //存在，读取这个文档根标签
39         Document doc = new SAXReader().read(file);
40         Element rootElem = doc.getRootElement();
41         
42         Element perElem = rootElem.addElement("person");
43         
44         perElem.addElement("id").setText(id);
45         
46         perElem.addElement("name").setText(name);
47         
48         perElem.addElement("age").setText(age);
49         
50         perElem.addElement("gender").setText(gender);
51         
52         perElem.addElement("phone").setText(phone);
53         
54         perElem.addElement("qq").setText(qq);
55         
56         perElem.addElement("mail").setText(mail);
57         save(file, doc);
58     }
59 
60     public void save(File file, Document doc) throws IOException {
61         //将Document对象写入xml文档
62         FileOutputStream out = new FileOutputStream(file);
63         OutputFormat format = OutputFormat.createPrettyPrint();
64         format.setEncoding("utf-8");
65         XMLWriter writer = new XMLWriter(out,format);
66         writer.write(doc);
67         writer.close();
68     }
69 
70 }

 2.修改联系人

2.1修改页面

 1 <!DOCTYPE html>
 2 <html>
 3   <head>
 4     <title>修改联系人页面</title>
 5     
 6     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 7     <meta http-equiv="description" content="this is my page">
 8     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 9     
10     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
11 
12   </head>
13   
14   <body>
15   <form action="/myPhoneBook/Update" method="POST">
16   <center><h1>修改联系人</h1></center>
17     <table cellpadding="10" border="1" align="center">
18         <tr>
19         <td>需要修改人编号</td>
20         <td><input type="text" name="id_1"/></td>
21         </tr>
22         <tr>
23         <td>编号</td>
24         <td><input type="text" name="id"/></td>
25         </tr>
26         <tr>
27         <td>姓名</td>
28         <td><input type="text" name="name"/></td>
29         </tr>
30         <tr>
31         <td>年龄</td>
32         <td><input type="text" name="age"/></td>
33         </tr>
34         <tr>
35         <td>性别</td>
36         <td>
37         男<input type="radio" checked="checked" name="gender" value="男"/>
38         女<input type="radio" name="gender" value="女"/>
39         </td>
40         </tr>
41         <tr>
42         <td>电话</td>
43         <td><input type="text" name="phone"/></td>
44         </tr>
45         <tr>
46         <td>QQ</td>
47         <td><input type="text" name="qq"/></td>
48         </tr>
49         <tr>
50         <td>邮箱</td>
51         <td><input type="text" name="mail"/></td>
52         </tr>
53         <tr>
54         <td colspan="2" align="center"><input type="submit" value="确认修改"/></td>
55         </tr>
56     </table>
57     </form>
58   </body>
59 </html>

2.2修改逻辑

        UpdateServlet ( 接收页面数据，把数据保存xml )

 1 public class Update extends HttpServlet {
 2 
 3     public void doPost(HttpServletRequest request, HttpServletResponse response)
 4             throws ServletException, IOException {
 5         
 6         request.setCharacterEncoding("utf-8");
 7 
 8         String id_1 = request.getParameter("id_1");
 9         String id = request.getParameter("id");
10         String name = request.getParameter("name");
11         String age = request.getParameter("age");
12         String gender = request.getParameter("gender");
13         String phone = request.getParameter("phone");
14         String qq = request.getParameter("qq");
15         String mail = request.getParameter("mail");
16         
17         try {
18             update(id_1,id,name,age,gender,phone,qq,mail,response);
19         } catch (Exception e) {
20             e.printStackTrace();
21         }
22     }
23 
24     public void update(String id_1, String id, String name, String age,
25             String gender, String phone, String qq, String mail,
26             HttpServletResponse response) throws Exception {
27         
28         response.setContentType("text/html;charset=utf-8");
29         //关联或者创建一个xml文档
30 //        File file = new File("h:/testdemo/jiuye/myPhoneBook/Person.xml");
31         File file = new File("/Person.xml");
32         //判断xml文档是否存在
33         Document doc = new SAXReader().read(file);
34         Element rootElem = doc.getRootElement();
35         
36         
37         Iterator<Element> perIt = rootElem.elementIterator("person");
38         while (perIt.hasNext()) {
39             Element idEle = perIt.next().element("id");
40             if(id_1.equals(idEle.getText())){
41                 //得到对应ID的父节点
42                 Element parent = idEle.getParent();
43                 //根据父节点修改子节点的文本
44                 parent.element("id").setText(id);
45                 parent.element("name").setText(name);
46                 parent.element("age").setText(age);
47                 parent.element("gender").setText(gender);
48                 parent.element("phone").setText(phone);
49                 parent.element("qq").setText(qq);
50                 parent.element("mail").setText(mail);
51                 response.getWriter().write("<font color=\"red\" size=\"6px\">修改成功</font><a href=\"index.html\">返回首页</a>");
52                 save(file, doc);
53             }
54         }        
55     }
56     
57     private void save(File file, Document doc) throws FileNotFoundException,
58     UnsupportedEncodingException, IOException {
59         //将Document对象写入xml文档
60         FileOutputStream out = new FileOutputStream(file);
61         OutputFormat format = OutputFormat.createPrettyPrint();
62         format.setEncoding("utf-8");
63         XMLWriter writer = new XMLWriter(out,format);
64         writer.write(doc);
65         writer.close();
66     }
67 
68 }

3.删除联系人：       

3.1删除逻辑：

 1 public class Delete extends HttpServlet {
 2 
 3     public void doPost(HttpServletRequest request, HttpServletResponse response)
 4             throws ServletException, IOException {
 5         //创建一个删除页面
 6         try {
 7             show(response);
 8         } catch (Exception e) {
 9             e.printStackTrace();
10         }
11         
12         request.setCharacterEncoding("utf-8");
13         //获取要删除的联系人的ID
14         String temp = request.getParameter("choose");
15         if(temp!=null){
16             int choose = Integer.parseInt(temp);
17             try {
18                 //进行删除操作
19                 remove(choose,response);
20             } catch (Exception e) {
21                 e.printStackTrace();
22             }
23         }
24     }
25     protected void doGet(HttpServletRequest request, HttpServletResponse response)
26             throws ServletException, IOException {
27         this.doPost(request, response);
28     }
29 
30     public void remove(int choose, HttpServletResponse response) throws Exception {
31         
32         //关联或者创建一个xml文档
33 //        File file = new File("h:/testdemo/jiuye/myPhoneBook/Person.xml");
34         File file = new File("/Person.xml");
35         Document doc = new SAXReader().read(file);
36         Element rootElem = doc.getRootElement();
37         
38         Element perElem = (Element) rootElem.elements().get(choose-1);
39         perElem.detach();
40         save(file,doc);
41         response.getWriter().write("<center><font color=\"red\" size=\"6px\">删除成功</font><a href=\"index.html\">返回首页</a></center>");
42     }
43 
44     public void save(File file, Document doc) throws Exception {
45         //将Document对象写入xml文档
46         FileOutputStream out = new FileOutputStream(file);
47         OutputFormat format = OutputFormat.createPrettyPrint();
48         format.setEncoding("utf-8");
49         XMLWriter writer = new XMLWriter(out,format);
50         writer.write(doc);
51         writer.close();
52     }
53 
54     public void show(HttpServletResponse response) throws Exception {
55         
56         response.setContentType("text/html;charset=utf-8");
57         
58 //        File file = new File("h:/testdemo/jiuye/myPhoneBook/Person.xml");
59         File file = new File("/Person.xml");
60         response.getWriter().write("<html><head><title>联系人页面</title><meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\"></head><body><center><h1>联系人列表</h1></center><form action=\"/myPhoneBook/Delete\" method=\"POST\"><table cellpadding=\"10\" border=\"1\" align=\"center\"><tr align=\"center\"><td></td><td>编号</td><td>姓名</td><td>年龄</td><td>性别</td><td>电话</td><td>QQ</td><td>邮箱</td></tr>");
61         Document doc = new SAXReader().read(file);
62         Element rootElem = doc.getRootElement();
63         
64         Iterator<Element> it = rootElem.elementIterator("person");
65         int count = 1;
66         while(it.hasNext()){
67             List<Element> list = it.next().elements();
68             response.getWriter().write("<tr align=\"center\"><td>"+count+".<input type=\"radio\" name=\"choose\" value=\""+count+"\"/></td>");
69             for (Element elem : list) {
70                 response.getWriter().write("<td>"+elem.getText()+"</td>");
71             }
72             response.getWriter().write("</tr>");
73             count++;
74         }
75         response.getWriter().write("<tr><td colspan=\"8\" align=\"center\"><input type=\"submit\" value=\"删除联系人\"/><a href=\"index.html\">回到首页</a></td></tr></table></form>");
76     }
77 
78 }

4.显示联系人列表

public class PhoneList extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        
        try {
            showList(response);
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

    public void showList(HttpServletResponse response) throws Exception {
        
        response.setContentType("text/html;charset=utf-8");
        
//        File file = new File("h:/testdemo/jiuye/myPhoneBook/Person.xml");
        File file = new File("/Person.xml");
        
        response.getWriter().write("<html><head><title>联系人页面</title><meta http-equiv=\"content-type\" content=\"text/html; charset=UTF-8\"></head><body><center><h1>联系人列表</h1></center><table cellpadding=\"10\" border=\"1\" align=\"center\"><tr align=\"center\"><td>编号</td><td>姓名</td><td>年龄</td><td>性别</td><td>电话</td><td>QQ</td><td>邮箱</td></tr>");
        if(!(file.exists())){
            Document doc = DocumentHelper.createDocument();
            Element rootElem = doc.addElement("Persons");
            save(file,doc);
        }
        Document doc = new SAXReader().read(file);
        Element rootElem = doc.getRootElement();
        
        Iterator<Element> it = rootElem.elementIterator("person");
        while(it.hasNext()){
            List<Element> list = it.next().elements();
            response.getWriter().write("<tr align=\"center\">");
            for (Element elem : list) {
                response.getWriter().write("<td>"+elem.getText()+"</td>");
            }
            response.getWriter().write("</tr>");
        }
        response.getWriter().write("</table><center><a href=\"index.html\">回到首页</a> <a href=\"add.html\">添加联系人</a> <a href=\"/myPhoneBook/Delete\">删除联系人</a></center>");
    }
    public void save(File file, Document doc) throws IOException {
        //将Document对象写入xml文档
        FileOutputStream out = new FileOutputStream(file);
        OutputFormat format = OutputFormat.createPrettyPrint();
        format.setEncoding("utf-8");
        XMLWriter writer = new XMLWriter(out,format);
        writer.write(doc);
        writer.close();
    }

}

 

posted @ 2016-05-02 17:22  双子座的皮卡丘  阅读(130)  评论(0)  编辑  收藏  举报