博主介紹：?全網(wǎng)粉絲30W+,csdn特邀作者、博客專家、CSDN新星計(jì)劃導(dǎo)師、Java領(lǐng)域優(yōu)質(zhì)創(chuàng)作者,博客之星、掘金/華為云/阿里云/InfoQ等平臺(tái)優(yōu)質(zhì)作者、專注于Java技術(shù)領(lǐng)域和畢業(yè)項(xiàng)目實(shí)戰(zhàn)?
??文末獲取源碼聯(lián)系??
?????精彩專欄推薦訂閱?????不然下次找不到喲
2022-2024年最全的計(jì)算機(jī)軟件畢業(yè)設(shè)計(jì)選題大全：1000個(gè)熱門選題推薦?
Java項(xiàng)目精品實(shí)戰(zhàn)案例《100套》
Java微信小程序項(xiàng)目實(shí)戰(zhàn)《100套》
Python項(xiàng)目實(shí)戰(zhàn)《100套》
感興趣的可以先收藏起來，還有大家在畢設(shè)選題，項(xiàng)目以及論文編寫等相關(guān)問題都可以給我留言咨詢，希望幫助更多的人
?
系統(tǒng)介紹：
隨著計(jì)算機(jī)技術(shù)的成熟，互聯(lián)網(wǎng)的建立，如今，PC平臺(tái)上有許多關(guān)于家庭財(cái)務(wù)管理方面的應(yīng)用程序，但由于使用時(shí)間和地點(diǎn)上的限制，用戶在使用上存在著種種不方便，而開發(fā)一款基于微信小程序的家庭財(cái)務(wù)管理系統(tǒng)，能夠有效地解決這個(gè)問題。
本基于微信小程序的家庭財(cái)務(wù)管理系統(tǒng)采用WXML 、WXS、JS小程序編寫語言、微信開發(fā)者工具進(jìn)行微信端開發(fā)，使用MYSQL數(shù)據(jù)庫進(jìn)行儲(chǔ)存系統(tǒng)數(shù)據(jù)，以微信為入口的，具有快捷、輕便的特點(diǎn)，不占內(nèi)存，不用下載、安裝，而且訪問速度很快。系統(tǒng)界面良好，操作簡(jiǎn)單方便，通過系統(tǒng)概述、系統(tǒng)分析、系統(tǒng)設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、系統(tǒng)測(cè)試這幾個(gè)部分，詳細(xì)的說明了系統(tǒng)的開發(fā)過程，最后并對(duì)整個(gè)開發(fā)過程進(jìn)行了總結(jié)，實(shí)現(xiàn)了家庭財(cái)務(wù)管理的重要功能。
“操作簡(jiǎn)單，功能實(shí)用”這是本軟件設(shè)計(jì)的核心理念，本系統(tǒng)力求創(chuàng)造最好的用戶體驗(yàn)。
程序上交給用戶進(jìn)行使用時(shí)，需要提供程序的操作流程圖，這樣便于用戶容易理解程序的具體工作步驟，現(xiàn)如今程序的操作流程都有一個(gè)大致的標(biāo)準(zhǔn)，即先通過登錄頁面提交登錄數(shù)據(jù)，通過程序驗(yàn)證正確之后，用戶才能在程序功能操作區(qū)頁面操作對(duì)應(yīng)的功能。
?程序操作流程圖
相關(guān)技術(shù)框架
Vue框架
Vue是最近幾年最火的前端應(yīng)用，在H5以及APP和小程序上面，有著很大的市場(chǎng)份額。作為一個(gè)不斷的向前發(fā)展的生態(tài)系統(tǒng)，Vue不僅僅只是作為了網(wǎng)頁的開發(fā)，Vue的概念主要是讓以前靜態(tài)寫的DOM，變成了動(dòng)態(tài)生成，超快運(yùn)行虛擬DOM，DOM就是HTML里面W3C設(shè)置的標(biāo)準(zhǔn)，是文檔對(duì)象模型。使用Vue，讓文檔對(duì)象生成變得更加智能化，在使用過程中對(duì)該機(jī)構(gòu)進(jìn)行訪問，就能改變文檔的結(jié)構(gòu)、樣式以及內(nèi)容。讓用戶能體現(xiàn)到極簡(jiǎn)界面，急速打開，從上往下的打開層次感，使用的更加舒適。?
微信小程序
小程序是一種新的開放能力，開發(fā)者可以快速地開發(fā)一個(gè)小程序。小程序可以在微信內(nèi)被便捷地獲取和傳播，同時(shí)具有出色的使用體驗(yàn)。尤其擁抱微信生態(tài)圈，讓微信小程序更加的如虎添翼，發(fā)展迅猛。
uni-app
uni-app?是一個(gè)使用?Vue.js?開發(fā)所有前端應(yīng)用的框架，開發(fā)者編寫一套代碼，可發(fā)布到iOS、Android、Web（響應(yīng)式）、以及各種小程序（微信/支付寶/百度/頭條/QQ/釘釘/淘寶）、快應(yīng)用等多個(gè)平臺(tái)。
DCloud公司擁有800萬開發(fā)者、數(shù)百萬應(yīng)用、12億手機(jī)端月活用戶、數(shù)千款uni-app插件。
uni-app在手，做啥都不愁。即使不跨端，uni-app也是更好的小程序開發(fā)框架更好的App跨平臺(tái)框架、更方便的H5開發(fā)框架。不管領(lǐng)導(dǎo)安排什么樣的項(xiàng)目，你都可以快速交付，不需要轉(zhuǎn)換開發(fā)思維、不需要更改開發(fā)習(xí)慣。
功能截圖：
5.1用戶功能模塊的實(shí)現(xiàn)
5.1.1用戶注冊(cè)登錄界面
沒有賬號(hào)的用戶可進(jìn)行注冊(cè)操作，注冊(cè)后可進(jìn)入登錄界面進(jìn)行登錄系統(tǒng)，用戶注冊(cè)登錄界面展示如圖5-1所示。
圖5-1??用戶注冊(cè)登錄界面圖
5.1.2首頁界面
用戶登錄后進(jìn)入系統(tǒng)首頁，首頁界面展示如圖5-2所示。
圖5-2??首頁界面圖
5.1.3收支記錄界面
用戶登錄后可增刪改查收支信息，收支記錄界面展示如圖5-3所示。
5.1.4留言板界面
用戶可進(jìn)入留言板界面進(jìn)行添加留言，留言板界面如圖5-4所示。
圖5-4 ?留言板界面圖
5.1.5家庭年度收支界面
用戶可增刪改查家庭年度收支信息，家庭年度收支界面如圖5-5所示。
圖5-5 ?家庭年度收支界面圖
5.1.6我的界面
用戶在我的界面可根據(jù)需求進(jìn)行相應(yīng)模塊的操作，我的界面如圖5-6所示。
圖5-6??我的界面圖
5.2管理員功能模塊的實(shí)現(xiàn)
5.2.1管理員登錄界面
管理員要想進(jìn)入系統(tǒng)后臺(tái)對(duì)系統(tǒng)進(jìn)行管理操作，必須登錄系統(tǒng)后臺(tái)，管理員登錄界面如圖5-7所示。
圖5-7??管理員登錄界面圖
5.2.2用戶管理界面
管理員登錄后可查看、新增、修改和刪除用戶信息，用戶管理界面如圖5-8所示。
圖5-8??用戶管理界面圖
5.2.3收支記錄管理界面
管理員可查看、添加、修改和刪除收支記錄信息，收支記錄管理界面如圖5-9所示。
圖5-9??收支記錄管理界面圖
5.2.4財(cái)務(wù)明細(xì)管理界面
管理員可查看、添加、修改和刪除財(cái)務(wù)明細(xì)信息，財(cái)務(wù)明細(xì)管理界面如圖5-10所示。
圖5-10??財(cái)務(wù)明細(xì)管理界面圖
5.2.5理財(cái)計(jì)劃管理界面
管理員可以管理理財(cái)計(jì)劃信息，理財(cái)計(jì)劃管理界面展示如圖5-11所示。
圖5-11??理財(cái)計(jì)劃管理界面圖
代碼實(shí)現(xiàn)：
package com.controller;
import java.util.Arrays;
import java.util.Calendar;
import java.util.Date;
import java.util.Map;
import javax.servlet.http.HttpServletRequest;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.bind.annotation.RestController;
import com.annotation.IgnoreAuth;
import com.baomidou.mybatisplus.mapper.EntityWrapper;
import com.entity.TokenEntity;
import com.entity.UserEntity;
import com.service.TokenService;
import com.service.UserService;
import com.utils.CommonUtil;
import com.utils.MD5Util;
import com.utils.MPUtil;
import com.utils.PageUtils;
import com.utils.R;
import com.utils.ValidatorUtils;
/**
* 登錄相關(guān)
*/
@RequestMapping("users")
@RestController
public class UserController{
@Autowired
private UserService userService;
@Autowired
private TokenService tokenService;
/**
* 登錄
*/
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user==null || !user.getPassword().equals(password)) {
return R.error("賬號(hào)或密碼不正確");
}
String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
return R.ok().put("token", token);
}
/**
* 注冊(cè)
*/
@IgnoreAuth
@PostMapping(value = "/register")
public R register(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用戶已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 退出
*/
@GetMapping(value = "logout")
public R logout(HttpServletRequest request) {
request.getSession().invalidate();
return R.ok("退出成功");
}
/**
* 密碼重置
*/
@IgnoreAuth
@RequestMapping(value = "/resetPass")
public R resetPass(String username, HttpServletRequest request){
UserEntity user = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", username));
if(user==null) {
return R.error("賬號(hào)不存在");
}
user.setPassword("123456");
userService.update(user,null);
return R.ok("密碼已重置為：123456");
}
/**
* 列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params,UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
return R.ok().put("data", page);
}
/**
* 列表
*/
@RequestMapping("/list")
public R list( UserEntity user){
EntityWrapper<UserEntity> ew = new EntityWrapper<UserEntity>();
ew.allEq(MPUtil.allEQMapPre( user, "user"));
return R.ok().put("data", userService.selectListView(ew));
}
/**
* 信息
*/
@RequestMapping("/info/{id}")
public R info(@PathVariable("id") String id){
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 獲取用戶的session用戶信息
*/
@RequestMapping("/session")
public R getCurrUser(HttpServletRequest request){
Long id = (Long)request.getSession().getAttribute("userId");
UserEntity user = userService.selectById(id);
return R.ok().put("data", user);
}
/**
* 保存
*/
@PostMapping("/save")
public R save(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
if(userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername())) !=null) {
return R.error("用戶已存在");
}
userService.insert(user);
return R.ok();
}
/**
* 修改
*/
@RequestMapping("/update")
public R update(@RequestBody UserEntity user){
// ValidatorUtils.validateEntity(user);
UserEntity u = userService.selectOne(new EntityWrapper<UserEntity>().eq("username", user.getUsername()));
if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
return R.error("用戶名已存在。");
}
userService.updateById(user);//全部更新
return R.ok();
}
/**
* 刪除
*/
@RequestMapping("/delete")
public R delete(@RequestBody Long[] ids){
userService.deleteBatchIds(Arrays.asList(ids));
return R.ok();
}
}
論文參考：
推薦項(xiàng)目：
基于微信小程序+Springboot線上租房平臺(tái)設(shè)計(jì)和實(shí)現(xiàn)-三端
2022-2024年最全的計(jì)算機(jī)軟件畢業(yè)設(shè)計(jì)選題大全
基于Java+SpringBoot+Vue前后端分離手機(jī)銷售商城系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)
基于Java+SpringBoot+Vue前后端分離倉庫管理系統(tǒng)設(shè)計(jì)實(shí)現(xiàn)
基于SpringBoot+uniapp微信小程序校園點(diǎn)餐平臺(tái)詳細(xì)設(shè)計(jì)和實(shí)現(xiàn)
基于Java+SpringBoot+Vue+echarts健身房管理系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)
基于JavaSpringBoot+Vue+uniapp微信小程序?qū)崿F(xiàn)鮮花商城購(gòu)物系統(tǒng)
基于Java+SpringBoot+Vue前后端分離攝影分享網(wǎng)站平臺(tái)系統(tǒng)?
基于Java+SpringBoot+Vue前后端分離餐廳點(diǎn)餐管理系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)
基于Python熱門旅游景點(diǎn)數(shù)據(jù)分析系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)
源碼獲取：
大家點(diǎn)贊、收藏、關(guān)注、評(píng)論啦 、查看????獲取微信聯(lián)系方式????
?精彩專欄推薦訂閱：在下方專欄????
Java項(xiàng)目精品實(shí)戰(zhàn)案例《100套》
Java微信小程序項(xiàng)目實(shí)戰(zhàn)《100套》文章來源：http://www.zghlxwxcb.cn/news/detail-751473.html
Python項(xiàng)目實(shí)戰(zhàn)《100套》文章來源地址http://www.zghlxwxcb.cn/news/detail-751473.html
到了這里，關(guān)于基于Java+Vue+uniapp微信小程序家庭財(cái)務(wù)管理系統(tǒng)設(shè)計(jì)和實(shí)現(xiàn)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
