Java Web财务信息管理系统

旧城等待， 2022-05-06 02:28 307阅读 0赞

数据库课设，然后想了一会就写了，写的比较简单，用的是SpringMVC+Mybatis，前端不是很厉害的我使用Jquery+Bootstarp+JSP来做视图层(在全栈的路上越行越远)，下面是从报告里摘录中的一些东西：

系统功能模块图:

![70][]

E-R图

![70 1][]

使用的数据库是mysql，数据库名称为finance，使用UTF-8编码。

数据表信息:

(1)login

id:主键，登录账号。

pwd:登录密码。

(2)tab

id:与login表中的id连接的外键。

tab\_no:主键自增，表的编号。

tab\_name:表名。

(3)Info

tab\_no:信息所属表的编号，与tab表中的tab\_no连接的外键，级联修改，删除。

Info\_no:信息的编号，主键自增。

id:与login表中的id连接的外键。

tab\_name:与tab中相对应的表名。

amount:交易金额。

dat:交易日期。

detail:交易明细备注，选填。

**表1** **账号信息****表****login**

<table style="margin-left:9.95pt;width:302.5pt;"> 
 <tbody> 
  <tr> 
   <td style="background-color:#f3f3f3;width:62.6pt;"> <p style="margin-left:0pt;">属性名</p> </td> 
   <td style="background-color:#f3f3f3;width:56.8pt;"> <p style="margin-left:0pt;">含义</p> </td> 
   <td style="background-color:#f3f3f3;width:55.25pt;"> <p style="margin-left:0pt;">类型</p> </td> 
   <td style="background-color:#f3f3f3;width:127.85pt;"> <p style="margin-left:0pt;">说明</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:62.6pt;"> <p style="margin-left:0pt;">id</p> </td> 
   <td style="vertical-align:top;width:56.8pt;"> <p style="margin-left:0pt;">登录账号</p> </td> 
   <td style="vertical-align:top;width:55.25pt;"> <p style="margin-left:0pt;">varchar</p> </td> 
   <td style="vertical-align:top;width:127.85pt;"> <p style="margin-left:0pt;">主键，最长长度为20</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:62.6pt;"> <p style="margin-left:0pt;">pwd</p> </td> 
   <td style="vertical-align:top;width:56.8pt;"> <p style="margin-left:0pt;">登录密码</p> </td> 
   <td style="vertical-align:top;width:55.25pt;"> <p style="margin-left:0pt;">varchar</p> </td> 
   <td style="vertical-align:top;width:127.85pt;"> <p style="margin-left:0pt;">非空，最长长度为20</p> </td> 
  </tr> 
 </tbody> 
</table>

**表****2报表信息表****tab**

**表3****表内****信息表****info**

<table style="margin-left:5.2pt;width:306.05pt;"> 
 <tbody> 
  <tr> 
   <td style="background-color:#f3f3f3;width:68.25pt;"> <p style="margin-left:0pt;">属性名</p> </td> 
   <td style="background-color:#f3f3f3;width:55.9pt;"> <p style="margin-left:0pt;">含义</p> </td> 
   <td style="background-color:#f3f3f3;width:57.8pt;"> <p style="margin-left:0pt;">类型</p> </td> 
   <td style="background-color:#f3f3f3;width:124.1pt;"> <p style="margin-left:0pt;">说明</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:68.25pt;"> <p style="margin-left:0pt;">tab_no</p> </td> 
   <td style="vertical-align:top;width:55.9pt;"> <p style="margin-left:0pt;">表单编号</p> </td> 
   <td style="vertical-align:top;width:57.8pt;"> <p style="margin-left:0pt;">int</p> </td> 
   <td style="vertical-align:top;width:124.1pt;"> <p style="margin-left:0pt;">外键</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:68.25pt;"> <p style="margin-left:0pt;">id</p> </td> 
   <td style="vertical-align:top;width:55.9pt;"> <p style="margin-left:0pt;">登录账号</p> </td> 
   <td style="vertical-align:top;width:57.8pt;"> <p style="margin-left:0pt;">varchar</p> </td> 
   <td style="vertical-align:top;width:124.1pt;"> <p style="margin-left:0pt;">外键，最长长度为20</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:68.25pt;"> <p style="margin-left:0pt;">tab_name</p> </td> 
   <td style="vertical-align:top;width:55.9pt;"> <p style="margin-left:0pt;">报表名称</p> </td> 
   <td style="vertical-align:top;width:57.8pt;"> <p style="margin-left:0pt;">varchar</p> </td> 
   <td style="vertical-align:top;width:124.1pt;"> <p style="margin-left:0pt;">非空，最长长度为20</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:68.25pt;"> <p style="margin-left:0pt;">Info_no</p> </td> 
   <td style="vertical-align:top;width:55.9pt;"> <p style="margin-left:0pt;">信息编号</p> </td> 
   <td style="vertical-align:top;width:57.8pt;"> <p style="margin-left:0pt;">int</p> </td> 
   <td style="vertical-align:top;width:124.1pt;"> <p style="margin-left:0pt;">主键，自增</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:68.25pt;"> <p style="margin-left:0pt;">amount</p> </td> 
   <td style="vertical-align:top;width:55.9pt;"> <p style="margin-left:0pt;">交易金额</p> </td> 
   <td style="vertical-align:top;width:57.8pt;"> <p style="margin-left:0pt;">double</p> </td> 
   <td style="vertical-align:top;width:124.1pt;"> <p style="margin-left:0pt;">10位，小数点后2位</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:68.25pt;"> <p style="margin-left:0pt;">dat</p> </td> 
   <td style="vertical-align:top;width:55.9pt;"> <p style="margin-left:0pt;">交易日期</p> </td> 
   <td style="vertical-align:top;width:57.8pt;"> <p style="margin-left:0pt;">date</p> </td> 
   <td style="vertical-align:top;width:124.1pt;"> <p style="margin-left:0pt;">格式yyyy-mm-dd</p> </td> 
  </tr> 
  <tr> 
   <td style="vertical-align:top;width:68.25pt;"> <p style="margin-left:0pt;">detail</p> </td> 
   <td style="vertical-align:top;width:55.9pt;"> <p style="margin-left:0pt;">交易备注</p> </td> 
   <td style="vertical-align:top;width:57.8pt;"> <p style="margin-left:0pt;">varchar</p> </td> 
   <td style="vertical-align:top;width:124.1pt;"> <p style="margin-left:0pt;">最长长度为100</p> </td> 
  </tr> 
 </tbody> 
</table>

创建数据库脚本:

CREATE DATABASE IF NOT EXISTS finance DEFAULT CHARSET utf8 COLLATE utf8_general_ci;
    
    use finance
    
    create table login
    
    (
    
    id varchar(20) not null primary key,
    
    pwd varchar(20) not null 
    
    )engine innodb default charset=utf8;
    
    create table tab
    
    (
    
    id varchar(20)not null,
    
    tab_no int primary key auto_increment,
    
    tab_name varchar(20),
    
    foreign key(id) references login(id)
    
    )engine innodb default charset=utf8;
    
    create table info
    
    (
    
    tab_no int,
    
    info_no int primary key auto_increment,
    
    id varchar(20),
    
    tab_name varchar(20) not null,
    
    amount double(10,2) default 0,
    
    dat date,
    
    detail varchar(100),
    
    foreign key(id) references login(id),
    
    foreign key(tab_no) references tab(tab_no) on delete cascade on update cascade
    
    )engine innodb default charset=utf8;

项目文件基本框架:

![70 2][]

概述:

controller包存放MVC框架中的控制器类，处理请求拦截，调用服务，页面跳转的作用。

dao包存放与数据库操作相关的类。

entity包存放实体类，也是POJO类，只有其对应的属性和get，set方法。

service包存放所进行的服务类。

resources中存放项目相关的Mybatis配置文件。

webapp中css，js，img为jsp中要用到的静态资源，jsp中存放着jsp页面，spring-servlet.xml为springMVC 的配置文件

核心代码:

(1)service包中Finance类:存放与主页效果的业务代码.

@Service
    public class Finance {
        public static Reaction adjPWd(String id,String bpwd,String npwd)//修改密码
        {
            Reaction reaction=new Reaction();
            if(bpwd.equals(LoginDao.checkLogin(id)))
            {
                Login login=new Login();
                login.setId(id);
                login.setPwd(npwd);
                LoginDao.updatePwd(login);
                reaction.setTag(0);
                reaction.setWords("密码修改成功!");
            }
            else
            {
                reaction.setTag(1);
                reaction.setWords("密码修改失败，原密码不正确");
            }
            return reaction;
        }
        public static void deleteTable(Integer table_no)//删除报表
        {
            TabDao.deleteTab(table_no);
        }
        public static List<Info> findAllInfoByNo(Integer tab_no)//通过表名来查找属于id的表信息
        {
            Info info=new Info();
            List<Info>l=InfoDao.findAllInfo(tab_no);
            Collections.sort(l);
            return l;
        }
        public static List<Info> findInfoByMessage(String id,String year,String month,String table_name)//通过年月和表名查找该年月的交易信息
        {
            Message message=new Message();
            message.setName(table_name);
            message.setId(id);
            message.setYear(year);
            message.setMonth(month);
            List<Info>l=InfoDao.findInfoByMessage(message);
            Collections.sort(l);
            return l;
        }
        public static void adjTable(Integer table_no,String table_name)//修改报表信息
        {
            Tab tab=new Tab();
            tab.setTab_no(table_no);
            tab.setTab_name(table_name);
            TabDao.updateTab(tab);
            InfoDao.updateInfoName(tab);//对info进行级联修改
        }
        public static void insertTable(String id,String table_name)//添加一张表格
        {
            Tab tab=new Tab();
            tab.setTab_name(table_name);
            tab.setId(id);
            TabDao.insertTab(tab);
        }
    }

(2)resources中的Tab.xml配置文件，配置着Mybatis中与info表相关的数据库操作信息。

<mapper namespace="domain2">
        <resultMap type="entity.Tab" id="tab">
            <result column="id" property="id" javaType="string"/>
            <result column="tab_no" property="tab_no" javaType="int"/>
            <result column="tab_name" property="tab_name" javaType="string"/>
        </resultMap>
        
        <select id="findTabById" parameterType="java.lang.String" resultMap="tab">
            select * from tab where id = '${value}'
        </select>
        
        <select id="findTabByName" parameterType="entity.Tab" resultType="Integer">
            select tab_no from tab where id = #{id} and tab_name = #{tab_name}
        </select>
        
        <insert id="insertTab" parameterType="entity.Tab">
            insert into tab values(#{id},default,#{tab_name})
        </insert>
        
        <delete id="deleteTab" parameterType="java.lang.Integer">
            delete from tab where tab_no ='${value}'
        </delete>
        
        <update id="updateTab" parameterType="entity.Tab">
            update tab set tab_name = #{tab_name} where tab_no = #{tab_no}
        </update>
    </mapper>

(3)resources中的Info.xml配置文件，配置着Mybatis中与info表相关的数据库操作信息。

<mapper namespace="domain3">
        <resultMap type="entity.Info" id="info">
            <result column="tab_no" property="tab_no" javaType="int"/>
            <result column="info_no" property="info_no" javaType="int"/>
            <result column="id" property="id" javaType="string"/>
            <result column="tab_name" property="tab_name" javaType="string"/>
            <result column="dat" property="dat" jdbcType="DATE" javaType="string"/>
            <result column="amount" property="amount" javaType="double"/>
            <result column="detail" property="detail" javaType="string"/>
        </resultMap>
        
        <select id="findAllInfo" parameterType="java.lang.Integer" resultMap="info">
            select * from info where tab_no ='${value}'
        </select>
        
        <select id="findInfoByMessage" parameterType="entity.Message" resultMap="info">
            select * from info where id = #{id} and tab_name = #{name} and year(dat) = #{year} and month(dat) = #{month}
        </select>
        
        <insert id="insertInfo" parameterType="entity.Info">
            insert into info values(#{tab_no},default,#{id},#{tab_name},#{amount},str_to_date(#{dat},'%Y-%m-%d'),#{detail})
        </insert>
        
        <delete id="deleteOneInfo" parameterType="java.lang.Integer">
            delete from info where info_no = '${value}'
        </delete>
        
        <update id="updateInfo" parameterType="entity.Info">
            update info set detail = #{detail},dat = #{dat} ,amount = #{amount},tab_name=#{tab_name } where info_no = #{info_no}
        </update>
        
        <update id="updateInfoName" parameterType="entity.Tab">
            update info set tab_name = #{tab_name} where tab_no = #{tab_no}
        </update>
    </mapper>

效果图:

(1)登录界面

![70 3][]

(2)个人主页

![70 4][]

(3)报表管理

![70 5][]

(4)报表查询

![70 6][]

(5)报表修改

![70 7][]

(6)导出报表  
![70 8][]

本次课设学习的地方:

1.SpringMVC访问静态资源方法

在web.xml中添加

<servlet-mapping>
        <servlet-name>default</servlet-name>
        <url-pattern>*.js</url-pattern>
        <url-pattern>*.css</url-pattern>
        <url-pattern>/assets/*"</url-pattern>
        <url-pattern>/img/*</url-pattern>
      </servlet-mapping>

大体就是这些结尾的文件跳过拦截转发使用原来路径进行访问，注意要添加在DispatcherServlet之前，要不然会失效

还有就是静态资源不能放在WEB-INF下，因为原路径无法访问其中资源

2.SpringMVC处理中文乱码问题

把这段代码加入到

web.xml中

<filter>
        <filter-name>characterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
          <param-name>encoding</param-name>
          <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
          <param-name>forceEncoding</param-name>
          <param-value>true</param-value>
        </init-param>
      </filter>
      <filter-mapping>
        <filter-name>characterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
      </filter-mapping>

3.外键声明级联修改方法

foreign key(tab_no) references tab(tab_no) on delete cascade on update cascade

4.Mybatis对日期类的处理

<?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE mapper
            PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
            "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
    
    <mapper namespace="domain3">
        <resultMap type="entity.Info" id="info">
            <result column="tab_no" property="tab_no" javaType="int"/>
            <result column="info_no" property="info_no" javaType="int"/>
            <result column="id" property="id" javaType="string"/>
            <result column="tab_name" property="tab_name" javaType="string"/>
            <result column="dat" property="dat" jdbcType="DATE" javaType="string"/>
            <result column="amount" property="amount" javaType="double"/>
            <result column="detail" property="detail" javaType="string"/>
        </resultMap>
        
        <select id="findAllInfo" parameterType="java.lang.Integer" resultMap="info">
            select * from info where tab_no ='${value}'
        </select>
        
        <select id="findInfoByMessage" parameterType="entity.Message" resultMap="info">
            select * from info where id = #{id} and tab_name = #{name} and year(dat) = #{year} and month(dat) = #{month}
        </select>
        
        <insert id="insertInfo" parameterType="entity.Info">
            insert into info values(#{tab_no},default,#{id},#{tab_name},#{amount},str_to_date(#{dat},'%Y-%m-%d'),#{detail})
        </insert>
        
        <delete id="deleteOneInfo" parameterType="java.lang.Integer">
            delete from info where info_no = '${value}'
        </delete>
        
        <update id="updateInfo" parameterType="entity.Info">
            update info set detail = #{detail},dat = #{dat} ,amount = #{amount},tab_name=#{tab_name } where info_no = #{info_no}
        </update>
        
        <update id="updateInfoName" parameterType="entity.Tab">
            update info set tab_name = #{tab_name} where tab_no = #{tab_no}
        </update>
    </mapper>

其中日期类我在pojo中使用的是string来储存，在mysql中却用的是date类，要特殊处理下:

<insert id="insertInfo" parameterType="entity.Info">  
insert into info values(\#\{tab\_no\},default,\#\{id\},\#\{tab\_name\},\#\{amount\},str\_to\_date(\#\{dat\},'%Y-%m-%d'),\#\{detail\})  
</insert>

使用str\_to\_date方法对字符串进行转化存储。

然后此处我写的不够好，可以使用jqueryUI中的日历插件可以简化而且更美观进行日期的输入

5.使用Collections.sort排序

想要按照指定要求对一个类的List进行排序，则要重写类的CompareTo函数:

此处我根据两字符串的字典序大小进行了排序:

public int compareTo(Info info) {
            String s1=dat;
            String s2=info.getDat();
            if(s1.compareTo(s2)<0)
            {
                return -1;
            }
            return 0;
        }

github源码:[https://github.com/iunique/IdeaProject/tree/abc][https_github.com_iunique_IdeaProject_tree_abc]

[70]: /images/20220506/de2ecd7ceb5e40c19cc79136de3673b6.png
[70 1]: /images/20220506/8f3c49e483dc4f428126537b0137a48a.png
[70 2]: /images/20220506/9272e3ea6f844c94b85e83e4bca63642.png
[70 3]: /images/20220506/ed0ee959991f456a855d4cdf94fe1ad7.png
[70 4]: /images/20220506/83c08d15b8034049956ab83ae85f171f.png
[70 5]: /images/20220506/3be44b06f86d45e694bb3bbacfcb14e6.png
[70 6]: /images/20220506/c762ea8c57f9498c918fca7bc80782e0.png
[70 7]: /images/20220506/620ff1f938b245c5a0e2a9d3f1000bac.png
[70 8]: /images/20220506/14b160134ceb4b81b963f3d93adf302e.png
[https_github.com_iunique_IdeaProject_tree_abc]: https://github.com/iunique/IdeaProject/tree/abc