更新时间：2024-05-17
所属分类：微信小程序
评论回复：0
后端语言+数据库：java/ssm/springboot/mysql
小程序框架：uniapp/vue
开发环境：eclipse/idea/微信开发者
WXML全称是 WeiXin Markup Language，是微信标记语言，是微信小程序的标签语言，结合小程序的基础组件、事件系统，可以构建出页面的结构。类似于HTML语言，但是他自身也拥有一定的特色。
WXSS(WeiXin Style Sheets)是微信样式表，是微信小程序用于修饰标签语言的样式文件，WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者，WXSS 具有 CSS 大部分特性，同时为了更适合开发微信小程序，WXSS对CSS语言进行修改和扩充，引入全新尺寸单位rpx，但大体语法于CSS语言不分离。
JS是 JavaScript[4]语言的简称，微信小程序里面也可以叫做WXS，是一门脚本语言，通俗易懂，用于页面交互的语言。
小程序Android端运行软件 微信开发者工具/hbuiderx
uni-app框架：使用Vue.js开发跨平台应用的前端框架，编写一套代码，可编译到Android、小程序等平台。
前端：HTML5,CSS3 VUE.js
开发运行：微信开发者/hbuilderx
python+java+node.js+php
前端开发框架:vue.js
数据库 mysql 版本不限
数据库工具：Navicat/SQLyog等都可以
后端语言框架：java(SSM+springboot)/python(flask+django)/thinkphp/Nodejs/都支持
后端开发工具:idea/eclipse/vscode/pycharm/hbuiderx都支持
本基于微信小程序的家庭财务管理系统采用WXML 、WXS、JS小程序编写语言、微信开发者工具进行微信端开发，使用MYSQL数据库进行储存系统数据，以微信为入口的，具有快捷、轻便的特点，不占内存，不用下载、安装，而且访问速度很快。系统界面良好，操作简单方便，通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结，实现了家庭财务管理的重要功能。
“操作简单，功能实用”这是本软件设计的核心理念，本系统力求创造最好的用户体验。
重点及难点：
(1) 系统的接口连接
(2) 如何设计系统中的各类操作界面，使其更易于用户使用与操作
(3) 怎么很好的设计各类用户的权限
(4) 数据库的设计和模块之间的动态连接
(5) 如何建立一个合理有效，查询速度快的数据库
(6) 怎样创建有效的操作数据库，并且能够快速无误的进行数据的读写
(7) 如何组织系统，怎样去提高程序运行的效率
关键词：家庭财务管理；微信开发者工具；微信小程序；MYSQL数据库
目 录
1 绪 论 1
1.1研究背景 1
1.2研究现状 1
1.3研究内容 2
2系统关键技术 3
2.1 微信小程序 3
2.2微信Web开发者工具 3
2.3微信小程序API接口 3
2.4 WXML 、WXS、JS小程序编写语言 4
2.5 MYSQL数据库 4
3系统分析 5
3.1可行性分析 5
3.1.1 技术可行性 5
3.1.2经济可行性 5
3.1.3操作可行性 5
3.1.4法律可行性 6
3.2系统性能分析 6
3.3 系统功能分析 6
3.3.1用户功能分析 6
3.3.2管理员功能分析 7
3.4用户体验需求分析 7
3.5系统流程分析 8
3.5.1注册流程 8
3.5.2登录流程 8
3.5.3录入信息流程 9
4系统设计 10
4.1系统设计要求 10
4.2系统开发流程设计 10
4.3系统结构设计 10
4.4数据库设计 11
4.4.1数据库E-R图设计 11
4.4.2数据库表设计 13
5 系统的实现 17
5.1用户功能模块的实现 17
5.1.1用户注册登录界面 17
5.1.2首页界面 17
5.1.3收支记录界面 18
5.1.4留言板界面 19
5.1.5家庭年度收支界面 19
5.1.6我的界面 20
5.2管理员功能模块的实现 21
5.2.1管理员登录界面 21
5.2.2用户管理界面 21
5.2.3收支记录管理界面 22
5.2.4财务明细管理界面 22
5.2.5理财计划管理界面 22
6系统测试 24
6.1测试定义 24
6.2测试的重要性 24
6.3测试方案 25
6.4测试结论 26
结 论 27
参考文献 28
谢 辞 29
