设计和实现一个记账管理系统

àì夳堔傛蜴生んèń 2024-03-22 22:32 74阅读 0赞

摘要

本毕业设计论文旨在设计和实现一个记账管理系统，该系统基于JSP（JavaServer Pages）技术开发。该系统为用户提供了一个方便快捷的记账平台，可以帮助用户在日常活中更好地管理个人财务。该系统主要包括四个模块：登录/注册模块、记账模块、查询模块和人中心模块。在本文中，我们将详细介绍每个模块的设计和实现，并附上每个模块的代码。

关键词：记账管理系统；JSP技术；登录/注册模块；记账模块；查询模块；个人中心模块。

Abstract

This graduation thesis aims to design and implement a money management system based on JSP (JavaServer Pages) technology. The system provides users with a convenient platform for managing personal finances, helping users better manage personal finances in daily life. The system mainly includes four modules: Login/Register module, Accounting module, Query module and Personal Center module. In this article, we will introduce the design and implementation of each module in detail and attach the code for each module.

Keywords: Money management system;JSP technology;Login/Register module; Accounting module; Query module; Personal Center module.

一、Introduction

在现代社会，随着信息技术的快速发展，记账管理系统的需求逐渐增加。对于大多数人来说，管理个人财务是一件繁琐且令人头疼的任务。有时人们容易忽略自己的花费和支出，甚至不清楚自己的支出去向。因此，记账管理系统成为一种普遍需要，它可以方便地记录每个人的支出和收入，并提供个性化分析。记账管理系统的实现可以通过各种技术手段，比如基于Web的技术，其中JSP技术是一种流行的实现方式，因为它易于开发和维护。

本文提出的解决方法是通过JSP技术实现一个记账管理系统，它通过网络连接提供给用户在线使用。该系统基于B/S体系结构，并使用MySQL数据库来存储信息和账本数据。该系统包括四个模块：登录/注册模块、记账模块、查询模块和个人中心模块。每个模块都拥有自己独特的功能。登录/注册模块让用户创建账户并进行身份验证；记账模块允许用户添加、编辑和删除支出和收入项；查询块允许用户查询具体的支出和收入记录；个人中心模块使用户可以修改其密码、计算支出和收入的总和及查看其所有支出和收入记录。

本文将在下文详细介绍每个模块的设计和实现，并附上每个模块的代码。这个系统的实现和完善将可以帮助用户更好地管理自己的财务，并为经济决策提供支持和帮助。

二、系统设计

1.总体架构设计

本系统基于MVC（模型-视图-控制）模式设计。MVC模式将应用程序分为三个部分：模型、视图和控制器。模型表示数据源，视表示UI界面，控制器表示管理数据和UI界面的逻辑。MVC模式可以有效地分离业务逻辑和UI交互逻辑，使应用程序可维护性更好。

2.数据库设计

数据库用于存储用户信息和账本数据。数据库包括两个表：用户表和账本表（见下图）。

用户表：

CREATE TABLE \`\` (  
\`id\` int(11) NOT NULL AUTO\_INCREMENT,  
\`username\` varchar(255) DEFAULT NULL,  
\`password\` varchar(255) DEFAULT NULL,  
PRIMARY KEY (\`id\`)  
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4\_0900\_ai\_ci;

账本表：

CREATE TABLE \`account\_books\` (  
\`id\` int(11) NOT NULL AUTO\_INCREMENT,  
\`user\_id\` int(11) DEFAULT NULL,  
\`type\` varchar(255) DEFAULT NULL,  
\`amount\` decimal(10,2) DEFAULT NULL,  
\`date\` varchar(255) DEFAULT NULL,  
\`remark\` varchar(255) DEFAULT NULL PRIMARY KEY (\`id\`)  
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4\_0900\_ai\_ci;

3.模块设计

（1）登录/注册模块

该模块包括两个页面：登录页和注册页。用户可以在登录页面输入用户名和密码进行身份验证。如果用户还没有注册，则可以通过注册页面创建新账户。如果验证成功，则将用户重定向到记账页面。如果验证失败，则用户将收到错误消息。

登录页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"  
pageEncoding="UTF-8"%>  
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<title>Login</title>  
</head>  
<body>  
<h1>Login</h1>

<%  
String error\_message = (String) request.getAttribute("error\_message");  
if (error\_message != null) \{  
%>  
<p><span style="color: red;"><%=error\_message%></span></p>  
<%  
\}  
%>

<form action="<%=request.getContextPath()%>/login\_action" method="post">  
<table>  
<tr>  
<td>Username: </td>  
<td><input type="text" name="username"></td>  
</tr>  
<tr>  
<td>Password: </td>  
<td><input type="password" name="password"></td>  
</tr>  
<tr>  
<td colspan="2"><input type="submit" value="Login"></td>  
</tr>  
</table>  
</form>

<p>New user? <a href="<%=request.getContextPath()%>/register">Register here</a>.</p>  
</body>  
</html>

注册页面：

<%  
String error\_message = (String) request.getAttribute("error\_message");  
if (error\_message != null) \{  
%>  
<p><span style="color: red;"><%=error\_message%></span></p>  
<%  
\}  
%>

<form action="<%=request.getContextPath()%>/register\_action" method="post">  
<table>  
<tr>  
<td>Username: </td>  
<td><input type="text" name="username"></td>  
</tr>  
<tr>  
<td>Password: </td>  
<td><input type="password" name="password"></td>  
</tr>  
<tr>  
<td>Confirm Password: </td>  
<td><input type="password" name="confirm\_password"></td>  
</tr>  
<tr>  
<td colspan="2"><input type="submit" value="Register"></td>  
</tr>  
</table>  
</form>

<p>Already have an account? <a href="<%=request.getContextPath()%>/login">Login here</a>.</p>  
</body>  
</html>

（2）记账模块

该模块包括两个页面：添加账目页面和编辑账目页面。用户可以在添加账目页面上添加新的支出或收入条目。如果用户需要编辑账目，则可以在使用编辑账目页面。用户需要输入一些基本信息来创建新账目，如账目类型、金额、日期和备注。

添加账目页面：

<%@ page language="java" contentType="text/html; charset=UTF-8"  
pageEncoding="UTF-8"%>  
<!DOCTYPE html>  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html;=UTF-8">  
<title>Add Account Book</title>  
</head>  
<body>  
<h1>Add Account Book</h1>

<%  
String error\_message = (String) request.getAttribute("error\_message");  
if (error\_message != null) \{  
%>  
<p><span style="color: red;"><%=error\_message%></span></p>  
<%  
\}  
%>

<form action="<%=request.getContextPath()%>/add\_account\_action" method="post">  
<table>  
<tr>  
<td>Type: </td>  
<td>  
<select name="type">  
<option value="expenditure">Expenditure</option>  
<option value="income">Income</option>  
</select>  
</td>  
</tr>  
<tr>  
<td>Amount: </td>  
<td><input type="text" name="amount"></td>  
</tr>  
<tr>  
<td>Date: </td>  
<td><input type="text" name="date"></td>  
</tr>  
<tr>  
<td>Remark: </td>  
<td><textarea name="remark" rows="3" cols="30"></textarea></td>  
</tr>  
<tr>  
<td colspan="2"><input type="submit" value="Add"></td>  
</tr>  
</table>  
</form>

<p><a href="<%=request.getContextPath()%>/query\_account">Query Account Books</a></p>  
</body>  
</html>

编辑账目页面：

<%  
String error\_message = (String) request.getAttribute("error\_message");  
if (error\_message != null) \{  
%>  
<p><span style="color: red;"><%=error\_message%></span></p>  
<%  
\}  
%>

<form action="<%=request.getContextPath()%>/edit\_account\_action" method="post">  
<input type="hidden" name="id" value="<%= request.getParameter("id") %>">  
<table>  
<tr>  
<td>Type: </td>  
<td>  
<select name="type">  
<option value="expenditure"  
<% if (result.getType().equals("expenditure")) \{ %>selected<% \} %>>Expenditure</option>  
<option value="income"  
<% if (result.getType().equals("income")) \{ %>selected<% \} %>>Income</option>  
</select>  
</td>  
</tr>  
<tr>  
<td>Amount: </td>  
<td><input type="text" name="amount" value="<%= result.getAmount() %>"></td>  
</tr>  
<tr>  
<td>Date: </td>  
<td><input type="text" name="date" value="<%= result.getDate() %>"></td>  
</tr>  
<tr>  
<td>Remark: </td>  
<td><textarea name="remark" rows="3" cols="30"><%= result.getRemark() %></textarea></td>  
</tr>  
<tr>  
<td colspan="2"><input type="submit" value="Save"></td>  
</tr>  
</table>  
</form>  
</body>  
</html>

（3）查询模块

该模块包括一个页面，用户可以在该页面上查询账目记录。记录可以按类型、日期范围或金额大小进行分类。查询结果以表格形式显示。

查询页面：

<form action="<%=request.getContextPath()%>/query\_account\_action" method="post">  
<table>  
<tr>  
<td>Type: </td>  
<td>  
<select name="type">  
<option value="all">All</option>  
<option value="expenditure">Expenditure</option>  
<option value="income">Income</option>  
</select>  
</td>  
</tr>  
<tr>  
<td>From: </td>  
<td><input type="text" name="from\_date"></td>  
</tr>  
<tr>  
<td>To: </td>  
<td><input type="text" name="to\_date"></td>  
</tr>  
<tr>  
<td>Amount: </td>  
<td>  
<select name="amount\_type">  
<option value="all">All</option>  
<option value="less\_than"><</option>  
<option value="greater\_than">></option>  
<option value="equal">=</option>  
</select>  
<input type="text" name="amount">  
</td>  
</tr>  
<tr>  
<td colspan="2"><input type="submit" value="Query"></td>  
</tr>  
</table>  
</form>

<%  
String error\_message = (String) request.getAttribute("error\_message");  
if (error\_message != null) \{  
%>  
<p><span style="color: red;"><%=error\_message%></span></p>  
<%  
\} else \{  
AccountBookDao dao = new AccountBookDao();  
List<AccountBook> results = dao.queryAll();  
if (results.isEmpty()) \{  
%>  
<p>No account book found.</p>  
<%  
\} else \{  
%>  
<table>  
<tr>  
<th>ID</th>  
<th>Type</th>  
<th>Amount</th>  
<th>Date</th>  
<th>Remark</th>  
<th>Edit</th>  
<th>Delete</th>  
</tr>  
<%  
DecimalFormat df = new DecimalFormat("\#.\#\#");  
for (AccountBook result : results) \{  
%>  
<tr>  
<td><%=result.getId()%></td>  
<td><%=result.getType()%></td>  
<td><%=df.format(result.getAmount())%></td>  
<td><%=result.getDate()%></td>  
<td><%=result.getRemark()%></td>  
<td><a href="<%=request.getContextPath()%>/edit\_account?id=<%=result.getId()%>">Edit</a></td>  
<td><a href="<%=request.getContextPath()%>/delete\_account?id=<%=result.getId()%>">Delete</a></td>  
</tr>  
<%  
\}  
%>  
</table>  
<%  
\}  
\}  
%>  
</body>  
</html>

（4）个人中心模块

该模块包括一个页面，用户可以在页面上修改密码、计算支出和收入的总和和查看其所有账目记录。

个人中心页面：

<%  
String error\_message = (String) request.getAttribute("error\_message");  
if (error\_message != null) \{  
%>  
<p><span style="color: red;"><%=error\_message%></span></p>  
<%  
\}  
%>

<p>Username: <%=session.getAttribute("username")%></p>

<p><a href="<%=request.getContextPath()%>/change\_password">Change Password</a></p>

<%  
DecimalFormat df = new DecimalFormat("\#.\#\#");  
AccountBookDao dao = new AccountBookDao();  
double total\_expenditure = dao.getTotalExpenditure((int) session.getAttribute("id"));  
double total\_income = dao.getTotalIncome((int) session.getAttribute("id"));  
%>  
<p>Total expenditure: <%=df.format(total\_expenditure)%></p>  
<p>Total income: <%=df.format(total\_income)%></p>

<%  
List<AccountBook> results = dao.queryByUserId((int) session.getAttribute("id"));  
if (results.isEmpty()) \{  
%>  
<p>No account book found.</p>  
<%  
\} else \{  
%>  
<table>  
<tr>  
<th>ID</th>  
<th>Type</th>  
<th>Amount</th>  
<th>Date</th>  
<th>Remark</th>  
</tr>  
<%  
for (AccountBook result : results) \{  
%>  
<tr>  
<td><%=result.getId()%></td>  
<td><%=result.getType()%></td>  
<td><%=df.format(result.getAmount())%></td>  
<td><%=result.getDate()%></td>  
<td><%=result.getRemark()%></td>  
</tr>  
<%  
\}  
%>  
</table>  
<%  
\}  
%>  
</body>  
</html>

三、系统实现

1.环境要求

\- JDK（Java Development Kit）8 及以上  
\- Apache Tomcat 9以上  
\- MySQL 5.6 及以上

2.实现步骤

\- 创建一个新的动态Web项目，并使用Maven生成基请问您需要什么帮助呢？