目 录
结论 37
随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,博物馆导览小程序被用户普遍使用,为方便用户能够可以随时进行在线查看博物馆导览的数据信息管理,特开发了博物馆导览小程序。
博物馆导览小程序的设计主要是对系统所要实现的功能进行详细考虑,确定所要实现的功能后进行界面的设计,在这中间还要考虑如何可以更好的将功能及页面进行很好的结合,方便用户可以很容易明了的找到自己所需要的信息,还有系统平台后期的可操作性,通过对信息内容的详细了解进行技术的开发。
博物馆导览小程序的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与博物馆导览小程序管理的实际需求相结合,讨论了基于博物馆导览小程序管理的使用。
关键词:springboot技术;MYSQL;博物馆导览小程序
Abstract
With the rapid development of China's economy, people's demand for mobile phones is growing, and various mobile phone software is also widely used. However, for mobile phone data information management, various mobile phone software is also popular among users. The museum guide applet is widely used by users. In order to facilitate users to view the data information management of museum guides online at any time, the museum guide applet is specially developed.
The design of the museum navigation applet is mainly to consider the functions to be realized by the system in detail, determine the functions to be realized, and then design the interface. In this process, we also need to consider how to better combine the functions and pages, so that users can easily find the information they need, as well as the operability of the system platform in the later stage, Develop technology through detailed understanding of information content.
The development of museum guide applet uses the existing mature technology reference, takes the source code as the template, analyzes the combination of function adjustment and the actual needs of museum guide applet management, and discusses the use of museum guide applet management.
Keywords: Spring boot technology; MYSQL; Museum Guide Applet
1 绪论
1.1选题背景
随着网络时代的到来,互联网的优势和普及时刻影响并改变着人们的生活方式。在信息技术迅速发展的今天,计算机技术已经遍及全球,使社会发生了巨大的变革。
为了不受时间和地点的限制,智能手机用户可以通过移动网络访问网站和处理各种业务和互联网,这是一个有效的将应用系统的功能扩展到手机终端的方法。现今各种智能手机层出不穷,各类基于手机平台的软件应运而生,其中,在众多交流软件中,微信备受人们青睐。近年来,微信发展规模越来越大,越来越多的人开始使用微信,目前随着智能手机系统的普及,人人手机上基本都有了微信。
所以,微信推出小程序广告支持公众号关注,而这就意味着小程序跟公众号之间的通道被彻底打通了。本论文博物馆导览小程序主要牵扯到的程序,数据库与计算机技术等。覆盖知识面大,可以大大的提高系统人员工作效率。
1.2国内外研究概况
随着国内经济形势的不断发展,中国互联网进入了一个难得的高峰发展时期,这使得中外资本家纷纷转向互联网市场。然而,许多管理领域的不合理结构,人员不足以及管理需求的增加使得更多的人具备了互联网管理的意识。
在当今高度发达的信息中,信息管理改革已成为一种更加广泛和全面的趋势。博物馆导览小程序是基于Mysql数据库,在Java程序设计的基础上实现的。为确保中国经济的持续发展,信息时代日益更新,网上商城更是蓬勃发展。同时,随着信息社会的快速发展,博物馆导览小程序网站面临着越来越多的信息,因此很难获得他们对高效信息的需求,如何使用方便快捷的方式使查询者在广阔的博物馆导览小程序信息中查询,存储,管理和共享信息方面有效,对我们的学习,工作和生活具有重要的现实意义。因此,国内外学术界对此进行了深入而广泛的研究,一个新的研究领域——博物馆导览小程序诞生了。
1.3系统开发技术的特色
(1)博物馆导览小程序中的web后台管理中的后端不再使用古老的jsp+javabean+servlet技术,而是使用当前主流的springboot框架,它减少java配置代码,简化编程代码,目前springboot框架也是很多企业选择的框架之一。
(2)博物馆导览小程序 中的web后台管理中的前端使用的是JavaScript框架,它配合ajax[8]和jquery[9]可以美化页面设计。
(3)博物馆导览小程序中数据库用的mysql5.7,它执行效率高。
1.4论文结构与章节安排
论文将分层次经行编排,除去论文摘要致谢文献参考部分,正文部分还会对网站需求做出分析,以及阐述大体的设计和实现的功能,最后罗列部分调测记录,论文主要架构如下:
第一章:引言。第一章主要介绍了课题的选题背景,系统开发的现状和本文的国内外研究概况与主要工作。
第二章:系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。
第三章:系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。
第四章:系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。
第五章:系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
2.1 可行性分析
在项目上使用的工具大部分都是是当下流行开源免费的,所以在开发前期,开发时用于项目的经费将会大大降低,不会让开发该软件在项目启动期受到经费的影响,所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费,以及设备费用。将在无纸化,高效率的道路上越走越远。
所以经济可行性没有问题。
(2)操作可行性:
此次项目设计参考了几个该模式下网站的开发案例,对他们的操作界面分析,将众多案例结合在一起,突出以人为本简化操作,所以具有基本计算机知识的人都会操作本项目。
因此操作可行性也没有问题。
(3)技术可行性:
技术可行性指的是对于搭建框架的可行性,以及有更优秀的技术出现时系统的技术更新换代的纳新性如何,开发时间成本费用比如何。
现有的springboot技术能够迎合所有电子商务系统的搭建。开发这个博物馆导览小程序 的时候我采用了springboot+MYSQL用以运行整体程序。
综上所述技术可行性也没有问题。
(4)法律可行性:
从开发者角度来看,springboot和MYSQL是网上开源且免费的,在知识产权方面不会产生任何法律纠纷。
从用户使用角度来看,只要不再系统上贩卖违禁品,对系统做出条约协议,杜绝非法支付即可。
综上所述法律可行性也没有问题。
业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。
用户成功登入系统后就能够实现增加数据的操作,增加数据的编号是特定的,系统生成,用户不能随意填写,除了编号以外,其他增加信息用户自己填写,填写后的信息经过系统验证,验证合法通过就显示增加数据成功了,相反的话,就没有增加成功,图2-1显示的就是在增加数据时的流程。
![](https://i-blog.csdnimg.cn/blog_migrate/ca8572dd6da7bbfc17a5ecbad2a71023.png)
图2-1 数据增加流程图
数据修改时的流程和上面介绍的数据增加时的流程差不多,如图2-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/bd8fbe15047cb38b2e9be3e2f4569533.png)
图2-2 数据修改流程图
如果系统里面存在一些没有用的数据的话,相关的管理人员还可以对这些数据进行删除,图2-3就是数据删除时的流程图。
![](https://i-blog.csdnimg.cn/blog_migrate/9ce0bf9d56d9d8983139d0c063a77a05.png)
图2-3 数据删除流程图
按照博物馆导览小程序的角色,我划分为了注册用户管理模块和管理员管理模块这两大部分。
用户管理模块:
(1)用户注册登录:用户注册为用户并登录博物馆导览小程序管理系统;用户对个人信息的增删改查,比如个人资料,密码修改。
(2)查看博物馆导览小程序的首页信息:博物馆导览小程序的首页信息包含了首页、交流论坛、展馆介绍、我的(基本信息、收藏、展品评分、预约购票)等。
(3)我的收藏:在“我的”下可以查看管理“我的收藏”信息,可以查看收藏,也可以对不喜欢的信息进行删除收藏;
(4)展品评分:用户提交了展品以后,管理员可以查看到展品信息,对展品进行评分审核。
(5)基本信息:发布者和用户可以对自己的个人信息和登录密码进行维护;
(6)预约购票:用户点击“预约购票”后显示自己提交的预约购票,选择一个预约购票信息,可以点击后面的“预约购票”按钮,填写预约购票信息,然后在预约购票界面就可以查看到自己提交的预约购票信息了,可以在线支付。
管理员管理模块:
(1)用户管理:管理员可以对前台上注册过的注册用户信息进行管控,也可以对管理员信息进行管控。
(2)内容管理:管理员可以对博物馆导览小程序前台展示的交流论坛+论坛分类+展馆介绍+介绍分类进行管控。
(3)更多管理:在“更多管理”这一菜单下,可以对管理人员用户操作的展品信息+展品分类+展品评分+展览信息+预约购票以及在前台用户提交的展品评分等进行管控。
(4)展品分类管理:可以对系统中的展品分类信息进行维和和管理;
(5)展品信息管理:可以把不同展品分类下的展品信息录入和维护到web后台管理端,通过上架的方式,让小程序端可以查看;
(6)预约购票:可以查看到用户提交的预约购票记录,可通过web端直接为其办理支付等操作;
(7)轮播图/公告栏管理:可以对基于微信小程序平台的博物馆导览微信小程序端的轮播图信息和公告信息进行上传和管理;
博物馆导览小程序的非功能性需求比如博物馆导览小程序的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
表3-1博物馆导览小程序非功能需求表
安全性 | 主要指博物馆导览小程序数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指博物馆导览小程序能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响博物馆导览小程序占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着博物馆导览小程序的页面展示内容进行操作,就可以了。 |
可维护性 | 博物馆导览小程序开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
2.4 系统用例分析
通过2.3功能的分析,得出了本博物馆导览小程序的用例图:
注册用户角色用例如图2-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/03b7a0adf2fd5d0f0edbe351c925b310.png)
图2-3博物馆导览小程序注册用户角色用例图
web后台管理上的管理员是维护整个博物馆导览小程序中所有数据信息的。管理员角色用例如图2-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/07aaa9d62b3606133d55166d21914fde.png)
本章主要通过对博物馆导览小程序的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个博物馆导览小程序要实现的功能。同时也为博物馆导览小程序的代码实现和测试提供了标准。
本章主要讨论的内容包括博物馆导览小程序的功能模块设计、数据库系统设计。
3.1 系统架构设计
本博物馆导览小程序从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。
![](https://i-blog.csdnimg.cn/blog_migrate/276293dc5b1d3bf3b5af021d5199dd05.png)
图3-1博物馆导览小程序系统架构设计图
表现层(UI):又称UI层,主要完成本博物馆导览小程序的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本博物馆导览小程序 时的舒适度。UI的界面设计也要适应不同版本的博物馆导览小程序 以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。
业务逻辑层(BLL):主要完成本博物馆导览小程序的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。
数据层(DL):由于本博物馆导览小程序的数据是放在服务端的mysql数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本博物馆导览小程序 的数据存储和管理功能。
3.2 系统功能模块设计
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本博物馆导览小程序中的用例。那么接下来就要开始对本博物馆导览小程序的架构、主要功能和数据库开始进行设计。博物馆导览小程序根据前面章节的需求分析得出,其总体设计模块图如图3-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/0516b754354add264e82d2e39e037b96.png)
图3-2博物馆导览小程序功能模块图
3.2.2用户模块设计
后台管理者能够实现对前台注册的用户增删改查操作,用户模块结构图如下图:
![](https://i-blog.csdnimg.cn/blog_migrate/b9b487f1b46369803cdf9e5fe68ed846.png)
图3-3用户用户模块结构图
3.2.3评论管理模块设计
博物馆导览小程序是一个交流性质的公开平台,用户用户和管理人员用户可以对平台上信息进行评论,增加用户之间的互动性。但是同时也为了更好的规范评论的内容,给予管理员删除不合适的言论的功能,所以需要专门设计一个评论管理模块,具体的结构图如下:
![](https://i-blog.csdnimg.cn/blog_migrate/6a93da82d26d13992a272cd14c12f18c.png)
图3-4评论模块结构图
3.2.4展品管理模块设计
博物馆导览小程序是中需要存储不少展品信息,其模块功能结构,具体的结构图如下:
![](https://i-blog.csdnimg.cn/blog_migrate/71ac68ecfe1c60dfc23446cac1c82856.png)
图3-5展品信息模块结构图
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
3.3.1 数据库概念结构设计
下面是整个博物馆导览小程序中主要的数据库表总E-R实体关系图。
![](https://i-blog.csdnimg.cn/blog_migrate/a7e3b5538ec82182cc3ed4b595f13196.png)
图3-6博物馆导览小程序总E-R关系图
下面根据博物馆导览小程序的数据库总E-R关系图可以得出博物馆导览小程序需要很多E-R图,在此罗列出来一些主要的数据库E-R模型图。
![](https://i-blog.csdnimg.cn/blog_migrate/fcc864114c6e883e0651d7bd1078d21c.png)
图3-7注册用户E-R关系图
![](https://i-blog.csdnimg.cn/blog_migrate/3b8acda498c1ea17826ed6fe28f02b3d.png)
图3-8预约购票E-R关系图
![](https://i-blog.csdnimg.cn/blog_migrate/7caf8664f313795f129686eefb9ac79a.png)
图3-9展品信息E-R关系图
![](https://i-blog.csdnimg.cn/blog_migrate/078c79d0f22a926a5e3b2dfab3e754fb.png)
图3-10展品评分E-R关系图
![](https://i-blog.csdnimg.cn/blog_migrate/8a1b20bb364faaf1d9563b80fd16e6a1.png)
图3-11展览信息E-R关系图
通过上一小节中博物馆导览小程序中总E-R关系图上得出一共需要创建很多个数据表。在此我主要罗列几个主要的数据库表结构设计。
registered_user表:
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
registered_user_id | int | 11 | 是 | 是 | 注册用户ID |
user_number | varchar | 64 | 是 | 否 | 用户编号 |
full_name | varchar | 64 | 否 | 否 | 姓名 |
examine_state | varchar | 16 | 是 | 否 | 审核状态 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
user_id | int | 11 | 是 | 否 | 用户ID |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
booking_tickets表:
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
booking_tickets_id | int | 11 | 是 | 是 | 预约购票ID |
order_number | varchar | 64 | 否 | 否 | 订单号 |
exhibition_no | varchar | 64 | 否 | 否 | 展览编号 |
exhibition_name | varchar | 64 | 否 | 否 | 展览名称 |
development_time | varchar | 64 | 否 | 否 | 开展时间 |
cost | varchar | 64 | 否 | 否 | 费用 |
purchase_quantity | int | 11 | 否 | 否 | 购买数量 |
total_price | varchar | 64 | 否 | 否 | 总价格 |
visit_time | datetime | 0 | 否 | 否 | 参观时间 |
user_number | int | 11 | 否 | 否 | 用户编号 |
full_name | varchar | 64 | 否 | 否 | 姓名 |
examine_state | varchar | 16 | 是 | 否 | 审核状态 |
examine_reply | varchar | 16 | 否 | 否 | 审核回复 |
pay_state | varchar | 16 | 是 | 否 | 支付状态 |
pay_type | varchar | 16 | 否 | 否 | 支付类型 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
classification_of_exhibits表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
classification_of_exhibits_id | int | 11 | 是 | 是 | 展品分类ID |
product_categories | varchar | 64 | 否 | 否 | 展品类别 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
exhibit_information表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
exhibit_information_id | int | 11 | 是 | 是 | 展品信息ID |
exhibit_no | varchar | 64 | 否 | 否 | 展品编号 |
exhibit_name | varchar | 64 | 否 | 否 | 展品名称 |
photo | varchar | 255 | 否 | 否 | 照片 |
product_categories | varchar | 64 | 否 | 否 | 展品类别 |
years | varchar | 64 | 否 | 否 | 年代 |
unearthed_site | varchar | 64 | 否 | 否 | 出土地点 |
exhibit_introduction | longtext | 0 | 否 | 否 | 展品介绍 |
hits | int | 11 | 是 | 否 | 点击数 |
praise_len | int | 11 | 是 | 否 | 点赞数 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
exhibit_rating表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
exhibit_rating_id | int | 11 | 是 | 是 | 展品评分ID |
exhibit_no | varchar | 64 | 否 | 否 | 展品编号 |
exhibit_name | varchar | 64 | 否 | 否 | 展品名称 |
product_categories | varchar | 64 | 否 | 否 | 展品类别 |
user_number | int | 11 | 否 | 否 | 用户编号 |
full_name | varchar | 64 | 否 | 否 | 姓名 |
score | varchar | 64 | 否 | 否 | 评分 |
scoring_reason | text | 0 | 否 | 否 | 评分原因 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
exhibition_information表: | |||||
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
exhibition_information_id | int | 11 | 是 | 是 | 展览信息ID |
exhibition_no | varchar | 64 | 否 | 否 | 展览编号 |
exhibition_name | varchar | 64 | 否 | 否 | 展览名称 |
development_time | varchar | 64 | 否 | 否 | 开展时间 |
display_diagram | varchar | 255 | 否 | 否 | 展示图 |
place | varchar | 64 | 否 | 否 | 地点 |
detailed_address | varchar | 64 | 否 | 否 | 详细地址 |
cost | int | 11 | 否 | 否 | 费用 |
peripheral_goods | text | 0 | 否 | 否 | 周边商品 |
admission_notice | text | 0 | 否 | 否 | 入场须知 |
details | longtext | 0 | 否 | 否 | 详情 |
hits | int | 11 | 是 | 否 | 点击数 |
praise_len | int | 11 | 是 | 否 | 点赞数 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
3.4本章小结
整个博物馆导览小程序的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4博物馆导览小程序详细设计与实现
博物馆导览小程序的详细设计与实现主要是根据前面的博物馆导览小程序的需求分析和博物馆导览小程序的总体设计来设计页面并实现业务逻辑。主要从博物馆导览小程序 界面实现、业务逻辑实现这两部分进行介绍。
4.1用户功能模块
4.1.1 前台首页界面
当进入博物馆导览小程序的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图4-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/910bae04113fdc84a338e64c61cbe50c.png)
图4-1 前台首页界面图
4.1.2注册用户登录界面
博物馆导览小程序中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到博物馆导览小程序的首页中;否则将会提示相应错误信息,注册用户登录界面如下图4-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/3e6507831eb2874ec8b3d1004cf64c49.png)
图4-2用户登录界面图
登录关键代码如下所示。
/**
* 登录
* @param data
* @param httpServletRequest
* @return
*/
@PostMapping("login")
public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {
log.info("[执行登录接口]");
String username = data.get("username");
String email = data.get("email");
String phone = data.get("phone");
String password = data.get("password");
List resultList = null;
Map<String, String> map = new HashMap<>();
if(username != null && "".equals(username) == false){
map.put("username", username);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(email != null && "".equals(email) == false){
map.put("email", email);
resultList = service.select(map, new HashMap<>()).getResultList();
}
else if(phone != null && "".equals(phone) == false){
map.put("phone", phone);
resultList = service.select(map, new HashMap<>()).getResultList();
}else{
return error(30000, "账号或密码不能为空");
}
if (resultList == null || password == null) {
return error(30000, "账号或密码不能为空");
}
//判断是否有这个用户
if (resultList.size()<=0){
return error(30000,"用户不存在");
}
User byUsername = (User) resultList.get(0);
Map<String, String> groupMap = new HashMap<>();
groupMap.put("name",byUsername.getUserGroup());
List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();
if (groupList.size()<1){
return error(30000,"用户组不存在");
}
UserGroup userGroup = (UserGroup) groupList.get(0);
//查询用户审核状态
if (!StringUtils.isEmpty(userGroup.getSourceTable())){
String sql = "select examine_state from "+ userGroup.getSourceTable() +" WHERE user_id = " + byUsername.getUserId();
String res = String.valueOf(service.runCountSql(sql).getSingleResult());
if (res==null){
return error(30000,"用户不存在");
}
if (!res.equals("已通过")){
return error(30000,"该用户审核未通过");
}
}
//查询用户状态
if (byUsername.getState()!=1){
return error(30000,"用户非可用状态,不能登录");
}
Strig md5password = service.encryption(password);
if (byUsername.getPassword().equals(md5password)) {
// 存储Token到数据库
AccessToken accessToken = new AccessToken();
accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));
accessToken.setUser_id(byUsername.getUserId());
tokenService.save(accessToken);
// 返回用户信息
JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));
user.put("token", accessToken.getToken());
JSONObject ret = new JSONObject();
ret.put("obj",user);
return success(ret);
} else {
return error(30000, "账号或密码不正确");
}
}
4.1.3注册用户注册界面
不是博物馆导览小程序中正式用户的是可以在线进行注册的,如果你没有本博物馆导览小程序的账号的话,添加“注册”,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可注册用户注册成功。其用注册用户注册界面展示如下图4-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ea2d8bf6de9723d1d45d8ac3ef49afd3.png)
图4-3注册用户注册界面图
注册用户注册关键代码如下所示。
/**
* 注册
* @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.1.4搜索展品信息界面
在搜索的输入框中输入自己想要搜索的展品信息并点击后面的“搜索”按钮后将会根据模糊匹配的方式,去数据库中搜索最匹配的展品信息并显示出来。搜索展品信息界面如下图4-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/a69b314a74e2640f7cc243408605aa92.png)
图4-4搜索展品信息界面图
4.1.5展品信息详情界面
点击任意一个展品后将可以进入到该展品的详情界面中,它包括了照片+展品类别+年代+出土地点+展品介绍等一系列的详细介绍,进行评分、点赞、收藏、评论等,展品信息详情界面如下图4-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/721335f20cdb4516d923d25c84465427.png)
图4-5展品信息详情界面图
点击“预约”后进入到“预约购票”界面,输入订单号+展览编号+展览名称+开展时间+费用+购买数量+总价格+参观时间+用户编号+姓名,点击“提交”按钮后将会生成自己的预约购票信息,预约购票界面如下图4-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/18cc243e509de74c3546e46d652c2629.png)
图4-6预约购票界面图
4.2管理员功能模块
4.2.1管理员登录界面
管理员可以从浏览器上输入后台登录的网址后输入自己的用户名,密码图片验证后点击“登录”按钮后将会验证是否有非空数据,其次再验证是否和数据库中保存的一致,都验证成功后将登录成功,管理员登录界面如下图4-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7407c0d009831010280d4be933047310.png)
图4-7管理员登录界面图
4.2.2 展品分类管理界面
管理员点击后台左边的“展览分类”菜单后,将可以维护和管理基于微信小程序平台的博物馆导览中的展品分类信息,展品分类管理界面如下图4-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/a125334645d1e5c6c2668df5a6d2298f.png)
图4-8展品分类管理界面图
展品分类关键代码如下所示。
public String encryption(String plainText) {
String re_md5 = new String();
try {
MessageDigest md = MessageDigest.getInstance("MD5");
md.update(plainText.getBytes());
byte b[] = md.digest();
int i;
StringBuffer buf = new StringBuffer("");
for (int offset = 0; offset < b.length; offset++) {
i = b[offset];
if (i < 0)
i += 256;
if (i < 16)
buf.append("0");
buf.append(Integer.toHexString(i));
}
re_md5 = buf.toString();
} catch (Exception e) {
e.printStackTrace();
}
return re_md5;
}
管理员点击后台左边的“展品信息”菜单后,将可以维护和管理基于微信小程序平台的博物馆导览系统中的房源信息,支持管理员编辑,查看评论等操作,展品信息管理界面如下图4-9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/3b46db9739d8165348e238c410fdd744.png)
图4-9展品信息管理界面图
4.2.4预约购票管理界面
管理员点击后台左边的“预约购票”菜单后将可以查看到所有用户的预约购票记录,预约购票界面如下图4-16所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d4411ab2d4dcd0e4ea54f7445de756be.png)
图4-10预约购票管理界面图
预约购票管理关键代码如下所示。
@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-11所示。
![](https://i-blog.csdnimg.cn/blog_migrate/043dbc0318b5ed003527e9deafd724a8.png)
图4-11用户管理界面图
@RequestMapping(value = "/del")
@Transactional
public Map<String, Object> del(HttpServletRequest request) {
service.delete(service.readQuery(request), service.readConfig(request));
return success(1);
}
@Transactional
public void delete(Map<String,String> query,Map<String,String> config){
StringBuffer sql = new StringBuffer("DELETE FROM ").append("`").append(table).append("`").append(" ");
sql.append(toWhereSql(query, "0".equals(config.get(FindConfig.GROUP_BY))));
log.info("[{}] - 删除操作:{}",table,sql);
Query query1 = runCountSql(sql.toString());
query1.executeUpdate();
}
5系统测试
系统开发到了最后一个阶段那就是系统测试,系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美,再厉害的系统开发工程师也会在系统开发的时候出现纰漏,系统测试能够较好的改正一些bug,为后期系统的维护性提供很好的支持。通过系统测试,开发人员也可以建立自己对系统的信心,为后期的系统版本的跟新提供支持。
系统测试包括:用户登录功能测试、展品信息展示功能测试、展品信息添加、展品信息搜索、密码修改功能测试,如表5-1、5-2、5-3、5-4、5-5所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
展品信息查看功能测试:
表5-2 展品信息查看功能测试表
用例名称 | 展品信息查看 |
目的 | 测试展品信息查看功能 |
前提 | 用户登录 |
测试流程 | 点击展品信息列表 |
预期结果 | 可以查看到所有展品信息信息 |
实际结果 | 实际结果与预期结果一致 |
管理员添加展品信息界面测试:
表5-3 管理员添加展品信息界面测试表
用例名称 | 展品信息发布测试用例 |
目的 | 测试展品信息发布功能 |
前提 | 用户正常登录情况下 |
测试流程 | 1)点击展品信息信息管理就,然后点击添加后并填写信息。 2)点击进行提交。 |
预期结果 | 提交以后,页面首页会显示新的展品信息信息 |
实际结果 | 实际结果与预期结果一致 |
展品信息搜索功能测试:
表5-4展品信息搜索功能测试表
用例名称 | 展品信息搜索测试 |
目的 | 测试展品信息搜索功能 |
前提 | 无 |
测试流程 | 1)在搜索框填入搜索关键字。 2)点击搜索按钮。 |
预期结果 | 页面显示包含有搜索关键字的展品信息 |
实际结果 | 实际结果与预期结果一致 |
密码修改功能测试:
表5-5 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试管理员密码修改功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员密码修改并完成填写。 2)点击进行提交。 |
预期结果 | 使用新的密码可以登录 |
实际结果 | 实际结果与预期结果一致 |
通过编写博物馆导览小程序的测试用例,已经检测完毕用户登录模块、展品信息查看模块、展品信息添加模块、展品信息搜索模块、密码修改功能测试,通过这5大模块为博物馆导览小程序 的后期推广运营提供了强力的技术支撑。
至此,博物馆导览小程序已经结束,在开发前做了许多的准备,在本系统的设计和开发过程中阅览和学习了许多文献资料,从中我也收获了很多宝贵的方法和设计思路,对系统的开发也起到了很重要的作用,系统的开发技术选用的都是自己比较熟悉的,比如Web、springboot技术、MYSQL,这些技术都是在以前的学习中学到了,其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验,其实对于我们来说工作量还是比较大的,但是正是由于之前的积累与准备,才能顺利的完成这个项目,由此看来,积累经验跟做好准备是十分重要的事情。
当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助,正是因为他们的指导与帮助,我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西,此系统也有需要改进的地方,但是由于专业知识的浅薄,并不能做到十分完美,希望以后有机会可以让其真正的投入到使用之中。
[1]郑戟明,董云朝,柳青.MySQL数据库数据导入导出方法的探讨[J].电脑知识与技术,2022,18(22):24-25.DOI:10.14004/j.cnki.ckt.2022.1517.
[2]向昌盛. 基于微信小程序的图书馆座位预约系统的设计[J]. 国际计算机科学进展,2022,2(1).
[3]邱敏.疫情防控常态化背景下MySQL数据库课程混合式教学模式探究[J].电脑知识与技术,2022,18(18):144-145+177.DOI:10.14004/j.cnki.ckt.2022.1061.
[4]徐小卫,杨文超.基于MySQL的科研信息管理系统数据库设计[J].信息与电脑(理论版),2022,34(11):167-169+183.
[5]王景.基于MySQL的数据库查询性能优化技术研究[J].电脑与电信,2022(06):90-93.DOI:10.15966/j.cnki.dnydx.2022.06.007.
[6]王炜,陶章成,喻铃华,苗迪,于维杰,王宇航. 一种基于springboot框架的轻量化交通仿真系统[P]. 江苏省:CN114417567A,2022-04-29.
[7]王曼维,杨荻,李岩,及松洁.基于SpringBoot框架的智慧医疗问诊系统设计与实现[J].中国医学装备,2022,19(03):133-136.
[8]刘在英,杨磊. 一种基于SpringBoot框架的企业进存销系统的设计方法[P]. 山东省:CN114003204A,2022-02-01.
[9]刘朋璋,黄薇,高江源.基于微信小程序的博物馆导览系统设计与研究——以石家庄市博物馆为例[J].文物鉴定与鉴赏,2021(21):129-131.
[10]喻佳,吴丹新.基于SpringBoot的Web快速开发框架[J].电脑编程技巧与维护,2021(09):31-33.DOI:10.16184/j.cnki.comprg.2021.09.013.
[11]常福银,黄亦工,刘明星,于京京. 疫情防控常态化下自助游览中国园林博物馆新体验——园博馆官方导览小程序[C]//.数字技术拓展博物馆服务——2021年北京数字博物馆研讨会论文集.,2021:204-212.DOI:10.26914/c.cnkihy.2021.064735.
[12]黄倩雯. 基于可供性视角下的江西省博物馆导览APP交互设计研究[D].江西财经大学,2021.DOI:10.27175/d.cnki.gjxcu.2021.001017.
[13]王超,张琪立,田广强,李晶晶.基于Springboot框架的学校机房计费管理系统的设计与实现[J].电子技术与软件工程,2020(23):159-160.
[14]Witsarut Sriratana,Vittaya Khagwian,Sutham Satthamsakul. Analysis of Electric Current by Using MySQL Database on Web Server for Machine Performance Evaluation: A Case Study of Air Conditioning System[J]. 제어로봇시스템학회 국제학술대회 논문집,2020.
[15]张晓雅.基于微信小程序的晋祠博物馆导览系统设计研究[J].工业设计,2020(09):99-100.
[16]. Information Technology - Data Management; Data on Data Management Reported by Researchers at Port Said University (Performance Evaluation of Iot Data Management Using Mongodb Versus Mysql Databases In Different Cloud Environments)[J]. Computer Technology Journal,2020.
[17]郑靖雅,司徒瑞婷,马笑晗,刘绿芬,俞奇娟.基于用户研究的博物馆导览系统设计——以广东省博物馆为例[J].大众文艺,2020(06):92-93.
[18]赵敏婷,周炜婕.博物馆微信导览小程序的发展策略探析——以“玩转故宫”2为例[J].出版广角,2019(19):69-71.DOI:10.16491/j.cnki.cn45-1216/g2.2019.19.021.
致 谢
逝者如斯夫,不舍昼夜。转眼间,大用户用户活便已经接近尾声,人面对着离别与结束,总是充满着不舍与茫然,我亦如此,仍记得那年秋天,我迫不及待的提前一天到了学校,面对学校巍峨的大门,我心里充满了期待:这里,就是我新生活的起点吗?那天,阳光明媚,学校的欢迎仪式很热烈,我面对着一个个对着我微笑的同学,仿佛一缕缕阳光透过胸口照进了我心里,同时,在那天我认识可爱的室友,我们携手共同度过了这难忘的两年。如今,我望着这篇论文的致谢,不禁又要问自己:现在,我们就要说再见了吗?
感慨莫名,不知所言。遥想当初刚来学校的时候,心里总是想着工科学校会过于板正,会缺乏一些柔情,当时心里甚至有一点点排斥,但是随着我对学校的慢慢认识与了解,我才认识到了她的美丽,她的柔情,并且慢慢的喜欢上了这个校园,但是时间太快了,快到我还没有好好体会她的美丽便要离开了,但是她带给我的回忆,永远不会离开我,也许真正离开那天我的眼里会满含泪水,我不是因为难过,我只是想将她的样子映在我的泪水里,刻在我的心里。最后,感谢我的老师们,是你们教授了我们知识与做人的道理;感谢我的室友们,是你们陪伴了我如此之久;感谢每位关心与支持我的人。
少年,追风赶月莫停留,平荒尽处是春山。
点赞+收藏+关注 → 私信领取本源代码、数据库