微信小程序 uniapp+vue个人收支家庭理财记账本

关注

原创最新推荐文章于 2026-07-25 18:42:01 发布 1.1k 阅读 AI 写同款· GEO 优化 ›

单细胞双胞过滤-scrublet安装 pip install scrublet ----use-pep517有如下报错，分析可知安装annoy时不会自动更新gcc的版本，centos默认是4.8.5。pip install scrublet ----use-pep517 仍然报错，但似乎不影响使用，提示Successfully installed。打开终端，进入Python环境，输入以下代码，查看Python安装位置。暂时还没尝试是否存在问题，如果存在问题，降级scrublet版本。包的开发依赖的是比较低版本的numpy，会用到。阅读详情

文章目录

项目介绍主要技术与实现手段

基于微信小程序的便捷理财记账本的设计基于现有的安卓手机上运行，可以实现管理员服务端；首页、个人中心、用户管理，支出信息管理、收入信息管理、管理员管理、论坛管理、系统管理等功能。方便用户对首页、支出信息、收入信息、论坛、我的等详细的了解及统计分析。
该系统主要分为登录注册、资金管理、统计报表、趋势图线、个人信息五大模块。
登录管理:新用户填写相关的注册信息，获得登陆账号和密码，已注册用户通过账号和密码登录系统。
资金管理:用户登录到系统后可以通过资金管理对家庭资金进行管理，包括工资收入、额外收入、日常支出、商品购买等。
统计报表:用户在这个模块下通过操作能得到相应的统计报表、收入信息报表、支出信息报表。
趋势图线:在这里通过图形显示数据库的数据、收入信息图形的显示、支出信息图形的显示。
个人信息:查看、修改用户信息。
在平时频繁的收支过程中，随着时间的推移，家庭财务收支事务会产生大量的文件与数据，而目前常被人们用来记录、管理和处理家庭的财务收支事务的传统人工方式，由于其具有难以长期保存、保密性差、检索困难、成本高、效率低等缺点，加重了人们的工作负担，降低了工作效率。人们几乎每一天都会经过许多次货币活动。其中包括了买入卖出实物，娱乐消费，起居饮食消费，还有发放工资等。如果能把各类不同的活动进行分类，分别对活动进行管理，那么无论现在还是将来，你的账务就会清楚明白了.

（1）微信开发者工具：提供小程序开发、调试、发布等功能，用于前端开发。
（2）Node.js/java/python/php：用于后端服务搭建和逻辑处理。
（3）MySQL/MongoDB：用于数据存储和管理，设计合适的数据库结构。
（4）API接口开发：设计并实现前后端的接口通信，保证数据传输的稳定和安全性。
（5）安全加密手段：使用HTTPS协议保障数据传输的安全性，确保用户隐私不被泄露。
（6）界面设计工具：如Adobe XD、Sketch等，用于设计用户友好的界面和交互体验
本系统支持以下技术栈.
(vue-Python-uniapp-Android-PHP-java+hbuiderx)
1.服务器框架：
Node.js + Express：使用 Node.js 和 Express 框架搭建 RESTful API，处理用户请求、数据交互、订单管理等。
2.Spring Boot-ssm (Java)：基于 Spring Boot 构建后端服务，处理业务逻辑，管理数据库操作等。
3.python(flask/django)–pycharm/vscode
4.php(Thinkphp-Laravel)-hbuilderx
uni-app框架：使用Vue.js开发跨平台应用的前端框架，编写一套代码，可编译到Android、小程序等平台。
数据库 mysql 版本不限
数据库工具：Navicat/SQLyog等都可以
小程序端运行软件微信开发者工具/hbuiderx

具体实现截图

在这里插入图片描述

研究思路、方法和步骤

文献研究法：查阅国内外相关文献，了解个人收支家庭理财记账本的研究现状、技术应用情况，借鉴已有的研究成果和实践经验，为系统设计提供理论支持。
调查研究法：通过问卷调查、访谈等方式，收集用户和运营者的需求和意见。了解用户对功能、界面、操作流程的期望，以及运营者在管理过程中遇到的问题，为系统设计提供现实依据。
案例分析法：分析国内外成功的个人收支家庭理财记账本的案例，研究其功能特点、商业模式、技术架构等，吸取优点，避免出现类似问题。
实验研究法：在系统开发过程中，对不同的技术方案、算法等进行实验对比。如比较不同的数据库查询优化方法对系统性能的影响，选择最优方案。
需求分析阶段：通过文献研究、调查研究等方法，深入了解用户和运营者需求，撰写详细的需求分析报告。
系统设计阶段：完成系统的总体架构设计、功能模块设计、数据库设计等，绘制系统架构图、功能模块图、E-R 图等。
开发实现阶段：进行微信小程序前端开发、后端服务器搭建、数据库开发等工作，按照设计方案逐步实现系统的各项功能。
测试优化阶段：进行功能测试、性能测试、安全测试等，发现并修复系统存在的问题。根据测试结果对系统进行优化，提升系统质量。
总结验收阶段：对整个研究过程和系统开发成果进行总结，撰写研究报告和毕业论文。进行系统验收，确保系统满足设计要求和用户需求。

本系统开发思路

（1）数据库结构的建立
（2）后台数据的增加，修改删除
（3）前台和后台数据的同步
微信小程序前端开发：运用微信开发者工具，设计简洁美观、交互友好的界面。实现页面布局、组件设计、用户交互效果等，确保在不同移动设备上的兼容性和显示效果。
机型选择：小程序以智能手机的屏幕尺寸为设计标准，进行切图。
预览界面：写好视图布局后点击编译，用来刷新视图界面。
控制台：方便调试打印输出信息。
上传代码：上传到腾讯服务器，提交审核必经步骤。上传代码时可以填写版本号和备注信息。
资源文件：一般可以在资源文件进行对应项目的文件目录的断点调试。
显示远程调试：手机端和PC端开发工具联调对用户而言是非常实用的。
本地数据存储：显示的是本地存储的数据。
视图调试：标组件以子父层级结构呈现，方便调试。
微信限制在2M 以内的代码体积；开发中一般不校验合法域名信息；小程序后台要做配置服务器域名。
数据库设计：设计合理的数据库结构如MySQL、MongoDB等，包括用户表、收藏表,评价表等。确定各表之间的关联关系，保证数据的完整性和一致性。
系统部署与测试：将前端代码部署到微信小程序平台，部署后端服务到云服务器或其他托管平台，进行系统整体测试和优化。

HBuilderX，H是HTML的首字母，Builder是构造者，X是HBuilder的下一代版本。我们也简称HX。
HX是轻如编辑器、强如IDE的合体版本。
HX支持java插件、nodejs插件，并兼容了很多vscode的插件及代码块。
还可以通过外部命令，方便的调用各种命令行功能，并设置快捷键。
如果你习惯了其他工具(如vscode或sublime)的快捷键，在菜单工具-快捷键方案中可以切换。

java类核心代码部分展示

@RestController
@RequestMapping("/yuangong")
public class YuangongController {
    @Autowired
    private YuangongService yuangongService;
	@Autowired
	private TokenService tokenService;
/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", username));
		if(user==null || !user.getMima().equals(password)) {
			return R.error("账号或密码不正确");
		}
		
		String token = tokenService.generateToken(user.getId(), username,"yuangong",  "员工" );
		return R.ok().put("token", token);
	}
	       /**
     * 密码重置
     */
    @IgnoreAuth
	@RequestMapping(value = "/resetPass")
    public R resetPass(String username, HttpServletRequest request){
    	YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", username));
    	if(user==null) {
    		return R.error("账号不存在");
    	}
        user.setMima("123456");
        yuangongService.updateById(user);
        return R.ok("密码已重置为：123456");
    }
	/**
     * 注册
     */
	@IgnoreAuth
    @RequestMapping("/register")
    public R register(@RequestBody YuangongEntity yuangong){
    	//ValidatorUtils.validateEntity(yuangong);
    	YuangongEntity user = yuangongService.selectOne(new EntityWrapper<YuangongEntity>().eq("yuangonggonghao", yuangong.getYuangonggonghao()));
		if(user!=null) {
			return R.error("注册顾客已存在");
		}
		Long uId = new Date().getTime();
		yuangong.setId(uId);
        yuangongService.insert(yuangong);
        return R.ok();
    }

	/**
	 * 退出
	 */
	@RequestMapping("/logout")
	public R logout(HttpServletRequest request) {
		request.getSession().invalidate();
		return R.ok("退出成功");
	}

系统测试

系统测试的目的在于测试系统与设计需求相比较，及时的发现系统与设计不符或者矛盾的地方，发现这些问题，进一步的进行系统完善工作。主要包括系统压力测试和系统性能测试。
系统压力测试：压力测试的目的在于获取系统能够保证正常运转的极限情况，经测试，本系统可以支持100人同时进行使用不会发生系统稳定性和性能问题。
系统性能测试：系统性能测试主要是模拟用户实际的使用负载来测试系统的响应时间，数据吞吐率以及系统的承载能力。
1.系统响应时间：在系统压力测试的情况下，本系统的动作响应时间可以达到用户的需求。经过测试，本系统在100个用户同时操作时可以保持0.1秒的响应时间。
2.数据吞吐率：经过测试，本系统可以在单位时间内完成规定的数据量，可以满足用户的使用需求。
3.系统承载能力：经过系统压力测试，本系统在保证正常的响应时间的前提下，能够支持100人同时使用，不会产生稳定性问题。

本系统技术可行性分析

不容易出现问题和故障，所以个人收支家庭理财记账本够在不同浏览器，以及各种操作系统中运行与实现。
本系统主要使用java,Node.js、Django、Spring Boot、thinkphp Python语言和框架开发本系统,uniapp支持在多个平台上使用现在计算机硬件设备的更新换代速度极快，市面上出现的硬件设备大多是高速福大容量的，并且现在的上网速度至少是100M，为运行本系统提供了硬件方面的支持，打下了坚实的硬件基础。后端服务器搭建：选择合适的服务器架构(如Node.js、Django、Spring Boot、thinkphp ssm等)，处理前端请求，进行数据的存储、查询、更新等操作，与数据库进行交互。