一、系统简介
本项目采用工具开发，jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。
系统一共分为2个角色分别是：管理员，用户
获取方式
xystgl · master · 码盗_java_bishe / java系统 · GitCodeGitCode——开源代码托管平台，独立第三方开源社区，Git/Github/Gitlab
https://gitcode.net/qq_43485489/javaweb/-/blob/master/xystgl
二、模块简介
管理员
1、登录
2、个人信息管理
3、用户管理
4、收支明细管理
5、理财明细管理
6、财务计划管理
7、财务日志管理
用户
1、登录，注册
2、个人信息管理
3、理财明细管理
4、财务计划管理
5、财务日志管理
视频展示：
javaweb家庭财务管理系统_哔哩哔哩_bilibili本项目采用工具开发，jsp+servlet+jquery技术编写，数据库采用的是mysql，navicat开发工具。系统一共分为3个角色分别是：管理员，学生，社长管理员1、登录2、个人信息管理3、用户管理4、收支明细管理5、理财明细管理6、财务计划管理7、财务日志管理用户1、登录，注册2、个人信息管理3、理财明细管理4、财务计划管理5、财务日志管理有需要加 微信 hhh1148720753 或者 , 视频播放量 1、弹幕量 0、点赞数 0、投硬币枚数 0、收藏人数 0、转发人数 0, 视频作者 码盗666, 作者简介 java码农一枚，相关视频：基于javaweb宿舍管理系统（eclipse_mysql_jsp_servlet），健身房俱乐部管理系统，财管30-管理用财报【P2财报分析和财务预测】日拱知识点，WMS仓库管理系统入库操作流程，客户管理系统，2023年中级财务管理-主观题集训2（7到10章），如何快速看透一家企业（下），【中级会计师必备押题】中级会计师 中级财务管理 看简介，2023年中级会计考试-中级财务管理-邹瑜老师考点强化班（有完整版附讲义），外企财务分析都在做什么？之损益表分析https://www.bilibili.com/video/BV11j411y7qY/?vd_source=8ad4632d619f0460b22fc0a42f840129
项目简介
难度等级：✩✩✩
用户类型：2角色（管理员，用户）
设计模式：MVC
项目架构：B/S架构
开发语言：Java语言
前端技术：HTML、CSS、JS、JQuery等
后端技术：JSP、servlet框架
运行环境：Windows7或10、JDK1.8
运行工具：本系统采用eclipse开发，支持idea运行。
数 据 库：MySQL5.5/5.7/8.0版本
运行服务器：Tomcat7.0/8.0/8.5/9.0等版本
是否基于Maven环境:否
是否采用框架：是
数据库表数量：6张表
JSP页面数量：20多张
是否有分页：有分页
相关截图
三、关键代码块
1、登录
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<jsp:include page="/WEB-INF/views/header.jsp"/>
<body>
<div class="row lyear-wrapper">
<div class="lyear-login">
<div class="login-center">
<div class="login-header text-center">
<a > 家庭理财系统登录</a>
</div>
<form >
<div class="form-group has-feedback feedback-left">
<input type="text" placeholder="请输入用户名" class="form-control" name="userName" id="userName" />
<span class="mdi mdi-account form-control-feedback" aria-hidden="true"> </span>
<span id="msg" style="color:red;"></span>
</div>
<div class="form-group has-feedback feedback-left">
<input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
<span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
<span id="msg2" style="color:red;"></span>
</div>
<div class="form-group has-feedback feedback-left row">
<div class="col-xs-12">
<select class="form-control" id="type" name="type" size="1">
<option value="1">管理员</option>
<option value="2">用户</option>
</select>
</div>
</div>
<font color="red">${message}</font>
<div class="form-group"><!-- onclick="location.href='index.html'" -->
<button class="btn btn-block btn-primary" type="button" id="login" >立即登录</button>
</div>
</form>
<a class="btn btn-block btn-primary" type="button" href="LoginServlet?action=toRegister" >去注册</a>
<hr>
<footer class="col-sm-12 text-center">
</footer>
</div>
</div>
</div>
<script type="text/javascript">
layui.use(['layer', 'form','jquery'], function(){
var layer = layui.layer
,form = layui.form
,jquery=layui.jquery;
$("#login").on("click", function() {
var userName = $("#userName").val().trim(); // trim()去除空格
var password = $("#password").val().trim();
var type = $("#type").val();
if(!userName) {
$("#msg").html("用户名不能为空！");
$("#userName").focus(); // 聚焦
return false;
} else {
if(!password) {
$("#msg").html("密码不能为空！");
$("#password").focus(); // 聚焦
return false;
} else {
$("#msg").html("");
}
}
$.ajax({
type: "post", // post或get
url: "LoginServlet?action=login", // 提交路径
data: {
userName: userName,
password: password,
type:type,
},
// dataType: "json", // 指定后台传来的数据是json格式
success: function(data) {
if (data == "yes") {
layer.msg('登陆成功！', {icon: 6});
// 延迟跳转
window.setTimeout("window.location='LoginServlet?action=toMain'",900);
}else{
layer.msg('账号或者密码错误，登录失败！', {icon: 5});
}
},
error: function(err) {}
})
})
});
</script>
</body>
</html>protected void login(HttpServletRequest request, HttpServletResponse response) throws Exception {//跳转到添加用户界�?
String userName = request.getParameter("userName");
String password = request.getParameter("password");
String type = request.getParameter("type");
String message = "no";
if(type != null && type.equals("1")){//admin
Admin admin = service.selectAdmin(userName,password);
if (admin != null) {
message = "yes";
request.getSession().setAttribute("flag",1);
request.getSession().setAttribute("admin",admin);
}
}else if(type != null && type.equals("2")){
User user = service.selectUser(userName,password);
if (user != null) {
message = "yes";
request.getSession().setAttribute("flag",2);
request.getSession().setAttribute("user",user);
}
}
response.getWriter().print(message);
}四、总结
系统总结
系统使用eclipse开发的（也可idea运行）
相关技术：jsp，servlet，JavaScript，ajax，jquery，mvc结构，jdbc连接池C3p0，mysql，bootstrap。
我的开发工具：eclipse2020，mysql5.7，navicat数据库管理工具，Jdk1.8，tomcat8.5，google浏览器。
非开源！！！！！！
项目截图中的数据，很多是用来测试的，需求自行添加合适的数据图片
喜欢的朋友的点赞加关注，感兴趣的同学可以研究！！！！！
