java+jsp+Oracle+Tomcat 记账管理系统论文（三）

server/2024/10/18 14:15:30/

⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️⬇️

➡️点击免费下载全套资料:源码、数据库、部署教程、论文、答辩ppt一条龙服务

➡️有部署问题可私信联系

⬆️⬆️⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️​​​​​​​⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️⬆️

目录

  • 第五章 系统实现
    • 5.1用户登录
    • 5.2 用户注册
    • 5.3 首页
    • 5.4 用户信息修改
    • 5.5 用户财务记录
    • 5.6 用户财务信息
    • 5.7 月收支查询
    • 5.8 年收支查询
    • 5.9 管理员信息管理
    • 5.10 用户信息管理

第五章 系统实现

本章内容重点是阐述所完成项目的关键界面和关键代码，不需要把所完成项目的所有界面和所有代码都在这里体现，尤其是界面设计代码，对关键代码的描述可以采用流程图或代码的形式，在复制代码时应注意英文的格式，此外因为代码的缩进和论文有所不同，应该按论文的格式要求来处理。最后原则上这部分所出现的模块应该和关键业务分析一致。

5.1用户登录

功能描述
登录是对用户使用系统功能进行身份验证的过程，登录界面要求简明易懂。每一用户都有自己的单独的账号和密码，用户在系统的每一个操作都有日志进行记载，可以有效保证数据可追溯性，做到责任到人，界面如下图。

在这里插入图片描述

图5-1 用户登录

实现流程
用户通过用户名和密码进行页面登录时，如果用户名或者密码或是验证码为空的时候，前台页面通过调用login JS方法进行判断，并且给出不能为空的提示；当用户填写了正确的用户名和密码、验证码时后台通过调用loginUser（）方法通过数据库查询是否有该用户，如果该用户存在，则登录成功，跳转到首页，如果该用户不存或者密码错误、验证码不正确等情况，则产生一个提示框，提示该用户重新输入。

部分代码如下：

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String username = req.getParameter("username");String password = req.getParameter("password");String type = req.getParameter("type");HttpSession session = req.getSession();try {if(type.equals("用户")){if(str.equals(randomCode)){User user = userService.loginUser(username, password);session.setAttribute("currentUser", user);session.setAttribute("currentType", "用户");req.getRequestDispatcher("index.jsp").forward(req, resp);}else{req.setAttribute("messageInfo", "验证码错误！请重新输入");req.getRequestDispatcher("login.jsp").forward(req, resp);}		} catch (Exception e) {req.setAttribute("messageInfo", e.getMessage());e.printStackTrace();req.getRequestDispatcher("login.jsp").forward(req, resp);}}@Overridepublic User loginUser(String username, String password) throws UserException {User user2 = userDao.findUserByName(username);if(user2==null){throw new UserException("用户名不存在，请重新输入！");}if(!password.equals(user2.getPassword())){throw new UserException("登录密码错误，请重新输入！");}return user2;}

在这里插入图片描述

图5-2 用户登录

5.2 用户注册

功能描述

当你还没有注册时是不能登录该系统的，所有当你在登录页面点击注册时系统将跳转到注册页面。

在这里插入图片描述

图5-3 用户注册

实现流程
新用户通过注册功能在前台页面填写基本信息，然后在前台Jsp页面中接入，然后后台通过req.getParameter方法分别得到前台所传过来的数据，再通过业务逻辑Service层中的addUesr()方法进行接收该对象user，最后Dao层把数据导入到数据库中保存。

部分代码如下：

@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String name = req.getParameter("user.name");String password = req.getParameter("user.pass");String rname = req.getParameter("user.rname");String sex = req.getParameter("user.sex");String age = req.getParameter("user.age");String tel = req.getParameter("user.tel");user = new User(name,sex,age,password,tel,rname,new Date());HttpSession session = req.getSession();session.setAttribute("user", user);try{userService.registerUser(user);req.getRequestDispatcher("zhuceSuccess.jsp").forward(req, resp);}@Overridepublic void registerUser(User user) throws UserException {User user2 = userDao.findUserByName(user.getName());if(user2!=null){throw new UserException("用户已存在，请重新输入！");}else{userDao.saveUser(user);}}

在这里插入图片描述

图5-2 用户注册

5.3 首页

用户登录成功之后，将进入该系统首页面，在这里可以看到系统的基本信息，如下图所示；

在这里插入图片描述

图5-3 首页图

5.4 用户信息修改

功能描述
当用户登录进入系统的时候，要想修改密码的基本信息可以点击用户信息修改这栏，那样可以修改用户自己的信息，如下图所示：

在这里插入图片描述

图5-4 用户修改

实现流程
用户进行信息修改之后，新数据通过前台Jsp页面传到后台，业务逻辑Service层调用editUser（）方法把数据传到Dao层，然后数据持久化。

部分代码如下：

@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String str = req.getParameter("user.id");long id = Long.parseLong(str);String name = req.getParameter("user.name");String password = req.getParameter("user.pass");String rname = req.getParameter("user.rname");String sex = req.getParameter("user.sex");String age = req.getParameter("user.age");String tel = req.getParameter("user.tel");HttpSession session = req.getSession();user = new User(id,name,sex,age,password,tel,rname,new Date());try{userService.editUser(user);resp.sendRedirect("editUserSuccess.jsp");}@Overridepublic void editUser(User user) {userDao.updateUser(user);}

在这里插入图片描述

图5-5 用户修改流程图

5.5 用户财务记录

功能描述
该系统的核心内容就是财务这一块，用户可以点击财务记录，然后进行生活或者工作中的一些基本账单记录，如下图所示：
在这里插入图片描述

图5-6 用户注册

实现流程
前台接收用户传过来的数据，然后传到后台用servlet接收，在调用业务逻辑Service层addZhang方法进行数据接入，最后通过Dao层进行数据持久化。

部分代码如下：

@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {try {String name = req.getParameter("zhang.name");String type = req.getParameter("zhang.type");String kind = req.getParameter("zhang.kind");String date = req.getParameter("zhang.date");SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");Date time = simpleDateFormat.parse(date);String string = req.getParameter("zhang.count");double count =Double.parseDouble(string);String yong = req.getParameter("zhang.yong");String info = req.getParameter("zhang.info");HttpSession session = req.getSession();User user = (User) session.getAttribute("currentUser");String rname = user.getRname();String username = user.getName();Zhang zhang = new Zhang(name,username,rname,type,kind,time,count,yong,info);zhangService.addZhang(zhang);List<Zhang> list = zhangService.findZhangByUserName(username);System.out.println(list);req.getSession().setAttribute("zhang_list", list);resp.sendRedirect("zhang/zhang_list.jsp");	@Overridepublic void addZhang(Zhang zhang) throws ZhangException {try{zhangdao.addZhang(zhang);}catch(Exception e){throw new ZhangException("添加失败,请重新添加");}}

在这里插入图片描述

图5-7 用户财务记录流程图

5.6 用户财务信息

功能描述
用户财务信息是该用户的一些财务记录信息，它能很清楚的展现出该用户所有账单记录，而且还能通过某些条件查询各种记录。如下图所示：
在这里插入图片描述

图5-8 用户财务记录信息

实现流程
该功能的实现是先从数据库账单表中拿到该用户的所有账单记录，然后通过后台把数据传到前台Jsp页面进行渲染之后，呈现给用户查看。

部分代码如下：

@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {HttpSession session = req.getSession();User user = (User) session.getAttribute("currentUser");String name = user.getName();List<Zhang> list = zhangservice.findZhangByUserName(name);session.setAttribute("zhang_list", list);resp.sendRedirect("zhang/zhang_list.jsp");}@Overridepublic List<Zhang> findZhangByUserName(String username) {return zhangdao.findZhangByUsername(username);}

在这里插入图片描述

图5-9 用户财务记录流程图

5.7 月收支查询

功能描述
用户记录的每笔账单存入数据库之后，每个月都可以做个汇总，也就是月收入和月支出的一个总结，这样能让用户对自己的收支心里有个底。如下图所示：

在这里插入图片描述

图5-10 用户财务月统计图

实现流程
这个功能我借用了一个插件FusionCharts，它是一个强大的展现图案的一个插件，能把一些数据更直观的通过图形展现出来，然而我只需要通过后台把它所需要的数据传入到他的模型之中。

部分代码如下：

<script type="text/javascript">
var myChart = new FusionCharts("<%=path%>/FusionCharts/Charts/Pie3D.swf", "myChartId","600", "400");
var strXML = "<chart caption='收入一览'>${data}</chart>";
myChart.setDataXML(strXML);myChart.render("chartdiv1");$(document).ready(function(){var $messageInfo = $("#messageInfo").val();if($messageInfo != null && $messageInfo != ""){$.messager.show({title:'提示',msg:$messageInfo,timeout:2000,showType:'slide'});$("#messageInfo").val("");}});</script>Tong tong1 = tongService.findTongByMonth(month,username);if(tong1==null){Tong tong = new Tong(username,"入账","公费",new Date(),year,month,num1,num2);tongService.saveTong(tong);String info="<set name='出账' value='"+tong.getZhi()+"' /><set name='入账' value='"+tong.getShou()+"' />";req.setAttribute("data", info);req.getRequestDispatcher("zhang/zhang_ylist.jsp").forward(req, resp);}else{long id =tong1.getId();Tong tong = new Tong(id,username,"入账","公费",new Date(),year,month,num1,num2);tongService.updateTong(tong);String info="<set name='出账' value='"+tong.getZhi()+"' /><set name='入账' value='"+tong.getShou()+"' />";req.setAttribute("data", info);req.getRequestDispatcher("zhang/zhang_ylist.jsp").forward(req, resp);

在这里插入图片描述

图5-11 用户财务记录流程图

5.8 年收支查询

功能描述
当用户点击年收支的时候，页面将展现出该用户所选的年度的年收入和年支出的详细情况，如下图所示：
在这里插入图片描述

图5-12 用户年收支
实现流程
通过插件FusionCharts把需要的数据从后台传入到前台脚本中，然后渲染到页面上。

部分代码如下：

<script type="text/javascript">
var myChart = new FusionCharts("<%=path%>/FusionCharts/Charts/MSColumn3D.swf","MSColumn3D", "600", "400");var chartXMLData = "<chart caption=\"年收支情况\" XAxisName=\"\" palette=\"2\" animation=\"1\" formatNumberScale=\"0\" numberPrefix=\"\" showValues=\"0\" numDivLines=\"4\" legendPosition=\"BOTTOM\">${data}\"<styles><definition><style type=\"font\" name=\"CaptionFont\" color=\"666666\" size=\"15\" /><style type=\"font\" name=\"SubCaptionFont\" bold=\"0\" /></definition><application><apply toObject=\"caption\" styles=\"CaptionFont\" /><apply toObject=\"SubCaption\" styles=\"SubCaptionFont\" /></application></styles></chart>";myChart.setDataXML(chartXMLData);myChart.render("chartdiv1");$(document).ready(function() {var $messageInfo = $("#messageInfo").val();if ($messageInfo != null && $messageInfo != "") {$.messager.show( {title : '提示',msg : $messageInfo,timeout : 2000,showType : 'slide'});$("#messageInfo").val("");}
});
</script>@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {List<Tong> li = new ArrayList<Tong>();User user = (User) req.getSession().getAttribute("currentUser");List<Tong> list = tongService.findTong(user.getName());String year = req.getParameter("qyear");if(list!=null&&list.size()>0){String category="";String setchu="";String setru="";for(Tong t:list){String year1 = t.getYear();if(year1.equals(year)){category=category+"<category label='"+t.getMonth()+"月' />";setchu=setchu+"<set value='"+t.getZhi()+"' />";setru=setru+"<set value='"+t.getShou()+"' />";}}String xmls= "<categories>"+category+"</categories>"+ "<dataset seriesName='出账'>"+setchu+"</dataset>"+ "<dataset seriesName='入账'>"+setru+"</dataset>";req.setAttribute("data", xmls);req.getRequestDispatcher("zhang/zhang_nlist.jsp").forward(req, resp);}else{req.setAttribute("messageInfo", year+"年没有数据！");req.setAttribute("data", "");req.getRequestDispatcher("zhang/zhang_nlist.jsp").forward(req, resp);}}

在这里插入图片描述

图5-13用户年统计流程图

5.9 管理员信息管理

功能描述
登录的管理员能管理其他管理员的信息，如删除、查看、修改等基本功能。如下图所示：

在这里插入图片描述

图5-14 管理员信息管理

5.10 用户信息管理

功能描述
登录的管理员能管理其他用户的信息，如删除、查看等基本功能。如下图所示：
在这里插入图片描述

图5-15 用户信息管理

实现流程
管理员通过后台管理该系统的各个用户，可以对用户进行删除，
它是通过用户的一个主键id删除该用户的，由于id唯一性，所以它是不可重复的。

部分代码如下：

@Overrideprotected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {String str = req.getParameter("id");long id = Long.parseLong(str);User user = userService.findUserById(id);userService.deleteUser(id);String username = user.getName();zhangService.deleteZhangByUsername(username);List<User> list = userService.findAllUser();req.getSession().setAttribute("user_list", list);resp.sendRedirect("user/user_list.jsp");}@Overridepublic void deleteUser(long id) {userDao.delUser(id);}

在这里插入图片描述

图5-16系统管理流程图


http://www.ppmy.cn/server/28097.html

相关文章

Wpf DataGrid ComboBox 列

Wpf DataGrid ComboBox 列

遇到的问题 最开始找到的例子要写 Convert, 感觉和 Vue-Elment 的差别比较大后面找到类似与 Vue-Element UI 的写法&#xff0c;开始时数值不更新 关键代码 <DataGridTemplateColumn Header"Digit" Width"100"><DataGridTemplateColumn.CellTem…
阅读更多...
openssl3.2 - exp - 使用默认的函数宏，在release版中也会引入__FILE__

openssl3.2 - exp - 使用默认的函数宏，在release版中也会引入__FILE__

文章目录 openssl3.2 - exp - 使用默认的函数宏&#xff0c;在release版中也会引入__FILE__概述笔记验证是否__FILE__在release版下也能用&#xff1f;将openssl编译成release版的&#xff0c;看看CRYPTO_free()是否只需要一个参数就行&#xff1f;将工程中的openssl相关的库换…
阅读更多...
基于FPGA的数字信号处理（7）--如何确定Verilog表达式的位宽

基于FPGA的数字信号处理（7）--如何确定Verilog表达式的位宽

一般规则 很多时候&#xff0c;Verilog中表达式的位宽都是被隐式确定的&#xff0c;即使你自己设计了位宽&#xff0c;它也是根据规则先确定位宽后&#xff0c;再扩展到你的设计位宽&#xff0c;这常常会导致结果产生意想不到的错误。比如&#xff1a; timescale 1ns/1ns mod…
阅读更多...
嘉楠堪智 CanMV K230 的 CanMV-IDE 环境与 MicroPython 编程

嘉楠堪智 CanMV K230 的 CanMV-IDE 环境与 MicroPython 编程

嘉楠推出了 CanMV IDE 开发环境&#xff0c;可以使用 MicroPython 开发针对 CanMV K230 的各种程序&#xff0c;同时也提供了大量的例子程序&#xff0c;方便使用者学习。 嘉楠开发者社区&#xff0c;给出了详细的 CanMV K230 教程&#xff0c;可以借以快速上手。 目录 固件…
阅读更多...
2021-10-21 51单片机两位数码管显示0-99循环

2021-10-21 51单片机两位数码管显示0-99循环

缘由单片机两位数码管显示0-99循环-编程语言-CSDN问答 #include "REG52.h" #include<intrins.h> sbit K1 P3^0; sbit K2 P3^1; sbit K3 P3^2; sbit K4 P3^3; sbit bpP3^4; bit k1,wk10,wk20; unsigned char code SmZiFu[]{63,6,91,79,102,109,125,7,127,1…
阅读更多...
【数据结构与算法】力扣 239. 滑动窗口最大值

【数据结构与算法】力扣 239. 滑动窗口最大值

题干描述 给你一个整数数组 nums&#xff0c;有一个大小为 k **的滑动窗口从数组的最左侧移动到数组的最右侧。你只可以看到在滑动窗口内的 k 个数字。滑动窗口每次只向右移动一位。 返回 滑动窗口中的最大值 。 示例 1&#xff1a; 输入&#xff1a; nums [1,3,-1,-3,5,3…
阅读更多...
每日OJ题_DFS爆搜深搜回溯剪枝②_力扣526. 优美的排列

每日OJ题_DFS爆搜深搜回溯剪枝②_力扣526. 优美的排列

目录 力扣526. 优美的排列 解析代码 力扣526. 优美的排列 526. 优美的排列 难度 中等 假设有从 1 到 n 的 n 个整数。用这些整数构造一个数组 perm&#xff08;下标从 1 开始&#xff09;&#xff0c;只要满足下述条件 之一 &#xff0c;该数组就是一个 优美的排列 &#…
阅读更多...
深度学习 简记

深度学习 简记

深度学习个人学习简明笔记 待更新 文章目录 1 深度学习概论1.1 基本概念1.2 分类1.3 主要应用 2 神经网络基础2.1 神经网络组成2.2 前向传播与反向传播2.3 超参数2.4 激活函数2.5 优化方法2.5.1 基本梯度下降方法2.5.2 动量梯度下降2.5.3 Adam优化器 3 卷积神经网络(CNN)3.1 基…
阅读更多...
最新文章

Copyright @ 2022~2023