基于Android平台的记事本App的开发与实现

第35卷第12期2020年12月/黑亠评紅芳F2学报Journal

of Leshan

Normal

UniversityNo.

12

Vol.

35Dec.

,

2020DOI：10.

16069/j.

cnki.

51-1610/g4.

2020.

12.

008基于Android平台的记事本App的开发与实现江志华1

,陈翱天2(1.乐山师范学院人工智能学院，四川乐山614000

； 2.北京交通大学计算机与信息技术学院，北京100044)摘

要：文章介绍了基于Android的智能终端完成记事本App客户端及服务端的开发与实现过程。该App基于MVC

模式，使用fragment,

sqlite等技术，实现了信息的富文本编辑与查询、用户注册与登录、信息上传至服务器、PC端的

后台管理等功能。记事本App的使用，丰富了人们记录内容的形式，提高了记录信息的效率，为工作和生活提供了

便利。关键词：

Java；

Android；

MySQL；

系统实现中图分类号：TP311.

1文献标志码：A

文章编号：1009-8666

(2020)

12-0049-060引言随着移动互联网的发展，移动智能终端设备

录功能，

功能较单一，

记录的信息类型也仅限于

文本类信息；缺少用户身份验证功能，存在一定

的安全隐患，一旦用户的安卓设备丢失，用户的

在人们工作生活中起着越来越重要的作用。在人

笔记数据就可能会泄漏。本文开发实现的记事本

App

集多种功能于一体，

在实现信息记录基本功

们日常学习和工作中经常需要快速高效地记录许

多信息，然而传统的记录方式已经满足不了这种

需求，因此开发一款能够便捷、高效运行在移动

能的基础上，还实现了用户安全验证、信息云备

份等功能。App通过在客户端设置密码，实现启

动验证功能，保障了用户信息的安全性；能够支

持文本、清单、图片、语音多种信息类型的记录

与备份，

实现了记录信息类型的多样性；

实现了

智能终端设备上的记事本App变得很有必要［1］。在文献［1］中作者利用语音识别以及合成

技术将语音转换成文字，通过云存储技术存储用

户的笔记数据，设计实现了一款语音云记事本软

件。在文献［2-5］中作者仅实现了记事本文本

信息云备份功能，用户能够根据需要关闭或打开

云备份功能，将信息备份至云端服务器。该App

增删改查、检索以及信息分享、同步等基本功

具有一定的创新性和应用价值，能有效地帮助人

们提高记录效率，

为人们的工作生活提供了方便。能。

现有记事本

App

大多只实现了基本的信息记

收稿日期：

2020-06-03作者简介：江志华(1981—),男，湖北黄梅人。乐山师范学院人工智能学院讲师，硕士，研究方向：软件工程、

企业信息化；陈翱天(2001—),男，四川达县人。北京交通大学计算机与信息技术学院2019级本科生。49

1系统开发相关技术记事本App以Android5.

0

+为开发平台，服

务端前台采用html、javascript、CSS

+

DIV等技

术，后台数据利用Spring

Boot、Jpa等框架技术

进行处理。App采用MySql数据库存储信息，实

现对信息的增加、删除、查找、修改、上传到云

端备份等功能。Android是以Linux核心作为基础的一种操作

系统，其代码是开源的，由Google公司和开放手

机联盟领导及开发。其主要应用于移动智能终端

设备，如智能手机和平板电脑，是目前市面上主

流手机的操作系统之一

[2-3]。App服务端开发环境为Tomcato

Tomcat是A-

pache基金会的核心项目之一，是一个免费开源

的Web应用服务器，主要用在基于Java的Web

应用中，是开发和调试JSP程序的首选[6]。App服务端采用Spring

Boot框架管理整个应

用，使用Jpa做数据的持久化，与数据库之间进

行交互。Spring

Boot

框架可用于简化新

Spring

应用 的

初始搭建以及开发过程。该框架使用了特定的方

式进行配置，从而使开发人员不再需要定义样板

化的配置。通过这种方式，Spring

Boot致力于成

为快速应用开发领域(rapid

application

develop­ment)

的领导者

[7]

。JPA

是

Java

Persistence

API

的简称，是

JDK

5.

0注解或XML描述对象一关系表的映射关系,

其可将运行期的实体对象持久化到数据库中⑻。2系统总体功能框架记事本App采用前后端分离的设计模式，系

统总体上分为前端客户端和后端服务端两大模

块。客户端模块包括：用户注册和登录、启动验

证、信息添加和查询、云备份、账户信息设置和

修改。服务端模块包括：用户登录、账户管理、

查询信息、邮箱验证、图片服务器、数据持久化

等。客户端功能模块见图1,服务端功能模块见

图

2[9]o50客户端功能模块工工添查启云设修登注加询动录册信信备信置信改验息账息账息息证份户

户

一

匸二亍」•工L工H工H|二账修图设设设修修修修号冯登改形置置置改改改改登信锁头昵邮头昵邮电录录息

豹像-称箱

箱像称话工验证邮箱」图1客户端功能模块Fig.

1

Client

Function

Module服务端功能模块3系统数据库设计与构建根据记事本App总体功能，为系统设计8个

基本信息表，客户端包括：用户信息表user_in-

fo、启动验证信息表note_lock、信息记录清单表

note_bill、信息记录表note_info。服务端包括:

用户信息表user_info、邮件信息表email_info、信

息记录清单表note_bill、信息记录表note_info

[9]；

客户端和服务端数据库模型图见图3、图4o图3客户端数据库模型图Fig.

3

Client

Database

Model

Diagram

4.

1记事本APP客户端开发与实现4.

1.

1 客户端预计效果记事本APP客户端提供用户记录信息功能,

用户的所有操作都是基于客户端完成的。其设计

效果包括：增加、修改和查询游客信息，设置

App启动验证。用户可以通过登录App获取设置

/修改邮箱、设置/修改头像、设置/修改昵称、

修改/设置密码、修改电话、云备份、后台管理

等权限。用户可选择电话验证码直接登录，也可

通过注册账户密码的方式登录。用户忘记登录账

户密码时可通过手机号找回。游客用户卸载App

图4服务端数据库模型图Fig.

4

Server

Database

Model

Diagram时将导致记录的信息永久删除，登录用户卸载

App时已同步至服务器的数据信息不受影响。客

4系统主要功能开发与实现户端对游客和注册用户的功能支持情况见表1。表1客户端角色功能表Table

1

ClientRole

Function

Table模块云备份模块用户模块角色信息记录模块后台管

理模块设置启动验证设置用户信息X増加信息修改信息删除信息查询信息云备份功能X后台信息管理功能X游客注册用户7VVV7VV74.1.2用户模块a)

用户注册。

用户可通过注册获得记事本

后台管理等权限。用户登录流程如图5,界面设

计如图

6

所示

。App账号，在登录页面点击“立即注册”进入注

册页面。注册页面包含：输入手机号、密码、确

认密码、图形验证码、短信验证码、记事本相关

协议等信息。用户注册页面对输入的信息都有验

证功能，当输入的信息不恰当时，会出现相应提

示，注册成功后返回登录页面。b)用户登录。App提供电话号码加短信

验证码以及注册账号加登录密码两种登录方式。

用户通过在个人信息页面点击

“

登录”

进入登录

页面，登录页面对每一个输入的信息都有验证:

图5登录模

图6登录页面Fig.

6

Login

Page图7云备份

块流程图Fig.

5

Flow

Chart

of

Login

模块Fig.

7

Cloud

Backup

Module是否为空验证，电话号码和密码长度以及有效性

验证。用户登录成功后返回到个人信息页。用户

登录App后可获取用户基本信息设置、云备份、Module51

4.1.3

云备份模块注册用户在登录成功后就可获得云备份的权

限，可以将记录的信息备份至服务器。在个人中

心页面打开云备份按钮即可开启云备份功能，记

事本App客户端在后台将用户信息上传至服务

器。用户在关闭云备份按钮后，客户端将停止向

服务器上传信息，但已上传的信息不受影响。在

信息列表处可以看到当前已备份至服务器的记录

数。云备份模块界面见图7o4.

1.

4

启动验证模块用户可以为客户端设置启动验证，在个人中

心页面选择打开启动验证按钮即可进入图案密码

设置界面。按照页面提示设置图案密码，客户端

将拥有启动验证功能。当退出记事本App重新进

入后将进入验证图案密码界面，只有密码正确才

可进入客户端。记事本App客户端密码保存在本

地数据库，App不会将密码上传至服务器，用户

必须牢记客户端启动验证密码，一旦忘记将无法

找回。同样，如果用户需要关闭启动验证，需在

个人中心页面选择关闭启动验证按钮，

选择后将

进入图形密码验证页面，

验证成功后即成功关闭

启动验证功能。4.

1.5信息记录模块a)

信息清单。

用户进入客户端主界面后可

见信息清单页面，页面上的信息包括：信息列

表、信息标题、信息标记、信息包含类型、信息

创建时间。在信息清单上支持对每一条信息进行

左滑、信息置顶或删除操作。信息被置顶后将显

示于信息清单的最上层；信息被删除后将会从数

据库删除，删除后不可找回。b)

信息清单搜索。App提供信息搜索功能,

用户点击清单最上方搜索框即可进入搜索页面。

搜索采用模糊搜索和即时响应的方式，用户只需

输入少量的关键字即可查询到相关信息。c)

信息录入。

用户点击记事本页面的新建

按钮，即可进入记事页面。App支持文本、清

单、图片、语音等多种数据类型。用户可以选择

相应的数据类型进行信息录入，录入完毕点击返

回按钮即可保存数据。4.

2记事本APP服务端设计与实现4.2.

1用户信息模块52服务端提供App客户端用户信息处理，实现

与客户端信息的交互。该模块包含用户注册、登

录、获取及更新用户信息、发送邮箱激活及验证

码邮件、验证邮箱验证码、设置头像、忘记密

码、

重置密码等功能接口

。4.

2.

2信息上传模块服务端提供App客户端信息云同步的数据处

理，实现将客户端上传的信息保存至服务器。该

模块包含处理从客户端传递过来的数据的接口。4.

2.

3邮箱验证模块用户在发送邮箱激活验证邮件后，当用户收

到邮件并发起验证请求时，服务器将判断验证是

否通过。服务器判断的依据为验证码是否有效、

是否超时发起验证、验证邮箱与当前邮箱是否一

致。验证通过后，用户的邮箱被标记为已验证。

4.3后台信息管理4.3.

1登录后台管理在浏览器中输入地址http:

//www.

xfishs.

shop/

note/manager即可进入用户的后台管理登录界面，

用户登录成功后进入用户后台管理主页。后台管

理不支持注册和短信验证码登录，用户需要在客

户端注册才可以登录后台管理。

后台管理登录界

面如图

8

所示。图8后台管理登录界面Fig. 8

Background Management

Login

Interface以下是实现登录的关键代码：@

PostMapping

(

"

/login")public

String

login

(

HttpServletRequest

request,@

RequestParam

(

"

phone"

)

String

phone,@

RequestParam

(

"

password"

)

String

pass­word)

{UserInfo

userInfo

=

userInfoService.

findUserInfoBy

UserPhone

( phone)

；

if

(Objects.

isNull

(userInfo))return

"

fail"；if

(

!

userInfo.

getUserPassword

()

.

equals

(

pass­word)

)return

"fail"；request.

getSession

()

.

setAttribute

(

Constants.

USSESS/ON,

userInfo.

getUserAccount

()

)

；

//

return

"

redirect:

/manager/home"

；

}

图9信息详情Fig.

9

Information

Details4.3.2删除信息用户在后台管理主页可以看到已上传至服务

器的所有信息。当用户鼠标移动到某条信息上

5系统测试5.

1系统测试环境时，该条信息的右上角会显示删除按钮，点击删

除按钮将弹出提示窗口。确认删除后，信息将从

服务器中删除。信息的删除操作采用异步处理,

本次系统测试客户端使用的硬件设备为努比

删除后数据将从页面移除。4.

3.

3注销登录亚NX511J,其基本配置为2G内存、An-

droid5.1.1操作系统；服务端使用的硬件设备为

为防止造成信息泄露，当前登录用户可以注

HP246G3笔记本电脑，其基本配置为8G内存、

i5-4210U

2.40GHz

CPU,

Windows10

(64

位)操

销登录。用户在后台管理主页面点击安全退出按

钮即可退出当前登录，退出后APP将跳转到登录

界面，用户需要重新登录才可以进行后台管理等

作系统。5.2测试用例相关操作。4.3.4查看信息详情将编译后的客户端安装至手机，服务端项目

发布至tomcat中，并打开数据库服务器，对App

用户在后台管理主页点击信息，即可查看每

条信息的详情。用户在信息详情页也可对信息进

各项功能进行测试[10]o由于功能模块比较多，

限于篇幅原因，此处仅选择客户端用户登录和服

务端信息删除功能做测试用例介绍。测试用例表

行删除，删除按钮位于信息右上方。详情界面如

图9所示。具体见表2、表3o表2客户端用户登录测试用例表Table

2

Table

of

Client

User

Login

Test

Case待测功能测试用例

标识测试用例设计测试类型需求追溯预置条件

测试步骤输入登录信息，

登录系统实际结果功能正常测试结果用户登录

功能TestCase1功能测试用户登录系

统，用户登

用户登录

录功能通过表3服务端信息删除测试用例表Table

3

Table

of

Server

Side

Information

Deletion

Test

Case待测功能测试用例标识测试用例设计测试类型需求追溯预置条件

测试步骤实际结果测试结果删除信息TestCase2功能测试后台戸经有

点击删除按

后备份经有钮,在弹出

功能正常，

用户登录后

务备的信服窗口点击确

信息成功

台管理务器的信息认按钮删除通过53

5.3测试分析与总结记事本App从总体上实现了前端客户端和后

端服务端两大模块的相关功能，能够满足人们日

本次测试因受测试条件限制，只测试了系统

功能，对系统性能和稳定性没有进行充分测试。

常的记录需求，为工作和生活中的信息记录带来

了便利。但是该App也存在不足之处，比如在系

对照系统需求分析文档对功能测试结果进行分

析，系统所有模块的功能基本实现，能够满足用

户的需求，

因此本次系统功能测试通过。统性能、稳定性方面依然存在潜在风险，后续将

有待提升。6结论参考文献：[1]

阮超.基于Android系统语音云记事本的设计与实现[D].合肥:安徽大学,2016.[2]

黄明月.基于安卓系统的APP开发技术[J].电子技术与软件工程,2018(8):56.[3]

张妍，李少元,李哲源，等.基于Android的记事本APP的设计与实现[J].福建电脑,2017,33(07)

：33-35,[4]

叶从玲.基于Android的快捷记事本的设计与实现[J].电脑知识与技术,2020,16(9)

：90-91.[5]

任亚捷.基于Android的多功能记事本软件的设计与实现[J].工业控制与计算,2017,30(4)

：101-102,[6]

杨小娇.轻量级高并发Web服务器的研究与实现[D].南京:南京邮电大学,2014.[7]

杨家炜.基于Spring

Boot的web设计与实现[J].轻工科技,2016(7)

：86-89.[8]

邓帅.基于微信公众平台的巴士购票系统的设计与实现[D].长春:吉林大学,2016.[9]

江志华.基于Android平台的记事本app的设计[J].电脑编程技巧与维护,2020(5):59-61

.[10]

张明，程宝雷,査伟忠，等.面向安卓手机App功能测试技术的方法[J].计算机工程与设计,2018,39(3)

：pment

and

Implementation

of

Notepad

App

Based

on

Android

PlatformJIANG

Zhihua1,CHEN

Aotian2(1.

School

of

Artificial

Intelligence,

Leshan

Normal

University,

Leshan

Sichuan

614000,

China；2.

School

of

Computer

and

Information

Technology,

BeijingJiaotong

University,Beijing

100044,

China)Abstract：

This

paper

introduces

the

development

and

implementation

of

notebook

app

client

and

server

based

on

Android

intelligent

terminal.

The

app

is

mainly

based

on

MVC

mode,

using

fragment,

SQLite

and

oth­er

technologies，

and

realizes

the

functions

of

rich

text

editing

and

query

of

information，

user

registration

and

log­in,

information

transfer

to

server,

background

management

of

PC.

The

use

of

Notepad

app

enriches

the

form

of

people

s

recording

content,

improves

the

efficiency

of

recording

information,

and

provides

convenience

for

work

and

ds:

Java；

Android

；

MySQL；

System

Implementation【责任编辑：王菁】54