2.15 使用web 编写一个简单记事本

首先陈列问题  （等待解决）：

1. 界面是使用 H5   iframe 标签合并而成的，当窗口化之后点击任务栏，显示的内容会在任务栏的下边

希望可以找其他方式替代 （其他方法不熟练，不能应用）

如图：

2. 界面的布局不是很美观，需要学习一些和布局有关的插件

3.对于录入界面当前只是简单的手动录入，对于某些条件的限制没有添加，比如需要按照某种格式来添加信息，或者提供一个选择日期的表格等等都没有添加。

4.功能不是很多。需要继续增加，没有一般手机记事本那样的方便(希望界面紧凑一点，将那些文字换成图标)

制作的简单图形效果如下：

效果图如下：

dao 层：

 package com.Dao;

 import java.sql.Connection;
 import java.sql.ResultSet;
 import java.sql.SQLException;
 import java.sql.Statement;
 import java.util.ArrayList;
 import java.util.List;

 import com.Bean.info;
 import com.DBUtil.DBUtil;

 public class dao {

     public static void add(String name, String money, String place, String shijian) throws Exception {
         Connection conn = DBUtil.getConn();
         Statement state =null;
         String sql="insert into info(name,money,place,shijian) values('"+name+"','"+money+"','"+place+"','"+shijian+"')";
         state = conn.createStatement();
         state.executeUpdate(sql);
         DBUtil.close(state, conn);

     }

     public static List<info> show() throws Exception {
         List<info> list= new ArrayList<>();
         Connection conn=DBUtil.getConn();
         Statement state=null;

         String sql="select * from info";

         state = conn.createStatement();
         ResultSet rs=state.executeQuery(sql);
         info use=null;
         while(rs.next()) {
             //遍历获取的信息
             String name=rs.getString("name");
             String cost=rs.getString("money");
             String place=rs.getString("place");
             String time=rs.getString("shijian");

             /*System.out.println(name);
             System.out.println(cost);
             System.out.println(place);
             System.out.println(time);*/
             use = new info(name, cost, place, time);
             list.add(use);
         }

             rs.close();
             state.close();
             conn.close();
         return list;
     }

     public static void update(String name, String money, String place, String shijian) throws Exception {
         Connection conn=DBUtil.getConn();
         Statement state=null;
         String sql="update info set money='"+money+"',place='"+place+"',shijian='"+shijian+"'   where name='"+name+"' ";
         state=conn.createStatement();
         state.executeUpdate(sql);
         state.close();
         conn.close();
         }

     public static void delete(String name, String time) throws Exception {
         Connection conn = DBUtil.getConn();
         Statement state=null;
         String sql="delete from info where name='"+name+"' and shijian='"+time+"'";
         state=conn.createStatement();
         state.executeUpdate(sql);
         state.close();
         conn.close();

     }

     public static List<info> find(String type1, String info) throws Exception {
         Connection conn = DBUtil.getConn();
         List<info> list=new ArrayList<>();
         Statement state=null;
         String sql="select * from info where "+type1+" = '"+info+"'";
         state=conn.createStatement();
         ResultSet rs=state.executeQuery(sql);
         info infos=null;
         while(rs.next()) {
             String name=rs.getString("name");
             String money=rs.getString("money");
             String place=rs.getString("place");
             String time=rs.getString("shijian");
             infos =new info(name,money,place,time);
             list.add(infos);
         }
         return list;
     }

     /*public static void main(String[] args) throws Exception {
         dao.show();
     }*/

 }

Servt 层

 package com.Servlet;

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

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

 import com.Bean.info;
 import com.Dao.dao;

 /**
  * Servlet implementation class MainServlet
  */
 @WebServlet("/MainServlet")
 public class MainServlet extends HttpServlet {
     private static final long serialVersionUID = 1L;

     /**
      * @see HttpServlet#HttpServlet()
      */
     protected void service(HttpServletRequest req,HttpServletResponse resp)throws ServletException,IOException
     {
         req.setCharacterEncoding("UTF-8");

         String method = req.getParameter("method");
         if(method.equals("add"))
         {
             try {
                 add(req,resp);
             } catch (Exception e) {
                 // TODO Auto-generated catch block
                 e.printStackTrace();
             }
         }
         if(method.equals("show"))
         {
             try {
                 show(req,resp);
             } catch (Exception e) {
                 // TODO Auto-generated catch block
                 e.printStackTrace();
             }
         }
         if(method.equals("update"))
         {
             try {
                 update(req,resp);
             } catch (Exception e) {
                 // TODO Auto-generated catch block
                 e.printStackTrace();
             }
         }
         if(method.equals("delete"))
         {
             try {
                 delete(req,resp);
             } catch (Exception e) {
                 // TODO Auto-generated catch block
                 e.printStackTrace();
             }
         }
         if(method.equals("find"))
         {
             try {
                 find(req,resp);
             } catch (Exception e) {
                 // TODO Auto-generated catch block
                 e.printStackTrace();
             }
         }

     }

     private void find(HttpServletRequest req, HttpServletResponse resp) throws Exception {
         req.setCharacterEncoding("utf-8");
         String type1=req.getParameter("type1");
         String info=req.getParameter("find");
         List<info> list =dao.find(type1,info);
         req.setAttribute("list", list);
         req.getRequestDispatcher("shownote.jsp").forward(req, resp);

     }

     private void delete(HttpServletRequest req, HttpServletResponse resp) throws Exception {
         req.setCharacterEncoding("UTF-8");
         String name=req.getParameter("name");
         String time=req.getParameter("time");
         System.out.println(name+time);
         dao.delete(name,time);

     }

     private void update(HttpServletRequest req, HttpServletResponse resp) throws Exception {

         req.setCharacterEncoding("UTF-8");
         String name=req.getParameter("name");
         String money=req.getParameter("cost");
         String place=req.getParameter("place");
         String shijian=req.getParameter("time");
         /*System.out.println(name);
         System.out.println(money);
         System.out.println(place);
         System.out.println(shijian);*/
         dao.update(name,money,place,shijian);

         //req.getRequestDispatcher("updatenote.jsp").forward(req, resp);
     }

     private void show(HttpServletRequest req, HttpServletResponse resp) throws Exception {
         req.setCharacterEncoding("UTF-8");
         List<info> list =dao.show();
         req.setAttribute("list", list);
         req.getRequestDispatcher("shownote.jsp").forward(req, resp);

     }

     private void add(HttpServletRequest req, HttpServletResponse resp) throws Exception {
         req.setCharacterEncoding("UTF-8");

         String name=req.getParameter("name");
         String money=req.getParameter("cost");
         String place=req.getParameter("place");
         String shijian=req.getParameter("time");
         /*System.out.println(name);
         System.out.println(money);
         System.out.println(place);
         System.out.println(shijian);*/
         dao.add(name,money,place,shijian);
         req.getRequestDispatcher("addnote.jsp").forward(req, resp);
     }

 }

index.jsp

 <%@ page language="java" contentType="text/html; charset=UTF-8"
     pageEncoding="UTF-8"%>
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="UTF-8">
 <title>账本管理</title>

 <style type="text/css">

 .headframe{
     width:100%;
     height:130px;
     border:0;
 }

 .leftframe{
     float:left;
     width:250px;
     height:600px;
     border:0;
 }

 .mainframe{
     float:right;
     width:1200px;
     height:600px;
     border:0;
 }

 </style>

 <script type="text/javascript">

 </script>

 </head>
 <body onload="onload()">
 </body>

 <iframe src="head.jsp" class="headframe" scrolling="no"></iframe>
 <iframe src="MenuLeft.jsp" class="leftframe" scrolling="no"></iframe>
 <iframe src="main.jsp" name="mainAction" class="mainframe"></iframe>

 </html>

show.jsp

 <%@ page language="java" contentType="text/html; charset=utf-8"
     pageEncoding="utf-8"%>
     <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>账单浏览</title>
 </head>

 <body onload="onload()">
 <div align="left">
 <h1>账单浏览：</h1>

 <form action="MainServlet?method=show" method="post" >
 <table border="1">
 <tr>
 <td>消费名称</td>
 <td>消费金额</td>
 <td>消费地点</td>
 <td>消费时间</td>
  <td align="center" colspan="1">操作</td>
 </tr>
 <c:forEach items="${list}" var="item">
 <tr>
  <td>${item.name}</td>
  <td><a href="updatenote.jsp?name=${item.name}&money=${item.cost}&place=${item.place}&time=${item.time}">${item.cost}</a></td>
  <td>${item.place}</td>
  <td>${item.time}</td>
   <td><a href="MainServlet?method=delete&name=${item.name }&time=${item.time}">删除账单</a></td>
 </tr>
 </c:forEach>
 </table>
 </form>
 </div>

 </body>
 </html>