在线云日记空间小程序 毕业设计-附源码67962

摘  要

互联网时代,如何更好的保存越来越庞大的数据、让数据产生其应有的价值是人们一直研究的问题。而无论时代如何发展,人类的历史与文明都是需要记录与保留的。在线云日记空间小程序不仅仅能够更好地记录多人的回忆,还能够节省存储空间、便于查看。

本文通过进行需求分析、系统设计及有关难点的进一步思考,提出了基于小程序平台的在线云日记空间设计方案。用户还可以在线编辑发布私密日记以及公开日记等,总体来说系统是基于小程序的开发技术上通过SSM架构搭建后台的,中间件使用的是tomcat服务器,数据库管理平台采用开源的Mysql。通过测试,该需要能够较好的完成设定的目标。

关键词:在线云日记空间小程序;Java;MySQL; SSM

Abstract

In the era of the Internet, how to better save more and more huge data and make it produce its due value is a problem that people have been studying. No matter how the times develop, human history and civilization need to be recorded and preserved. The online cloud diary space applet can not only better record the memories of many people, but also save storage space and facilitate viewing.

Through further consideration of requirements analysis, system design and related difficulties, this paper proposes an online cloud diary space design scheme based on applet platform. Users can also edit and publish private diaries and public diaries online. In general, the system is based on the development technology of small programs and uses the SSM architecture to build the background. The middleware uses the tomcat server, and the database management platform uses the open source MySQL. Through the test, the need can better complete the set goal.

Key words Online cloud diary space applet; Java; MySQL; SSM

目  录

  

  

1 引言

1.1 选题背景及意义

1.2 研究现状

1.3系统的特点

1.4论文结构与章节安排

1.5 研究方法

1.6小程序框架以及目录结构介绍

2 系统需求分析

2.1可行性分析

2.1.1 技术可行性分析

2.1.2 操作可行性分析

2.1.3 经济可行性分析

2.2功能需求分析

2.3用例分析

3系统总体设计

3.1 系统开发架构的选择

3.1系统功能模块设计

3.1.1 前台页面设计

3.1.2 用户模块设计

3.1.3 广场互动管理模块设计

3.1.4日记管理模块设计

3.2数据库设计

3.2.1数据库概要设计

3.2.2数据库逻辑设计

4系统详细实现

4.1前台功能实现

4.2后台功能实现

5系统测试

5.1 系统测试目的

5.2 系统可用性测试

5.3 系统典型测试用例

5.4 测试总结

总结

参考文献

  

1 引言

1.1 选题背景及意义

云日记,主要用于人们进行在线日记随时记录、分享、收藏,以及参与日记的社区交流活动。

在这之前一些日记系统木身提供了简单的日记功能,并月提供了简单的日记分享,但是由于日记内容随着时间的推移越来越多,但是老系统使用的架构趋于传统业务处理模型,这样导致系统没有办法应付如此人规模的日记数据,并且日记的分享能力有限,也无法做到日记的随时随地可用。但是人们对在线记录日记的需求仍然很强烈,对日记的要求也远远超过了简单的日记工具的实现能力,为了满足用户的耍求,我们需耍研发一款适合时代发展的在线云日记空间小程序。

1.2 研究现状

共享日记是指能够记录某一群体所发生事件的日记,能够被多人编辑、多人浏览。这一需求在实际生活中经常出现,如班级需要班级日记、家庭需要成长日记、社团需要社团日记等。但国内外针对这方面需求的软件却几乎没有。

人们试图通过现有的某些软件来暂时部分解决这一问题。如在微博等社交软件建立账号随时随地记录、通过共同使用一个账号在粉粉日记等个人日记软件记录、通过百度云等云平台存储照片等文件。

这些软件在虽然不同程度上实现了“日记”的功能,而在实现共享方面稍有欠缺:只能一人编辑或多人通过同一账号编辑。这两种办法存在一个共同的问题:不能记录是谁编辑了某一部分的内容,也不能真正实现“同时编辑”,且没有修改痕迹可寻,容易出现误删、误改等问题。

云存储是在云计算概念_上延伸和发展出来的- -个新的概念,是-种新兴的网络存储技术,是指通过集群应用、网络技术或分布式文件系统等功能,将网络中大量各种不同类型的存储设备通过应用软件集合起来协同工作,共同对外提供数据存储和业务访问功能的一一个系统。云存储具有高可靠性、可用性且存储成本较低但服务性能很高。利用云服务商提供的接口即可方便的实现文字、图像、视频、音频等多种文件的存储,而不用过多的考虑具体的存储方法,用户也能够随时随地对存储在云中的数据进行快速访问。

1.3系统的特点

(1)在线云日记空间小程序中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术,而是使用当前主流的SSM框架,它减少java配置代码,简化编程代码,目前SSM框架也是很多企业选择的框架之一。

(2)在线云日记空间小程序中的web后台管理中的前端使用的是bootstrap框架,它配合ajax和jquery可以美化页面设计。

(3)在线云日记空间小程序中数据库用的mysql5.7,它执行效率高。

1.4论文结构与章节安排

本文共分为六章,章节内容安排如下:

第一章:引言。第一章主要介绍了课题研究的背景意义,国内目前相关研究现状以及技术和本文的研究内容与主要工作。

第二章:系统需求分析。第二章主要从系统的可行性、功能等方面进行需求分析。

第三章:系统总体设计。第三章主要对系统功能模块、数据库进行功能设计。

第四章:系统详细设计。第四章主要介绍了系统各个用户的功能、系统界面的实现。

第五章:系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试

1.5研究方法

首先,通过引擎搜索或者查阅相关文献资料,了解了本系统开发的背景以及设计系统的意义所在,收集用户需求信息。其次,在开发工具上,最终确定是基于Mysql数据库,在Java的SSM框架设计的基础上实现,设计出系统大致的功能模块。主要从方便系统用户和系统管理员的角度进行分析,明确该系统应该具有的功能。最终是测试系统,通过用例测试发现存在的问题并找到解决的方案。利用现有的开发平台,结合自己所学的知识,在老师的指导帮助下来完成该设计,确保系统的可用性、实用性。

1.6小程序框架以及目录结构介绍

整个小程序框架系统分为两部分:逻辑层视图层。小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 小程序 体验的服务。小程序在视图层与逻辑层间提供了数据传输和事件系统,提供了自己的视图层以及逻辑层框架,让开发者能够专注于数据与逻辑。框架的核心是一个响应的数据绑定系统,可以让数据与视图非常简单地保持同步。在逻辑层做数据修改,在视图层就会做相应的更新。框架提供了一套基础的组件,这些组件自带微信风格的样式以及特殊的逻辑,开发者可以通过组合基础组件,创建出强大的微信小程序。

2 系统需求分析

2.1可行性分析

通过以下的网站总体需求分析,进而分析是否拥有达成需求的技术、资金和开发人员等条件。那么就从以下几点进行简单的说明:

2.1.1 技术可行性分析

在线云日记空间小程序存储所使用的mysql数据库以及开发中所使用的IDEA、Tomcat这些开发工具的使用,能够给我们的编写工作带来许多的便利。系统使用SSM框架进行开发,使系统的可扩展性和维护性更佳,减少java配置代码,简化编程代码,目前SSM框架也是很多企业选择的框架之一。

2.1.2 操作可行性分析

总体来严,该网站的操作设计和逻辑设计还是比较简单的。因为总体的设计目标只是包括数据的读取等基本内容。而且,就目前使用的客户一般都是用户和管理人员,都是有较高文化的一群人和学习能力较强的人。但是还是要把程序的操作设计得尽量简单,比如课程报名,交流等功能,比如用户的登录和登出功能等,都需要尽量的简单,这样让网站用户更容易上手。针对管理员的操作,这边需要指出,是需要一定的理解的,比如课堂管理,交流管理的设定,比如各类信息的添加和修改等,还是需要一定的计算机基本认识,如有需要,可以对其进行简单的介绍或者培训。

2.1.3 经济可行性分析

在开发在线云日记空间小程序中所使用的开发软件像IDEA开发工具、Tomcat8.0服务器、MySQL5.7数据库、Photoshop图片处理软件等,这些都是开源免费的,并且在线云日记空间小程序是自己设计并编码实现的,数据库是使用流行mysql进行数据的存储,开源的mysql等技术的使用,减少系统开发费用。

2.2功能需求分析

在线云日记空间小程序的主要目的分为三个。

首先:可以通过该网站可以很好的整合和记录日记相关信息。以前通过传统的日记交流的方式有个最大的问题就是信息查询、交流方式繁琐,而且各种信息容易丢失,有了这样一个在线云日记空间小程序,那么则可以很容易的把所有的日记信息都放到数据库中,如果再对数据库进行备份处理,那么这样就可以很好的对日记信息进行保存。

其次:该小程序需要很好的功能扩充性和可维护性。由于该小程序是涉及的用户比较多,对管理员来说同样也是一个信息管理小程序,包括用户信息,公告信息,日记信息等。而且,随着用户数量的增加,必然对程序的更新迭代要求更高,所有在开发的时候就需要注意程序的可维护性和可拓展性。

2.3用例分析

在线云日记空间小程序中的管理员角色主要负责了如下功能操作。

(1)站点管理功能需求:站点管理包括了轮播图,公告栏两部分,管理员可以对这两部分进行添加,修改,删除和查询等。

(2)用户管理功能需求:用户管理部分包括了管理员,用户和管理员两部分,管理员可以对这两部分进行添加,修改,删除以及查询等。

(3)内容管理功能需求:内容管理部分包括了广场互动、分类列表等,管理员可以对其进行管控。

(4)更多管理功能需求:更多管理主要实现了日记分类、公开日记管理、私密日记管理、反馈建议的功能,管理员可以进行维护管理操作。

  

图2-1管理员角色用例图

在线云日记空间小程序中的用户角色主要负责了如下功能操作。

(1)注册登录功能需求:没有账号的用户,可以输入账号,密码,昵称,邮箱等信息进行注册操作,注册后可以输入账号和密码进行登录。

(2)广场互动功能需求:用户登录系统后可以在广场互动模块进行互动留言评论。

(3)公开日记功能需求:用户可以在线发布公开日记进行分享,可以让其他用户看见以及评论的日记部分。

(4)私密日记功能需求:此模块只用于用户个人记录私密日记,权限只供用户个人查看不进行公开设置。

图2-2用户角色用例图

                                                                3系统总体设计

3.1 系统开发架构的选择

如今随着web系统功能的不断完善,越来越多的项目选择web系统,同样在线云日记空间小程序也是通过浏览器来访问系统主页面的。Web系统与app相比(后者主要是C/S架构),可以通过浏览器来规避很多问题,依靠浏览器让项目的开发变得简单,不再担心项目的版本跟新带来的数据传输等一系列的问题。值得注意的是B/S架构的项目,浏览器与服务器的数据的交互是通过http协议进行的,同样,服务器与数据库的数据交互也是通过http协议,统一的格式让信息的交互更加的简便与快捷。下图是具体的b/s架构图:

图3-1 系统B/S结构

3.1系统功能模块设计

在线云日记空间小程序的整体架构确定以后,再来看在线云日记空间小程序的主要功能模块图。整体的功能模块包括前台和后台,前台只要实现了用户,主要的页面,包括首页,公告信息、广场互动、公开日记、私密日记等页面。后台的模块主要实现了管理员用户,有登录、站点管理、用户管理、内容管理、更多管理等。确定了模块以后,再设计各个模块的功能特点,方便抽取出各个模块的公共部分来。

图3.1在线云日记空间小程序功能模块图

3.1.1 前台页面设计

本在线云日记空间小程序的前台页面所有的页面设计主要是上中下的结构,这样的好处是让所有的页面更加的整洁。主题的页面颜色采用淡色为主,为突出页面的美观。主页面上分为导航栏,导航栏的每个导航项目设计为一张jsp页面,除此之外,还有就是用户中心页面,后台管理的页面了。后台管理页面已简单的上下结构为主。

3.1.2 用户模块设计

(1)用户模块结构图

本网站的用户包括管理员和前台用户模块。两种用户模块的功能基本是相同的,前台用户和管理员模块比管理员多了一个注册功能,所以以用户模块的结构图为例进行分析,如下图:

图3.2用户模块结构图

(2)各个结构的具体业务逻辑

a.查询用户信息:设计最基础的查询功能,主要就是根据用户id查询用户信息。该功能主要体现在管理员用户信息查询和用户自己查询信息的时候。

b.修改用户信息:用户可以根据情况,对自己的基本信息进行修改,包括名字修改、密码修改、头像修改等操作。

c.增加用户:用户可以通过注册来获得账号

d.删除用户信息:管理员没有权利进行删除信息的删除,最多把用户加入到黑名单中,禁止用户进行登录操作。

3.1.3 广场互动管理模块设计

(1)广场互动模块结构图

在线云日记空间小程序是一个交流性质的公开网站,用户和用户之间可以对网站上的内容,比如在广场互动等进行点评,增加用户之间的互动性。但是同时也为了更好的规范广场互动的内容,给予管理员删除不合适的言论的功能,所以需要专门设计一个广场互动管理模块,具体的结构图如下:

图3.3广场互动模块结构图

(2)各个结构的具体业务逻辑

a.查询评论:设计最基础的查询功能,主要就是根据用户id查询该用户下的所有评论信息。

b.发布评论:用户可以根据情况,发布自己评论信息到网站上。

c.删除评论:管理员没有权限修改用户的评论信息,但是可以删除用户的整条评论。

3.1.4日记管理模块设计

(1)日记模块结构图

在线云日记空间小程序是中需要存储不少日记信息,用户可以查看日记信息,或者进行个人日记编辑发布,管理员可以添加,修改,删除日记分类,进行日记信息管理等,具体的结构图如下:

图3.4日记模块结构图

(2)各个结构的具体业务逻辑

a.添加日记:用户可以对日记进行添加。

b.修改日记:用户可以对日记进行修改。

c.删除日记:用户可以对日记进行删除。

d.日记分类:管理员可以对日记进行分类管理。

3.2数据库设计

3.2.1数据库概要设计

在线云日记空间小程序根据上面的E-R实体图,就再找到实体与实体之间的关系来,制作总的E-R图,实体之间的关系一共有4种,也就是一对一,多对一,一对多和多对多,总的E-R图是设计数据库表格的依据,如下图是网站的总E-R图。

图3.5系统总体E-R图

3.2.2数据库逻辑设计

根据上面的E-R图,继而设计数据库表格,注意的是数据库表格遵从三范式标准,这样以后操作也会更加简单一些。

系统的各个数据库表如下。

表auth (用户权限管理)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

auth_id

int

10

0

N

Y

授权ID:

2

user_group

varchar

64

0

Y

N

用户组:

3

mod_name

varchar

64

0

Y

N

模块名:

4

table_name

varchar

64

0

Y

N

表名:

5

page_title

varchar

255

0

Y

N

页面标题:

6

path

varchar

255

0

Y

N

路由路径:

7

position

varchar

32

0

Y

N

位置:

8

mode

varchar

32

0

N

N

_blank

跳转方式:

9

add

tinyint

3

0

N

N

1

是否可增加:

10

del

tinyint

3

0

N

N

1

是否可删除:

11

set

tinyint

3

0

N

N

1

是否可修改:

12

get

tinyint

3

0

N

N

1

是否可查看:

13

field_add

varchar

500

0

Y

N

添加字段:

14

field_set

varchar

500

0

Y

N

修改字段:

15

field_get

varchar

500

0

Y

N

查询字段:

16

table_nav_name

varchar

500

0

Y

N

跨表导航名称:

17

table_nav

varchar

500

0

Y

N

跨表导航:

18

option

text

65535

0

Y

N

配置:

19

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

20

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表comment (评论)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

comment_id

int

10

0

N

Y

评论ID:

2

user_id

int

10

0

N

N

0

评论人ID:

3

reply_to_id

int

10

0

N

N

0

回复评论ID:空为0

4

content

longtext

2147483647

0

Y

N

内容:

5

nickname

varchar

255

0

Y

N

昵称:

6

avatar

varchar

255

0

Y

N

头像地址:[0,255]

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

9

source_table

varchar

255

0

Y

N

来源表:

10

source_field

varchar

255

0

Y

N

来源字段:

11

source_id

int

10

0

N

N

0

来源ID:

表feedback_suggestions (反馈建议)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

feedback_suggestions_id

int

10

0

N

Y

反馈建议ID

2

feedback_no

varchar

64

0

Y

N

反馈编号

3

recommendation_description

text

65535

0

Y

N

建议描述

4

feedback_date

date

10

0

Y

N

反馈日期

5

user_no

int

10

0

Y

N

0

用户编号

6

examine_state

varchar

16

0

N

N

未审核

审核状态

7

examine_reply

varchar

16

0

Y

N

审核回复

8

recommend

int

10

0

N

N

0

智能推荐

9

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

10

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表forum (论坛)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

forum_id

mediumint

8

0

N

Y

论坛id

2

display

smallint

5

0

N

N

100

排序

3

user_id

mediumint

8

0

N

N

0

用户ID

4

nickname

varchar

16

0

Y

N

昵称:[0,16]

5

praise_len

int

10

0

Y

N

0

点赞数

6

hits

int

10

0

N

N

0

访问数

7

title

varchar

125

0

N

N

标题

8

keywords

varchar

125

0

Y

N

关键词

9

description

varchar

255

0

Y

N

描述

10

url

varchar

255

0

Y

N

来源地址

11

tag

varchar

255

0

Y

N

标签

12

img

text

65535

0

Y

N

封面图

13

content

longtext

2147483647

0

Y

N

正文

14

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

15

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

16

avatar

varchar

255

0

Y

N

发帖人头像:

17

type

varchar

64

0

N

N

0

论坛分类:[0,1000]用来搜索指定类型的论坛帖

表forum_type (论坛分类)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

type_id

smallint

5

0

N

Y

分类ID:[0,10000]

2

name

varchar

16

0

N

N

分类名称:[2,16]

3

description

varchar

255

0

Y

N

描述:[0,255]描述该分类的作用

4

url

varchar

255

0

Y

N

外链地址:[0,255]如果该分类是跳转到其他网站的情况下,就在该URL上设置

5

father_id

smallint

5

0

N

N

0

上级分类ID:[0,32767]

6

icon

varchar

255

0

Y

N

分类图标:

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表hits (用户点击)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

hits_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

表journal_classification (日记分类)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

journal_classification_id

int

10

0

N

Y

日记分类ID

2

journal_category

varchar

64

0

Y

N

日记类别

3

recommend

int

10

0

N

N

0

智能推荐

4

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

5

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表praise (点赞)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

praise_id

int

10

0

N

Y

点赞ID:

2

user_id

int

10

0

N

N

0

点赞人:

3

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

4

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

5

source_table

varchar

255

0

Y

N

来源表:

6

source_field

varchar

255

0

Y

N

来源字段:

7

source_id

int

10

0

N

N

0

来源ID:

8

status

bit

1

0

N

N

1

点赞状态:1为点赞,0已取消

表private_diary (私密日记)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

private_diary_id

int

10

0

N

Y

私密日记ID

2

journal_no

varchar

64

0

Y

N

日记编号

3

journal_category

varchar

64

0

Y

N

日记类别

4

journal_title

text

65535

0

Y

N

日记标题

5

describe

text

65535

0

Y

N

内容描述

6

user_no

int

10

0

Y

N

0

用户编号

7

release_time

date

10

0

Y

N

发布时间

8

picture

varchar

255

0

Y

N

图片

9

examine_state

varchar

16

0

N

N

未审核

审核状态

10

recommend

int

10

0

N

N

0

智能推荐

11

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

12

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表public_diary (公开日记)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

public_diary_id

int

10

0

N

Y

公开日记ID

2

journal_no

varchar

64

0

N

N

日记编号

3

journal_title

varchar

64

0

Y

N

日记标题

4

journal_category

varchar

64

0

Y

N

日记类别

5

content_description

text

65535

0

Y

N

内容描述

6

cover

varchar

255

0

Y

N

封面

7

release_time

date

10

0

Y

N

发布时间

8

user_no

int

10

0

Y

N

0

用户编号

9

hits

int

10

0

N

N

0

点击数

10

praise_len

int

10

0

N

N

0

点赞数

11

examine_state

varchar

16

0

N

N

未审核

审核状态

12

recommend

int

10

0

N

N

0

智能推荐

13

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

14

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

表slides (轮播图)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

slides_id

int

10

0

N

Y

轮播图ID:

2

title

varchar

64

0

Y

N

标题:

3

content

varchar

255

0

Y

N

内容:

4

url

varchar

255

0

Y

N

链接:

5

img

varchar

255

0

Y

N

轮播图:

6

hits

int

10

0

N

N

0

点击量:

7

create_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

创建时间:

8

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间:

表system_user (系统用户)

编号

名称

数据类型

长度

小数位

允许空值

主键

默认值

说明

1

system_user_id

int

10

0

N

Y

系统用户ID

2

user_no

varchar

64

0

N

N

用户编号

3

age

int

10

0

Y

N

0

年龄

4

gender

varchar

64

0

Y

N

性别

5

examine_state

varchar

16

0

N

N

已通过

审核状态

6

recommend

int

10

0

N

N

0

智能推荐

7

user_id

int

10

0

N

N

0

用户ID

8

create_time

datetime

19

0

N

N

CURRENT_TIMESTAMP

创建时间

9

update_time

timestamp

19

0

N

N

CURRENT_TIMESTAMP

更新时间

4系统详细实现

在线云日记空间小程序的详细设计与实现主要是根据前面的在线云日记空间小程序的需求分析和在线云日记空间小程序的总体设计来设计页面并实现业务逻辑。主要从在线云日记空间小程序界面实现、业务逻辑实现这两部分进行介绍。

4.1前台功能实现

4.1.1主页功能实现

用户进入首页之后会显示如下的一个窗口。系统以上中下的布局进行展示,首先映入眼帘的是系统的导航栏,下面是轮播图,再往下是各种各样的公告信息,其主界面展示如下图4.1所示。

如下图:

图4.1在线云日记空间小程序主界面

由于该项目只是用来测试,用户登录首页展示的图片等数据有的是从项目本地拿到的,有的则是从数据库中获取的。页面中的搜索部分,页头部分等都是属于公共样式,可以进行公告样式的抽取,然后再引入到jsp页面中。

4.1.2用户注册登录功能实现

不是在线云日记空间小程序中正式用户的是可以在线进行注册的,当用户点击右上角的“个注册”的时候,,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号+选择身份登信息后,后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。前台注册的部分包括了学生以及家长的注册,其用注册界面展示如下图4.2所示。

图4.2在线云日记空间小程序用户注册界面

用户注册逻辑代码如下:

/**

     * 注册

     * @param user

     * @return

     */

    @PostMapping("register")

    public Map<String, Object> signUp(@RequestBody User user) {

        // 查询用户

        Map<String, String> query = new HashMap<>();

        query.put("username",user.getUsername());

        List list = service.select(query, new HashMap<>()).getResultList();

        if (list.size()>0){

            return error(30000, "用户已存在");

        }

        user.setUserId(null);

        user.setPassword(service.encryption(user.getPassword()));

        service.save(user);

        return success(1);

}

/**

     * 用户ID:[0,8388607]用户获取其他与用户相关的数据

     */

    @Id

    @GeneratedValue(strategy = GenerationType.IDENTITY)

    @Column(name = "user_id")

    private Integer userId;

    /**

     * 账户状态:[0,10](1可用|2异常|3已冻结|4已注销)

     */

    @Basic

    @Column(name = "state")

    private Integer state;

    /**

     * 所在用户组:[0,32767]决定用户身份和权限

     */

    @Basic

    @Column(name = "user_group")

    private String userGroup;

    /**

     * 上次登录时间:

     */

    @Basic

    @Column(name = "login_time")

    private Timestamp loginTime;

    /**

     * 手机号码:[0,11]用户的手机号码,用于找回密码时或登录时

     */

    @Basic

    @Column(name = "phone")

    private String phone;

    /**

     * 手机认证:[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "phone_state")

    private Integer phoneState;

    /**

     * 用户名:[0,16]用户登录时所用的账户名称

     */

    @Basic

    @Column(name = "username")

    private String username;

    /**

     * 昵称:[0,16]

     */

    @Basic

    @Column(name = "nickname")

    private String nickname;

    /**

     * 密码:[0,32]用户登录所需的密码,由6-16位数字或英文组成

     */

    @Basic

    @Column(name = "password")

    private String password;

    /**

     * 邮箱:[0,64]用户的邮箱,用于找回密码时或登录时

     */

    @Basic

    @Column(name = "email")

    private String email;

    /**

     * 邮箱认证:[0,1](0未认证|1审核中|2已认证)

     */

    @Basic

    @Column(name = "email_state")

    private Integer emailState;

    /**

     * 头像地址:[0,255]

     */

    @Basic

    @Column(name = "avatar")

    private String avatar;

    /**

     * 创建时间:

     */

    @Basic

    @Column(name = "create_time")

    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

    private Timestamp createTime;

    @Basic

    @Transient

    private String code;

}

4.2.3 登录功能实现

在线云日记空间小程序中的前台上注册后的会员是可以通过自己的账户名和密码进行登录的,当会员输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到在线云日记空间小程序的首页中;否则将会提示相应错误信息,用户登录界面如下图4.3所示。

图4.3在线云日记空间小程序登录界面

4.2.4评论功能实现

用户在查看系统信息的时候,可以查看系统信息的详细的界面,能够实现对信息的评论的功能,界面如图4.4所示:

图4.4在线云日记空间小程序用户评论界面

主要的实现代码是:用户评论主要是对公告信息进行评论。其中评论中保存了评论的宿主编号。

4.2.5广场互动功能实现

用户在广场互动界面可以查看用户互动交流信息,点击进入详细界面,可以评论,同时也可以发布内容,具体的实现界面如下图4.5所示:

图4.5广场互动界面

4.2.6公开日记功能实现

当用户点击导航栏“公开日记”后可以查看到公开日记的列表,点击某一日记就会进入详细介绍的界面,用户可以查看+收藏,用户还可以进行个人公开日记的发布。具体的实现界面如下图4.6所示:

图4.6公开日记界面

公开日记的逻辑代码如下。

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        service.insert(service.readBody(request.getReader()));

        return success(1);

    }

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1);

}

    public Map<String,Object> readBody(BufferedReader reader){

        BufferedReader br = null;

        StringBuilder sb = new StringBuilder("");

        try{

            br = reader;

            String str;

            while ((str = br.readLine()) != null){

                sb.append(str);

            }

            br.close();

            String json = sb.toString();

            return JSONObject.parseObject(json, Map.class);

        }catch (IOException e){

            e.printStackTrace();

        }finally{

            if (null != br){

                try{

                    br.close();

                }catch (IOException e){

                    e.printStackTrace();

                }

            }

        }

        return null;

}

    public void insert(Map<String,Object> body){

        StringBuffer sql = new StringBuffer("INSERT INTO ");

        sql.append("`").append(table).append("`").append(" (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            sql.append("`"+humpToLine(entry.getKey())+"`").append(",");

        }

        sql.deleteCharAt(sql.length()-1);

        sql.append(") VALUES (");

        for (Map.Entry<String,Object> entry:body.entrySet()){

            Object value = entry.getValue();

            if (value instanceof String){

                sql.append("'").append(entry.getValue()).append("'").append(",");

            }else {

                sql.append(entry.getValue()).append(",");

            }

        }

        sql.deleteCharAt(sql.length() - 1);

        sql.append(")");

        log.info("[{}] - 插入操作:{}",table,sql);

        Query query = runCountSql(sql.toString());

        query.executeUpdate();

    }

4.2.7私密日记功能实现

当用户点击导航栏“私密日记”后可以查看到私密日记信息的列表,点击某一私密日记就会进入详细介绍的界面,可以进行私密日记发布,此模块只限于个人查看不能公开,具体的实现界面如下图4.7所示:

图4.7私密日记详情界面

私密日记的逻辑代码如下:

@RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

        Query count = service.avg(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

4.2后台功能实现

4.2.1管理员登录功能实现

在线云日记空间小程序中的后台的老师和管理员是可以通过自己的账户名和密码进行登录的,当管理员输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到在线云日记空间小程序的首页中;否则将会提示相应错误信息,管理员登录界面如下图4.8所示。

图4.8后台登录界面

4.2.2用户管理功能实现

管理员在用户管理模块,可以对用户信息进行管理,用户管理模块由管理员系统用户两部分组成组成,这里以用户管理为例,具体的实现界面如下图:

图4.9用户管理界面

用户管理关键代码如下所示。

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        Map<String,Object> paramMap = service.readBody(request.getReader());

        this.addMap(paramMap);

        return success(1);

}

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1)

4.2.3广场互动管理功能实现

管理员点击“内容管理”这一按钮就会展示其下子菜单,选择“广场互动”以后就会显示出前台用户提交的广场互动信息,在这个界面,管理员可以对广场互动信息添加,编辑,删除,同时也可以管理其评论,具体的实现界面如下图:

图4.10广场互动管理界面

广场互动管理的逻辑代码如下:

 @RequestMapping(value = {"/avg_group", "/avg"})

public Map<String, Object> avg(HttpServletRequest request) {

        Query count = service.avg(service.readQuery(request), service.readConfig(request));

        return success(count.getResultList());

}

4.2.4公开日记管理功能实现

管理员在“更多管理”界面的子菜单下可以管理“公开日记”,管理员能够对公开日记进行维护管理,用户可以发布编辑公开日记,具体的实现界面如下图:

图4.11公开日记管理界面

公开日记管理的逻辑代码如下:

 @RestController

@RequestMapping("auth")

public class AuthController extends BaseController<Auth, AuthService> {

    /**

     * 服务对象

     */

    @Autowired

    public AuthController(AuthService service) {

        setService(service);

4.2.5日记分类功能实现

管理员在“更多管理”界面的子菜单下可以管理“日记分类”,可以进行“分类添加”操作,具体的实现界面如下图:

图4.12日记分类管理界面

管理点击“分类”后就会跳转到分类添加页面,可以对日记类型进行增删改查操作,具体的实现界面如下图:

图4.13类型添加界面

4.2.6私密日记管理功能实现

管理员在“更多管理”界面的子菜单下可以管理“私密日记”,具体的实现界面如下图:

图4.14私密日记管理界面

私密日记管理关键代码如下所示。

@PostMapping("/add")

    @Transactional

    public Map<String, Object> add(HttpServletRequest request) throws IOException {

        Map<String,Object> paramMap = service.readBody(request.getReader());

        this.addMap(paramMap);

        return success(1);

}

    @Transactional

    public Map<String, Object> addMap(Map<String,Object> map){

        service.insert(map);

        return success(1)

4.2.7反馈建议管理功能实现

管理员在“更多管理”界面的子菜单下点击“反馈建议”就是显示出用户提交的反馈建议信息,可以对建议进行审核以及回复操作,具体的实现界面如下图:

图4.15反馈建议管理界面

反馈建议管理关键代码如下所示。

@RequestMapping("/get_obj")

    public Map<String, Object> obj(HttpServletRequest request) {

        List resultList = service.selectBaseList(service.select(service.readQuery(request), service.readConfig(request)));

        if (resultList.size() > 0) {

            JSONObject jsonObject = new JSONObject();

            jsonObject.put("obj",resultList.get(0));

            return success(jsonObject);

        } else {

            return success(null);

        }

}

5系统测试

5.1 系统测试目的

系统开发到了最后一个阶段那就是系统测试,系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美,再厉害的系统开发工程师也会在系统开发的时候出现纰漏,系统测试能够较好的改正一些bug,为后期系统的维护性提供很好的支持。通过系统测试,开发人员也可以建立自己对系统的信心,为后期的系统版本的跟新提供支持。

5.2 系统可用性测试

网站的可用性测试是测试网站最基本的功能,比如鼠标点击是否可用,页面跳转是否正常等。下面是具体的测试结果。

表5-1在线云日记空间小程序可用性测试

测试项

测试人员评价

窗口移动、改变大小、关闭等操作是否正常

操作模块是否友好

模块和提示内容等文字描述是否正确

模块布局是否合理、协调

模块的状态是否正确(对选中项能否发生对应切换)

键盘、鼠标操作是否支持

所需的数据项是否正确显示

操作流程是否合理

是否提供帮助信息

5.3 系统典型测试用例

对网站的主要页面和功能点的测试用例如下:

(1) 用户登陆网站测试用例如表 5-2 所示。

表5-2用户登录网站测试用例

用例名称

用户登录网站

目的

测试用户通过正确的用户名和密码可否登录功能

前提

未登录的情况下

测试流程

1) 进入登录页面

2) 输入正确的用户名和密码

预期结果

用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入

实际结果

实际结果与预期结果一致

(2)公告信息测试用例如表 5-3 所示

表5-3 公告测试用例

用例名称

公告

目的

测试公告功能

前提

测试流程

打开公告界面

预期结果

可以进行查看公告详细

实际结果

实际结果与预期结果一致

(3)评论试用例如表 5-4所示

表5-4评论测试用例

用例名称

评论

目的

测试评论模块功能

前提

测试流程

用户在评论区进行点评操作。

预期结果

评论提交以后,可以查看到自己的评论信息

实际结果

实际结果与预期结果一致

(4)课堂添加信息测试用例如表 5-5 所示

表5-5 公开日记添加测试用例

用例名称

公开日记添加

目的

测试公开日记添加功能

前提

测试流程

管理员和教师点击公开日记添加,输入公开日记

预期结果

提交公开日记后可以查看公开日记,前台显示公开日记

实际结果

实际结果与预期结果一致

(5)反馈建议测试用例如表 5-6 所示

表5-6 反馈建议测试用例

用例名称

反馈建议

目的

测试反馈建议功能

前提

测试流程

用户点击反馈建议输入反馈建议信息进行反馈建议

预期结果

进入反馈建议界面进行编辑

实际结果

实际结果与预期结果一致

5.4 测试总结

通过系统的调试,能够检测项目的稳定性,为项目正式运行、稳定运行提供了可预测性的维护备案。能够帮助用户熟悉整个项目,并对项目可能出现的错误有所了解。本文提供了部分调试用例及调试日志,可以帮助用户解决简单的错误问题,也加深了开发者对于此框架下的项目编写的了解度,为后期开发者顺利完成项目、发布项目提供了非常大的帮助。

                                                             总结

本次设计中,我还学会了很多,例如良好的编程思想和完善的规划思想。在着手编程之前需要罗列出程序框架的大概,脑海中构建出程序的主题框架。做好这一步我们才能胸有成竹的经行开发项目。当设计框架了熟于心之后,需要思考本次编程所需的主要知识点和技术点,并充分学习。如此一来项目的开发才能循序渐进、如丝般顺滑,长久以往就能养成良好的开发习惯。一个程序好不好还要看出的bug多不多,如果在项目完成前做好bug的查验与预防可能发生的事故才能保证程序的稳定长久性运行。如果项目在完工后出现各种问题自己,那么在进入社会后,不仅会给公司团队带来麻烦和增加不必要的工作,还会导致客户流失,公司对自己的评价下降。

在本次项目中我也暴露了诸多问题。对于Java的编程知识有所欠缺,环境配置和算法上出现诸多问题,时常导致项目运行出错,或者目标的实现有问题。或者实现想法时算法未优化,使得代码冗长,程序运行不顺畅。

参考文献

[1]张世兴,赵辰龙,张新瑜,彭梦灿,张瑞.基于POI的校园多功能导航小程序开发[J].通信与信息技术,2023(01):88-90+99.

[2]梁丽琼.基于核心素养的“数学日记”应用策略研究[J].教育艺术,2022(12):69+71.

[3]蔡文洁,易术明,易文清,黄伟华,刘海燕.应用B/S计算机软件的金融安全微信小程序开发[J].微型电脑应用,2022,38(12):14-17.

[4]宫远洋,吴维仲,孙成.“互联网+”时代下教务微信小程序开发研究[J].山西青年,2022(22):45-47.

[5]姚园园.微型日记对小学作文教学的促进作用[J].天津教育,2022(31):147-149.

[6]梁月宁,胡冬辉,陈嘉.ICU叙事日记内容及应用流程的研究进展[J].护士进修杂志,2022,37(20):1845-1848.

[7]何淼.数学日记:让学生在反思中建立数感[J].小学教学研究,2022(26):63-64.

[8]车海俊,卓玛央吉,拉目加,土比林场.基于微信小程序开发的三维建模掌上实验室[J].中国科技信息,2022(08):47-48.

[9]刘天元,夏明.微信小程序开发与运用[J].电子世界,2021(23):206-207.

[10]邹小彬,刘蕾蕾.小程序开发专利技术研究[J].中国科技信息,2021(13):19-20.

[11]张子楠,刘璇,张蔚,赵苏鉴,郑睿.深度学习下小程序日记写作平台情感分析平台[J].软件导刊,2021,20(06):188-194.

[12]陶再平.微信小程序开发课程改革与实践[J].教育教学论坛,2020(41):260-262.

[13]高智龙,黄连丽.基于Java的微信小程序开发[J].电子技术,2020,49(07):60-61.

[14]田凯茜.基于微信小程序的心情调节终端[J].技术与市场,2019,26(12):79-80..

致  谢

至此论文结束,感谢您的阅读。在此我要感谢我的导师,虽然我在实习期间很忙,论文撰写总是停停改改,但是导师依然十分负责,时不时的询问我的任务进展情况,跟进我的论文进度。虽然我在实习期间很忙,以至于很晚才开始进行论文撰写和编写程序的工作,但是在指导老师的帮助下,我逐步完成了自己的论文和程序,从导师身上也学习到很多知识,和经验,这些知识和经验令我受益匪浅。也从导师身上看到了自己的不足,不论是在即使层面上还是在对待工作的态度上,倒数如同明镜一般照出了我的缺点我的不足。此外,我还要感谢在我实习期间在论文和程序上帮助过我的同学和社会人士,此前我对于框架及JQuery和BootSatrp方面的一些知识还不了解,是他们在我编写程序过程中给了我很多的启发和感想,也帮助了我对于程序的调试和检测。没有他们我是不能顺利完成本次毕业设计的。至此,我的毕业设计就花上了一个圆满的句号了。

                       点赞+收藏+关注 → 私信领取本源代码、数据库

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值