摘要
家庭记账本小程序的设计主要是对系统所要实现的功能进行详细考虑，确定所要实现的功能后进行界面的设计，在这中间还要考虑如何可以更好的将功能及页面进行很好的结合，方便用户可以很容易明了的找到自己所需要的信息，还有系统平台后期的可操作性，通过对信息内容的详细了解进行技术的开发。
家庭记账本小程序的开发利用现有的成熟技术参考，以源代码为模板，分析功能调整与家庭记账本小程序管理的实际需求相结合，讨论了基于家庭记账本小程序管理的使用。
第二章开发工具及关键技术介绍
2.1微信开发者工具
微信开发者工具现在已经被小程序开发团队开发运行，目前微信开发者工具任然在不断的完善中，在开发小程序时经常要不断的更新。可以使用微信扫码登陆开发者工具，开发者工具将使用这个微信帐号的信息进行小程序的开发和调试。
机型选择：小程序以智能手机的屏幕尺寸为设计标准，进行切图。
预览界面：写好视图布局后点击编译，用来刷新视图界面。
控制台：方便调试打印输出信息。
上传代码：上传到腾讯服务器，提交审核必经步骤。上传代码时可以填写版本号和备注信息。
资源文件：一般可以在资源文件进行对应项目的文件目录的断点调试。
显示远程调试：手机端和PC端开发工具联调对用户而言是非常实用的。
本地数据存储：显示的是本地存储的数据。
视图调试：标组件以子父层级结构呈现，方便调试。
微信限制在2M 以内的代码体积；开发中一般不校验合法域名信息；小程序后台要做配置服务器域名。
以上就是在开发过程中微信开发者工具常用到的功能，微信开发者工具也在不断的完善。
2.2小程序框架以及目录结构介绍
整个小程序框架系统分为两部分：逻辑层和视图层。小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 小程序 体验的服务。小程序在视图层与逻辑层间提供了数据传输和事件系统，提供了自己的视图层以及逻辑层框架，让开发者能够专注于数据与逻辑。框架的核心是一个响应的数据绑定系统，可以让数据与视图非常简单地保持同步。在逻辑层做数据修改，在视图层就会做相应的更新。框架提供了一套基础的组件，这些组件自带微信风格的样式以及特殊的逻辑，开发者可以通过组合基础组件，创建出强大的微信小程序 。
2.3 JAVA技术
Java主要采用CORBA技术和安全模型，可以在互联网应用的数据保护。它还提供了对EJB（Enterprise JavaBeans）的全面支持，java servlet API，java （java server pages），和XML技术。
JAVA语言功能：
面向对象：面向对象是Java编程语言的标志之一，是一种软件开发方法。最重要的是将所有东西变成对象，然后以某种方式编程。编程时，代码和数据写在每个对象上。 面向对象编程方法的出现使得人们在编程过程中的设计思考和操作变得非常简单，同时也提高了程序的安全性。
跨平台：Java流行的一个关键特性是它的跨平台特性，这使得用Java编程变得容易。您可以用Java编写程序并在其他地方运行它，而无需在编译后更改它。
垃圾回收机制：用来将那些在程序不操作时无用的对象所占用的内存空间释放掉，C ++最被人厌恶的就是因为其不能将在编程的过程中所占用的内存空间进行及时的释放，导致随着编程时间的变长所占用的内存空间越来越多。对于一些编程高手而言，他们会在刚开始编程的时候配置一块内存地址放在堆栈上，然后在不需要的时候会对其进行释放，而一些新手和菜鸟在很多的时候会忘记删除这个内存地址，从而导致程序在运行的过程中会变得十分的不稳定，最终有可能会导致程序崩溃。所以很多C ++的高手在编写程序时往往都会将删除后的指针的值设置为NULL，然后在删除之前确定一个指针的值是否为NULL。
2.4 Mysql数据库
数据库是系统开发过程中不可或缺的一部分。 在WEB应用方面，MySQL AB开发了一个具有很大优势的MySQL关系数据库管理系统。 MySQL可以将数据存储在不同的表中，这非常灵活，并且还可以提高系统在实际应用中的速度。 数据库访问最常用于标准SQL语言，MySQL用于SQL语言，因此它具有高度兼容性。数据库的操作是必不可少的，包括对数据库表的增加、删除、修改、查询等功能。现如今，数据库可以分为关系型数据库和非关系型数据库，Mysql属于关系性数据库，Mysql数据库是一款小型的关系型数据库，它以其自身特点：体积小、速度快、成本低等，Mysql数据库是目前最受欢迎的开源数据库。
在WEB应用技术中， Mysql数据库支持不同的操作系统平台，虽然在不同平台下的安装和配置都不相同，但是差别也不是很大，Mysql在Windows平台下两种安装方式，二进制版和免安装版。安装完Mysql数据库之后，需要启动服务进程，相应的客户端就可以连接数据库，客户端可通过命令行或者图形界面工具登录数据库。
2.5 SSM框架
当今流行的“SSM组合框架”是Spring + SpringMVC + MyBatis的缩写，受到很多的追捧，“组合SSM框架”是强强联手、各司其职、协调互补的团队精神。web项目的框架，通常更简单的数据源。Spring属于一个轻量级的反转控制框架(IoC)，但它也是一个面向表面的容器(AOP)。SpringMVC常常用于控制器的分类工作模式，与模型对象分开，程序对象的作用与自动取款机进行处理。这种解耦治疗使整个系统的个性化变得更加容易。MyBatis是一个良好的可持续性框架，支持普通SQL查询，同时允许对存储过程的高级映射进行数据的优化处理。大型Java Web应用程序的由于开发成本太高，开发后难以维护和开发过程中一些难以解决的问题，而采用“SSM组合框架”，它允许建立业务层次结构，并为这个问题提供良好的解决方案。
系统分析
3.1需求分析
任何一个项目在开发研究前，都需要对研发系统本身的需求做一个认真的分析，市场的调研是不可忽视的，从实际场景中确定使用人员的功能需求，从而明确目标，对整个系统的开发有一个更加准确的定位，在这个章节，需要对系统的性能分析，业务流程分析，和数据等进行分析，家庭记账本小程序的整体界面简单，功能完善。
需求的可行性是分析和讨论发达的系统能达到什么样的要求。开发的系统平台是否符合之前的要求。只有在预先评估系统的开发中，才能在系统开发和实施之前完成需求。如果您不具备开发一个功能不合格的系统的可行性，那就是开发失败。开发系统是否有用，可以完成之前讨论过的需求，以下分析了家庭记账本小程序的实际需求。
系统设计需要从用户和管理员的实际需求开始，以了解他们需要实施哪些功能以及他们可以包括哪些管理工作。
考虑到家庭记账本小程序系统设计的特点，应满足几个要求：
（1）它可以通过网络开展家庭记账本小程序信息管理工作，促进对家庭记账本小程序信息管理。
（2）学习方法变得更加多样化，管理更加标准化;
（3）它提供了一个免费的渠道，以确保数据的实时有效沟通。
3.2可行性分析
3.2.1技术可行性：技术背景
家庭记账本小程序采用了JAVA技术，开发了功能完备、使用简单的前端应用程序，并建立、维护了一个数据完整、安全、稳定性强的后台数据库系统。
系统使用JAVA技术和Mysql数据库作为设计工具，可简单易行地学习操作。用户角色之间的相结合开发一套家庭记账本小程序是值得尝试的，数据完整性和许多品质为数据的功能分配和管理提供了依据。它也是数据库安全平台的重要组成部分，是提高和增强数据安全性的重要手段。此外，为了提供更平滑，更智能和更有效的基本控制方法，定义了同时构建对安全计算环境的支持所需的步骤，并帮助维护安全性。因为在这两种开发工具中，功能强大且免费且界面良好，所以家庭记账本小程序在技术方面是可行的。
3.2.2经济可行性
桌面家庭记账本小程序管理的开发是由开发者自己开发，不需要购买其他软件或者端口之类的，而且在家庭记账本小程序管理的开发之前所做的市场调研及其他的家庭记账本小程序，都是没有任何费用的，通过开发者自己的努力，所有的工作的都是自己亲力亲为，在碰到自己比较难以解决的问题，大多是通过同学和指导老师的帮助进行相关信息的解决，所以对于家庭记账本小程序的开发在经济上是完全可行的，没有任何费用支出的。
使用JAVA技术是比较成熟的技术，所以家庭记账本小程序的开发在经济上是没有问题的。
3.2.3操作可行性：
可操作性主要是对家庭记账本小程序系统设计完成后，用户的使用体验度，对于管理员可以通过系统随时管理相关的数据信息，并且对于管理员、用户二个权限角色，都可以简单明了的进入到自己的系统界面，通过界面导航菜单可以简单明了地操作功能模块，方便用户信息需求和数据信息，对于系统的操作，不需要专业人员都可以直接进行功能模块的操作管理，所以在系统的可操作性是完全可以的。本系统的操作使用的也是界面窗口进行登录，所以操作人员只要会简单的电脑操作就完全可以的。
3.3性能分析
对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的家庭记账本小程序。
家庭记账本小程序的开发设计时一个独立的系统，以流行数据库进行数据的存储开发，主要是为了实现家庭记账本小程序的用户角色及相对应的功能模块，让家庭记账本小程序的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，家庭记账本小程序的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。
3.4系统操作流程
3.4.1用户登录流程
对于系统的安全性的第一关，就是用户想要进入系统，必须通过登录窗口，输入自己的登录信息才可以进行登录，用户输入的信息准确无误后才可以进入到操作系统界面，进行功能模块的相对应操作，如果用户输入的信息不正确，则窗口出现提示框，用户登录失败，返回到第一步进行重新输入，如图3-1所示。
系统设计与实现
4.1系统架构设计
家庭记账本小程序的系统项目的概述设计分析，主要内容有学习平台的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。
基于家庭记账本小程序的设计基于现有的安卓手机上运行，可以实现管理员服务端；首页、个人中心、用户管理，消费详情管理、收入详情管理、系统管理等功能。方便用户客户端；首页、消费详情、收入详情、我的等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图：
数据库设计
数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。
4.3.1实体ER图
数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。
概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：
(1) 用户管理E-R图，如图4-4所示：
功能图
数据库表
数据表
我们可以根据数据结构的详细分析要求，我们根据输入和输出数据量的要求进行分析，确定什么表表，结构之间的关系，我们可以验证，调整和完善，查询和浏览过程，可以实现数据库，以使用户对数据和功能有更多要求。
基于系统使用的数据库管理系统的特点，对数据库的概念模型进行了转换和构建。但是，这个系统只需要充分考虑家庭记账本小程序的功能，而且组织比较清晰。
表名：shouruxiangqing
功能：收入详情
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
gongzishouru longtext 4294967295 工资收入
jiangjinshouru bigint 奖金收入
qita bigint 其他
zongshouru varchar 200 总收入
yonghuzhanghao varchar 200 用户账号
jiaose varchar 200 角色
dengjishijian varchar 200 登记时间
beizhu varchar 200 备注
fengmian varchar 200 封面
表名：config
功能：配置文件
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
name varchar 100 配置参数名称
value varchar 100 配置参数值
表名：xiaofeixiangqing
功能：消费详情
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
biaoti varchar 200 标题
shiwuxiaofei varchar 200 食物消费
gouwuxiaofei varchar 200 购物消费
jiaotongxiaofei varchar 200 交通消费
xuexixiaofei longtext 4294967295 学习消费
qitaxiaofei 其他消费
zongxiaofei varchar 200 总消费
yonghuzhanghao varchar 200 用户账号
jiaose varchar 200 角色
dengjishijian varchar 200 登记时间
fengmian varchar 200 封面
beizhu varchar 200 备注
表名：yonghu
功能：用户
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
yonghuzhanghao varchar 200 用户账号
mima date 密码
xingbie longtext 4294967295 性别
nianling longtext 4294967295 年龄
lianxidianhua varchar 200 联系电话
dianziyouxiang varchar 200 电子邮箱
表名：users
功能：用户表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
username varchar 100 用户名
password varchar 100 密码
role varchar 100 角色 管理员
addtime timestamp 新增时间 CURRENT_TIMESTAMP
表名：token
功能：token表
字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键
主键
userid bigint 用户id
username varchar 100 用户名
tablename varchar 100 表名
role varchar 100 角色
token varchar 200 密码
addtime timestamp 新增时间 CURRENT_TIMESTAMP
expiratedtime timestamp 过期时间 CURRENT_TIMESTAMP
系统实现
5.1用户客户端功能实现
用户注册通过注册窗口，进行在线填写自己的用户账号、密码、联系电话、电子邮箱等，信息编辑完成后核对信息无误后进行选择注册，系统核对用户所输入的账号信息是否准确，核对信息准确无误后系统进入到操作界面。
用户通过登录进入到系统操作界面后，可以根据需求对首页、消费详情、收入详情、我的等模块进行管理维护操作。
如图5-1所示。
用户登录通过账号、密码行页面，进入到家庭记账本小程序主界面，进入到操作界面，进行相对应操作，如图5-2所示。
用户在首页页面可以填写首页、消费详情、收入详情、我的等信息，进行提交操作，如图5-3所示。
用户进入新闻资讯页面可以填写标题、内容等信息，进行查看操作，如图5-4所示。
用户进入消费详情页面可以填写标题、食物消费、购物消费、交通消费、学习消费、其他消费、总消费、用户账号、角色、登记时间、封面等信息，进行提交操作，如图5-5-所示。
用户进入收入详情页面可以填写标题、工资收入、奖金收入、其他、总收入、用户账号、角色、登记时间、封面等信息，进行提交操作，如图5-6-所示。
用户进入我的页面可以填写消费详情、收入详情等信息，进行提交操作，如图5-7-所示。
5.2 管理员服务端功能实现
管理员通过家庭记账本小程序进行确认，管理员进入到家庭记账本小程序主界面，管理员进入到操作界面，通过登录窗口进行在线填写自己的用户名和密码、角色进行登录，登录成功后进入到系统操作界面进行相应信息的获取，如图5-8所示。
管理员进入到界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看首页、个人中心、用户管理，消费详情管理、收入详情管理、系统管理等功能模块，进行相对应操作，如图5-9所示。
管理员点击个人信息进入页面可以填写用户名等信息，进行详情、修改、删除操作，如图5-10示。
管理员进入用户管理界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看用户账号、密码、性别、年龄、联系电话、电子邮箱等信息，进行相对应操作，如图5-11所示。
管理员进入到消费详情管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看标题、食物消费、购物消费、交通消费、学习消费、其他消费、总消费、用户账号、角色、登记时间、封面等信息，进行相对应操作，如图5-13所示。
管理员进入到收入详情管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看标题、工资收入、奖金收入、其他、总收入、用户账号、角色、登记时间、封面等信息，进行相对应操作，如图5-14所示。
轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图5-15所示。
图5-15轮播图管理界面图
管理员进入系统公告界面，通过界面的任务大厅，登录成功后进入到系统可以查看标题、图片等信息，进行相对应操作，如图5-16所示。
说明文档
推荐使用：谷歌浏览器
后台登录页面
http://localhost:8080/jiatongjizhangben/admin/dist/index.html
管理员 账户:admin 密码：admin
用户 账户:a1 密码：123456
用户 账户:a2 密码：123456
用户 账户:a3 密码：123456
在src\main\resources\config.properties中编辑
jdbc_url=jdbc:mysql://127.0.0.1:3306/jiatongjizhangben?useUnicode=true&characterEncoding=UTF-8&tinyInt1isBit=false
jdbc_username=root 数据库用户名 root
jdbc_password=123456 用户密码 123456
图片存放路径： src\main\webapp\upload 里面上传图片名里面不能有中文
联系
q:969060742 完整代码、sql、报告、程序资源
扫一扫
1103
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
