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{
    100%;
    height:130px;
    border:0;
}

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

.mainframe{
    float:right;
    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>