一种基于HTML5创建人工智能手机记账系统的方法技术方案

本发明专利技术公开了一种基于HTML5创建人工智能手机记账系统的方法，步骤为：创建新的工程，引入基于JS开发的前端框架MUI作为开发框架，将前端工具封装成开发的JS方法，封装调用原生方法；设置项目配置文件中的配置参数；在开发框架中设置记账系统的功能模块；根据开发框架中功能模块构建出的HTML5页面，打包生成记账系统APP。本发明专利技术基于HTML5实现，可解决跨平台问题，重复工作量小，效率高、扩展性强，并将前端工具封装成开发的JS方法，封装调用原生方法，使用者学习成本低；通过缓存用户记账相关的数据减少对服务器的请求次数和交互损耗，提升用户体验。本发明专利技术作为一种基于HTML5创建人工智能手机记账系统的方法可广泛应用于移动互联网领域。

A method of creating artificial intelligence accounting system based on HTML5

The invention discloses a method of creating an artificial intelligent mobile bookkeeping system based on HTML5. The steps are to create a new project and introduce the front-end framework MUI based on JS development as the development framework, encapsulate the front-end tools into the developed JS method, encapsulate the native method, and set the configuration parameters in the item configuration file; The function module of the bookkeeping system is set up in the frame, and the APP system is packaged and generated according to the HTML5 pages built in the functional modules of the development framework. Based on the implementation of HTML5, the invention can solve the cross platform problem, with small duplication of work, high efficiency and strong extensibility, and the front tools are encapsulated into the JS method of development, and the native method is encapsulated and called, and the user's learning cost is low, and the number of requests and interaction loss to the server is reduced by caching the data related to the user's account. Increase the user experience. The invention is a method based on HTML5 to create an accounting system for an artificial intelligent phone, and can be widely applied to the mobile internet field.

【技术实现步骤摘要】
一种基于HTML5创建人工智能手机记账系统的方法
本专利技术涉及移动互联网领域，尤其是一种基于HTML5创建人工智能手机记账系统的方法。
技术介绍
移动应用开发技术的演变过程，可分为三个阶段：从早期的WAP(包括WAP1.0和WAP2.0)网站到目前流行的原生应用(NativeApplication)，再逐步转向以HTML5标准为基础的WebApp。2008年，HTML5标准案颁布，为移动应用开发提供了另外一种技术方案。2010年，苹果宣布其移动设备不支持Flash插件后，HTML5标准更是迅速成为移动网站打造丰富的网页应用的首选。为了适应移动互联应用“富内容、富交互、富体验、跨平台”的要求，HTML5较之HTML4做出了大幅的改良。突出表现在：支持离线访问、支持全媒体内容展示、支持交互式的2D/3D图像渲染、提供丰富的API以调用移动设备的硬件。这使得HTML5可以实现堪比NativeApp效果的WebApp，而且，其具有更优越的安全性、跨平台访问性。更重要的是，WebApp开发难度较之NativeApp大幅降低，易用性更高。H5WebApp相较于NativeApp(原生应用)的优点：跨平台、快速迭代、持续交付、降低开发成本、开源生态系统发达。随着互联网的逐渐普及和移动终端的迅速发展影响着受众消费习惯的改变，对很多人来说收支是一笔糊涂账，通过记账可以达到以下目的：(1)、掌握个人或家庭收支情况，合理规划消费和投资。(2)、培养良好的消费习惯。(3)、增强对个人财务的敏感度，提高理财水平。(4)、促进家庭成员和睦相处。(5)、记录生活、社会变化。(6)、方便小本经商或创业人员及时了解经营动态。(7)、起到备忘录的作用。目前，市面上多数记账APP，都是基于原生开发的，不能跨平台，不能快速迭代和持续交付，需要投入较大的开发成本。对此，现有技术中提供了基于Android的C/S架构的个人财务助手系统(CN105243482A)，但其技术方案存在以下缺点：1、其App应用程序用于Android平台，开发过程中的重复工作量大，效率低，扩展性不强，不利于跨平台手机记账系统；2、联网查询用户数据时速度慢，服务器负载加大时容易产生通信延迟。术语解释：JavaScript(JS)：一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML(标准通用标记语言下的一个应用)网页上使用，用来给HTML网页增加动态功能。WAP：无线应用协议，是一项全球性的网络通信协议。它使移动Internet有了一个通行的标准，其目标是将Internet的丰富信息及先进的业务引入到移动电话等无线终端之中。DOM：是W3C组织推荐的处理可扩展标志语言的标准编程接口。MUI：高性能前端框架。SDK：软件开发工具包(SoftwareDevelopmentKit)。localStorage：没有时间限制的前端数据存储。
技术实现思路
为了解决上述技术问题，本专利技术的目的是：一种兼容性强、实现功能快速迭代的基于HTML5创建人工智能手机记账系统的方法。本专利技术所采用的技术方案是：一种基于HTML5创建人工智能手机记账系统的方法，包括有以下步骤：创建新的工程，引入基于JS开发的前端框架MUI作为开发框架，将前端工具封装成开发的JS方法，封装调用原生方法；设置项目配置文件中的配置参数；在开发框架中设置记账系统的功能模块；根据开发框架中记账系统的功能模块构建出的HTML5页面，打包生成记账系统的APP文件。进一步，所述配置参数包括有应用信息、页面入口、图标、启动图片、SDK设置和/或模块权限。进一步，所述功能模块包括有用户登录模块、资产模块、流水模块、预算提醒模块和设置模块。进一步，所述用户登录模块用于执行以下步骤：获取用户的帐号密码登录数据、手机短信验证码数据或第三方应用的用户数据；对上述获取的数据进行验证；若验证成功则允许用户登录，否则提示登录失败信息。进一步，所述资产模块用于执行以下步骤：当监听到查询用户账户总体信息的操作指令后，向服务器发出获取用户账户总体信息的数据请求；若获取用户账户总体信息数据成功，则将用户账户总体信息数据缓存至本地并显示，同时监听用户的操作指令；若获取用户账户总体信息数据失败，则提示错误信息。进一步，所述流水模块用于执行以下步骤：当监听到查询流水数据的操作指令后，向服务器发出获取流水数据的请求；若获取流水数据成功，则将流水数据缓存至本地并显示，同时监听用户的操作指令；若获取流水数据失败，则提示错误信息；当监听到修改流水数据的操作指令后，获取用户的修改操作；将用户修改的流水数据发送至服务器，若发送成功则结束流程，若发送失败，则提示错误信息。进一步，所述流水数据包括有金额、分类信息、时间和备注信息。进一步，所述预算提醒模块用于执行以下步骤：当监听到查询预算提醒数据的操作指令后，向服务器发出获取预算提醒数据的请求；若获取预算提醒数据成功，则将预算提醒数据缓存至本地并显示，同时监听用户的操作指令；若获取预算提醒数据失败，则提示错误信息；当监听到设置或修改预算提醒数据的操作指令后，获取用户的设置或修改操作；将用户设置或修改预算提醒数据发送至服务器，若发送成功则结束流程，若发送失败，则提示错误信息。进一步，所述设置模块用于执行以下步骤：当监听到查询用户数据或账本数据的操作指令后，向服务器发出获取用户数据或账本数据的请求；若获取用户数据或账本数据成功，则将预算提醒数据缓存至本地并显示，同时监听用户的操作指令；若获取设置用户数据或账本数据失败，则提示错误信息；当监听到修改用户数据或账本数据的操作指令后，获取用户的修改操作；将用户修改的用户数据或账本数据发送至服务器，若发送成功则结束流程，若发送失败，则提示错误信息。进一步，所述账本数据包括有账户分类管理信息、账户项目管理信息、账户商家管理信息和账本管理信息。本专利技术方法有益效果是：本专利技术基于HTML5来实现，一套代码可以打包成Android、IOS、WindowsPhone等系统，基于HTML5响应式布局，兼容各种Pad，解决跨平台问题，并能及时响应用户反馈，快速的调整产品的方向，避免在无用的功能浪费时间和精力，实现持续交付、快速迭代，重复工作量小，效率高，并能够封装扩展公共的组件、插件，将前端工具封装成开发的JS方法，封装调用原生方法，使用者学习成本低；通过缓存用户记账相关的数据减少对服务器的请求次数，减少交互损耗，提升用户体验。附图说明图1为本专利技术方法的步骤流程图。具体实施方式下面结合附图对本专利技术的具体实施方式作进一步说明：参照图1，一种基于HTML5创建人工智能手机记账系统的方法，包括有以下步骤：(1)创建新的工程，引入基于JS开发的前端框架MUI作为开发框架，将前端工具封装成开发的JS方法，封装调用原生方法；例如将语音播报、语音识别、摄像头等让用户可直接通过JS来调用。(2)设置项目配置文件中的配置参数。进一步作为优选的实施方式，所述配置参数包括有应用信息、页面入口、图标、启动图片、SDK设置和/或模块权限。通过修改项目中的manifest.json文件，来设置上述配置参本文档来自技高网...

【技术保护点】
1.一种基于HTML5创建人工智能手机记账系统的方法，其特征在于，包括有以下步骤：创建新的工程，引入基于JS开发的前端框架MUI作为开发框架，将前端工具封装成开发的JS方法，封装调用原生方法；设置项目配置文件中的配置参数；在开发框架中设置记账系统的功能模块；根据开发框架中记账系统的功能模块构建出的HTML5页面，打包生成记账系统的APP文件。

【技术特征摘要】
1.一种基于HTML5创建人工智能手机记账系统的方法，其特征在于，包括有以下步骤：创建新的工程，引入基于JS开发的前端框架MUI作为开发框架，将前端工具封装成开发的JS方法，封装调用原生方法；设置项目配置文件中的配置参数；在开发框架中设置记账系统的功能模块；根据开发框架中记账系统的功能模块构建出的HTML5页面，打包生成记账系统的APP文件。2.根据权利要求1所述的一种基于HTML5创建人工智能手机记账系统的方法，其特征在于：所述配置参数包括有应用信息、页面入口、图标、启动图片、SDK设置和/或模块权限。3.根据权利要求1所述的一种基于HTML5创建人工智能手机记账系统的方法，其特征在于：所述功能模块包括有用户登录模块、资产模块、流水模块、预算提醒模块和设置模块。4.根据权利要求3所述的一种基于HTML5创建人工智能手机记账系统的方法，其特征在于：所述用户登录模块用于执行以下步骤：获取用户的帐号密码登录数据、手机短信验证码数据或第三方应用的用户数据；对上述获取的数据进行验证；若验证成功则允许用户登录，否则提示登录失败信息。5.根据权利要求3所述的一种基于HTML5创建人工智能手机记账系统的方法，其特征在于：所述资产模块用于执行以下步骤：当监听到查询用户账户总体信息的操作指令后，向服务器发出获取用户账户总体信息的数据请求；若获取用户账户总体信息数据成功，则将用户账户总体信息数据缓存至本地并显示，同时监听用户的操作指令；若获取用户账户总体信息数据失败，则提示错误信息。6.根据权利要求3所述的一种基于HTML5创建人工智能手机记账系统的方法，其特征在于：所述流水模块用于执行以下步骤：当监听到查询流水数据的操作指令后，向服务器发出获取流水数据的请求；若获取流水数据成功，则将流水数据缓...

【专利技术属性】
技术研发人员：贾义动，杜超，
申请(专利权)人：广东广业开元科技有限公司，
类型：发明
国别省市：广东,44