Skip to content

GraduationProject-weixin/50149wxapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

首页查询更多项目 包安装运行

50149wxapp家庭财务管理系统的设计与实现

picture

点击播放视频 ▼

Watch the video

研究背景

二十一世纪是一个集数字化,网络化,信息化的,以网络为核心的社会。随着互联网的发展,传统生活变得更加方便快捷,许多事物都可以跟互联网相连接,于是就提出了“互联网+”[1]的概念,日常生活离不开计算机更离不开互联网,例如生活中最平常的衣食住行,都有其相关的智能产品,所以科技改变生活,传统的生活方式面对互联网的新浪潮的冲击,已经渐渐退出了历史舞台,相信未来的某一时刻,传统的生活方式将进入全智能化的阶段。

在信息技术迅速发展的今天,计算机技术已经遍及全球,使社会发生了巨大的变革,现今各类智能手机不断更新,智能手机的普遍使用让各种基于手机移动端的APP问世,其中,微信已是时下国内最火的聊天交流APP,备受人们青睐,近年来,微信发展规模越来越大,越来越多的人开始使用微信,目前智能手机系统的普及,人们手机上基本都有了微信,根据去年公布的一组数据中可知,微信去年最高用户量达到10亿多;而建立在微信平台基础上的小程序凭着它不用安装、不占内存、使用便捷、用完即走等众多优点,小程序借着微信平台快速成长,也为各行业的发展带来了极大的便利,这使得基于微信平台的系统应运而生,为用户提供便利。

基于以上微信的发展,结合目前家庭财务管理方面的需求,开发了本基于微信小程序的家庭财务管理系统,为家庭财务管理提供一个便利的管理平台,同时也可提高家庭财务管理效率。

1.2研究现状

移动互联网的不断发展,手机的使用频率越来越频繁,移动互联网时代已经融入我们的生活,工信部数据显示我国移动电话用户将近13亿,移动互联网用户数量将近达到9亿,5G用户继续保持高速增长态势。5G时代的开启以及移动终端设备的普及为移动互联网注入了巨大的能量,PC端互联网已经处于日渐饱和的状态,而移动互联网却正在蓬勃发展,传统的互联网巨头们也都将目光聚集到移动互联网。

随着现代信息技术的快速崛起和发展,智能手机几乎已覆盖全国,微信公众平台在微信中的应用频率日益增加,首当其冲的就是Internet与智能手机的融合了,为微信的发展提供了丰富有力的条件。目前基于微信小程序的家庭财务管理系统还不成熟,大多数的家庭财务管理系统都出现在传统的WEB应用上,在这个环境下,基于微信小程序的家庭财务管理系统属于一个崭新的应用。目前,绝大部分的网络应用都还是传统的WEB应用,但面对微信如此普及的今天,传统WEB的应用不能满足人们随时随地体验网络应用的想法,所以,出现在手机微信客户端的小程序将会越来越多,同时其发展的速度也会越来越快。家庭财务管理系统作为传统WEB应用,也必将在手机微信平台上得到应用。

1.3研究内容

根据基于微信小程序的家庭财务管理系统编写的论文主要阐述了基于微信小程序的家庭财务管理系统的开发过程中使用的技术,系统开发前进行的需求分析,根据需求文档进行系统设计,最后才是系统功能实现以及测试几个部分,在开始编写论文之前亲自到图书馆借阅JAVA书籍,MYSQL数据库书籍等编程书籍,然后针对开发的基于微信小程序的家庭财务管理系统,去网上查找了很多别人做好的系统,根据他们的功能设计进行自己的系统的系统功能结构设计,出具需求报告,根据形成的需求报告完成系统各个功能模块设计,最后才是进行程序编码,系统完成后才能进行测试和最后的验收工作,程序开发流程大致如此。

这次编写的论文包含了6个部分的内容,具体内容如下:

第一部分绪论:文章主要从课题背景以及研究现状综合阐述了开发此系统的必要性。

第二部分相关技术:系统开发用到的各种技术都大致做出了简介

第三部分系统分析:从可行性分析和功能需求分析等角度综合研究了此次开发的系统

第四部分系统设计:功能模块设计和数据库设计这两部分内容都有专门的表格和图片表示

第五部分系统实现:主要是根据需求文档和系统设计内容进行文字编码

第六部分系统测试:检验程序是否达到预期目标

2系统关键技术

2.1 微信小程序

微信小程序,简称小程序,英文名Mini Program,是一种全新的连接用户与服务的方式,可以快速访问、快速传播,并具有良好的使用体验。

小程序的主要开发语言是JavaScript,它与普通web的开发有很多相似之处。小程序和普通网页开发并不是相同的东西,是有差异的。网页开发的渲染线程和脚本线程是互斥的,而在小程序中,确实分开的,分别在不同的线程之中运行。网页开发的工作者可以运用各种浏览器暴露出来的DOM API,进行DOM选中和操作,但小程序不行,它并没有一个完整的浏览器对象,因此缺失DOM API和BOM API。这样的差别使得前端开发中经常用到的一些库是无法在小程序中运行的。另外,网页开发的工作者在开发网页时所要面对的环境是在各式各样系统上运行的各式各样的浏览器,,而小程序只,只需面对iOS和Android这两道操作系统下的微信就足够了。

小程序和传统的APP相比,有着开发成本更低,获客成本更低,开发周期更短,发展空间更大等的优点。不过,为了体现“用完即走”、“无需安装”等理念,小程序的功能、性能还有大小都受到了制约,可以说是各有利弊。

2.2微信Web开发者工具

为了实现微信小程序编写,腾讯公司推出微信web开发者工具[2],用来调试编写微信小程序,微信小游戏,微信公众号的编写和调试,该软件是支持微信小程序官方API 和相应的辅助工具和插件,支持微信端的代码编辑,查看,预览,发布。该工具拥有自己的前端代码文件,视图文件是.wxml、样式文件是.wxss、交互则是JS文件[8],当然还有支持相应的网络框架,通过接口wx.request和后台进行数据传输,通过配置https域名配置跟服务器对接并发布项目,这是一款集开发、预览、发布等功能的微信产品的开发工具,目前还在更新版本。

2.3微信小程序API接口

微信小程序API接口是腾讯公司为了微信小程序和微信公众号提供的接口文档,里面包含了各种需要使用的接口技术[7],例如本项目用到的获取微信用户信息(wx.getUserInfo)、蓝牙通讯传输功能、网络请求(wx.request)、定位功能等,总的来说,小程序API是满足一个程序开发的大部分接口。

2.4 WXML 、WXS、JS小程序编写语言

WXML全称是 WeiXin Markup Language,是微信标记语言,是微信小程序的标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。类似于HTML语言,但是他自身也拥有一定的特色。

WXSS(WeiXin Style Sheets)是微信样式表,是微信小程序用于修饰标签语言的样式文件,WXSS 用来决定 WXML 的组件应该怎么显示。为了适应广大的前端开发者,WXSS 具有 CSS 大部分特性,同时为了更适合开发微信小程序,WXSS对CSS语言进行修改和扩充,引入全新尺寸单位rpx,但大体语法于CSS语言不分离。

JS是 JavaScript[4]语言的简称,微信小程序里面也可以叫做WXS,是一门脚本语言,通俗易懂,用于页面交互的语言。

2.5 MYSQL数据库

MySQL是典型的关系数据库系统,拥有开源免费、稳定、高效等特点,一直是中小型web项目的最佳数据库选择。MySQL作为当今IT领域使用人数最多的开源关系型数据库软件之一,在2018年的数据库使用率排名中位居第二,仅次于目前为止最成功的商业版数据库Orcle[5]。MySQL最大的优势之一就是无偿使用,这也是它成功的关键。

MySQL支持标准化数据库查询语言SQL。MySQL是一款非常适合个人开发者或小型组织开发团体的数据库管理系统,因为它是开源并且免费的,体积小、速度快、成本低以及其最重要的一点开放源码,深受程序设计人员的喜爱,这也让它成为了许许多多中小型开发网站数据库的首选,同时提供了多种开发的连接API。MySQL将数据的存放按照记录之间的关系存放到了不同的表中,减少了数据的冗余并且提高了开发的工作效率。MySQL支持开发中需要用的大型数据库,并能处理数以万计的记录。因为MySQL是开源的软件,所以在项目的预算中的时候不用花费额外的资金,大大降低了开发的总体成本,这也是MySQL数据库在中小型企业和独立的开发者中广泛流行的原因[1]。 4

3系统分析

3.1可行性分析

在系统开发之初要进行系统可行分析,这样做的目的就是使用最小成本解决最大问题,一旦程序开发满足用户需要,带来的好处也是很多的。下面我们将从技术上、经济上、操作上、法律上等方面来考虑这个系统到底值不值得开发。

3.1.1 技术可行性

技术可行性是指学习的技术是否能够完成本项目,如果团队本身没有相关的技术储备,而又能够迅速掌握此类技术,那项目应该达不到我们的设计要求。本基于微信小程序的家庭财务管理系统采用微信开发者工具、MYSQL数据库开发设计,作为计算机专业学生,在学校期间就接触到许多关于编程方面的知识,当然也包括各种编程软件,对他们的了解度也比较系统,所以技术开发上面还是有一定把握。

3.1.2经济可行性

项目需要考虑花费问题,我们必须考虑系统开发中所有的花费进行计算,我们要考虑到系统需不需要太大的资金。由于自己本身就是学生,还没有正式参加工作,金钱上面一直都处于缺乏状态。所以在开发程序过程中,我是不会花太多经济成本在上面的。针对开发软件和数据库,还有界面设计的photoshop软件等在百度上面就可以直接下载,然后根据各种安装视频进行安装,这些资源都是免费的,程序编码阶段使用的源代码在百度上面可以轻松获得,在有网络的环境下就能下载下来,不需要支付任何费用,经济成本很低。

3.1.3操作可行性

操作可行性主要是针对系统用户而言,一个系统再完美,技术再先进,用户不去使用,或者用户根本不会使用,该系统存在的价值也是不大的。本人自己就是学生,程序开发经验不足,在界面设计上面不会设计太复杂,要讲究简单好看,操作上要方便,不能让用户觉得不流畅。用户一旦进入操作界面,界面上就会有相应提示,跟着操作提示就可以找到对应的功能操作模块,对于用户来说免培训就能使用,没有任何学习成本,因此,操作上是可行性的。

3.1.4法律可行性

自己本人开发的软件和用到的资料来源都是图书馆、百度文库、百度网页等渠道,并不涉及违法。在个人毕业设计上面,无论源代码还是论文编写内容不存在抄袭行为。

从上面几个部分的可行性分析得出,这次开发的基于微信小程序的家庭财务管理系统在开发上面没有什么大问题,值得开发。

3.2系统性能分析

(1)可升级性:系统的容纳信息一定是持续增长,到时系统可以升级,接受信息的更新发展。

(2)存储性:因为是家庭财务管理系统,所以就会在数据库要求上比较严格,信息录入的比较多,而且丰富复杂, 这就需要一个强大的数据库来存放更多的数据和保证数据的时时性。

(3)可靠性:系统不可以有病毒类代码,必须有拦截器,验证方法,对里面信息的保护措施,这样才让人用的放心。

(4)简单性:系统设计的应该简单易学的,设计的各种功能应该简单操作,不需要努力学习培训,缩短用户熟悉系统的进程。

(5)一致性:数据应该录入准确,需要更新时,数据应该可以及时的修改,数据还应该有独立保存,不能删除数据的时候会连带着把还需要的数据都删除掉。

3.3 系统功能分析

本基于微信小程序的家庭财务管理系统主要分管理员和用户两大功能模块,下面将详细介绍管理员和用户分别实现的功能。

3.3.1用户功能分析

用户通过微信平台可打开系统,用户要想使用本系统,必须进行登录操作,没有账号的用户可进行注册操作,用户注册登录后主要功能模块包括首页、收支记录、家庭年度收支以及我的(收支记录、财务明细、家庭年度收支、理财计划和留言板),用户用例图如图3-1所示。

图3-1 用户用例图

3.3.2管理员功能分析

管理员通过微信平台登录系统后,可对系统进行全面管理,包括个人中心、用户管理、收支记录管理、财务明细管理、家庭年度收支管理、理财计划管理、留言板管理以及系统管理,管理员用例图如图3-2所示。

图3-2 管理员用例图

3.4用户体验需求分析

这个基于微信小程序的家庭财务管理系统要求在微信平台上可以运行,主要实现了家庭财务管理的重要功能。一个好的程序要具备以下两方面用户体验:

(1)界面友好

用户界面要简洁直观、操作方便。

(2)响应快速

对用户的请求能快速响应,对一些耗时的应用程序,以进度条的形式显示,让用户随时了解程序执行情况[11]。

3.5系统流程分析

3.5.1注册流程

没有账号的用户可进行注册操作,用户注册流程图如图3-3所示。

图3-3 注册流程图

3.5.2登录流程

登录模块主要满足了用户和管理员的权限登录,登录流程图如图3-4所示。

图3-4登录流程图

3.5.3录入信息流程

管理员和用户登录后均可进行录入信息操作,录入信息流程图如图3-5所示。

图3-5 录入信息流程图

4系统设计

4.1系统设计要求

(1)可用性。目标系统功能齐全,能够完全满足家庭财务管理的需求。

(2)可靠性。能连续准确的处理业务,有较强的容错能力。

(3)保密性。保证系统的物理安全、数据存储和存取的安全与保密、数据传输的安全与保密,做好使用人员的授权管理。

(4)可理解性。用户容易理解和使用该系统。

(5)可维护性和适应性。系统应易于修改、易于扩充、易于维护,能够适应业务不断发展变化的需要。

4.2系统开发流程设计

在开发本基于微信小程序的家庭财务管理系统时,首先进行需求分析,进而对系统进行总体的设计规划,设计系统功能模块,数据库的选择等,本系统的开发流程如图4-1所示

图4-1 系统开发流程图

4.3系统结构设计

系统结构设计是将一个庞大的任务细分为多个小的任务的过程,这些小的任务分段完成后,组合在一起形成一个完整的任务。本基于微信小程序的家庭财务管理系统结构图如图4-1所示。

图4-2 系统功能模块图

4.4数据库设计

一个好的数据库可以关系到程序开发的优劣,数据库设计离不开表结构的设计,还有表与表之间的联系,以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间,还是需要多花时间进行考虑,最终设计出配套程序的数据库出来。

4.4.1数据库E-R图设计

本基于微信小程序的家庭财务管理系统采用的是MYSQL数据库,数据存储快,因为家庭财务管理系统,主要的就是对信息的管理,信息内容比较多,这就需要好好的设计一个好的数据库,分类要清楚,不能添加信息的时候,造成信息太过混乱,设计好的数据库首先就需要先把各个实体之间的关系表达明确,下面我们用E-R图来具体表示。

E-R图是一种描述显示数据类型间的关系的数据描述方法,E-R图可以完整地映射出现实模型的关系。E-R图中的三个最为重要的元素就是实体、属性、关系。E-R图即由这三点组成。本基于微信小程序的家庭财务管理系统的E-R图如下所示:

1、管理员实体属性图如图4-3所示

图4-3 管理员实体属性图

2、用户体属性图如图4-4所示

图4-4 用户实体属性图

3、家庭年度收支体属性图如图4-5所示

图4-5 家庭年度收支实体属性图

4、理财计划实体属性图如图4-6所示

图4-6 理财计划实体属性图

5、收支记录实体属性图如图4-7所示

图4-7 收支记录实体属性图

4.4.2数据库表设计

本基于微信小程序的家庭财务管理系统采用MYSQL数据库,数据库的功能主要是存储网站中所有数据,以便进行操作。关于数据库中的数据表如下:

表4-1 users管理员信息表

列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
yonghuming 用户名 varchar(100) 允许空
mima 密码 varchar(100) 允许空
role 角色 varchar(100) 允许空
addtime 新增时间 timestamp 允许空

表4-2 yonghu用户信息表

列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
zhanghao 账号 varchar(200) 允许空
mima 密码 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
xingbie 性别 varchar(200) 允许空
nianling 年龄 varchar(200) 允许空
shouji 手机 varchar(200) 允许空
shenfenzheng 身份证 varchar(200) 允许空
zhaopian 照片 varchar(200) 允许空

表4-3 jiatingniandushouzhi家庭年度收支信息表

列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
zhanghao 账号 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
zongshouru 总收入 varchar(200) 允许空
zongzhichu 总支出 varchar(200) 允许空
zhaopian 照片 varchar(200) 允许空
userid 用户编号 bigint(20) 允许空

表4-4 licaijihua理财计划信息表

列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
licaiguihua 理财规划 varchar(200) 允许空
zhanghao 账号 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
shouruxiangmu 收入项目 longtext 允许空
zhichuxiangmu 支出项目 longtext 允许空
shourujine 收入金额 int(11) 允许空
zhichujine 支出金额 int(11) 允许空
yue 余额 int(11) 允许空
yuezhuangtai 余额状态 varchar(200) 允许空
zhaopian 照片 varchar(200) 允许空
userid 用户编号 bigint(20) 允许空

表4-5 shouzhijilu收支记录信息表

列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
zhanghao 账号 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
shanghumingcheng 商户名称 varchar(200) 允许空
shangpinxiangqing 商品详情 longtext 允许空
dangqianzhuangtai 当前状态 varchar(200) 允许空
jiaoyijine 交易金额 int(11) 允许空
shijian` 时间 varchar(200) 允许空
shouzhifangshi 收支方式 varchar(200) 允许空
jiaoyidanhao 交易单号 varchar(200) 允许空
shanghudanhao 商户单号 varchar(200) 允许空
zhaopian 照片 varchar(200) 允许空
userid 用户编号 bigint(20) 允许空

5 系统的实现

5.1用户功能模块的实现

5.1.1用户注册登录界面

没有账号的用户可进行注册操作,注册后可进入登录界面进行登录系统,用户注册登录界面展示如图5-1所示。

图5-1 用户注册登录界面图

5.1.2首页界面

用户登录后进入系统首页,首页界面展示如图5-2所示。

图5-2 首页界面图

5.1.3收支记录界面

用户登录后可增删改查收支信息,收支记录界面展示如图5-3所示。

图5-3 收支记录界面图

5.1.4留言板界面

用户可进入留言板界面进行添加留言,留言板界面如图5-4所示。

图5-4 留言板界面图

5.1.5家庭年度收支界面

用户可增删改查家庭年度收支信息,家庭年度收支界面如图5-5所示。

图5-5 家庭年度收支界面图

5.1.6我的界面

用户在我的界面可根据需求进行相应模块的操作,我的界面如图5-6所示。

图5-6 我的界面图

5.2管理员功能模块的实现

5.2.1管理员登录界面

管理员要想进入系统后台对系统进行管理操作,必须登录系统后台,管理员登录界面如图5-7所示。

图5-7 管理员登录界面图

5.2.2用户管理界面

管理员登录后可查看、新增、修改和删除用户信息,用户管理界面如图5-8所示。

图5-8 用户管理界面图

5.2.3收支记录管理界面

管理员可查看、添加、修改和删除收支记录信息,收支记录管理界面如图5-9所示。

图5-9 收支记录管理界面图

5.2.4财务明细管理界面

管理员可查看、添加、修改和删除财务明细信息,财务明细管理界面如图5-10所示。

图5-10 财务明细管理界面图

5.2.5理财计划管理界面

管理员可以管理理财计划信息,理财计划管理界面展示如图5-11所示。

图5-11 理财计划管理界面图

系统

About

50149wxapp家庭财务管理系统的设计与实现

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages