admin 管理员组文章数量: 1087139
2024年3月19日发(作者：route删除路由命令)
第11期
2023年6月
无线互联科技
WirelessInternetTechnology
No.11
June,2023
基于微信小程序的掌上云端博物馆系统设计与研究
张 涛,罗雅过,魏武华,贺少炫
(西安文理学院,陕西
西安
710065)
摘要:针对互联网传播文物文化和满足人民的精神物质需求,以西安博物馆为例,文章推出了掌上云
端博物馆小程序。小程序采用VR技术,实现实景虚拟功能,让用户产生身临其境的感觉。小程序利
用3D技术展示藏品,每个类型的文物配有视频讲解和语音播放功能,让用户方便了解藏品的历史、文
物价值。每个藏品下,有点赞评论功能,方便用户留言评论。小程序还具有线上订票以及在线购买博
物馆纪念品、文旅产品等功能。文章重点对小程序的功能、前后端技术、系统概要设计、数据库主要表的
设计以及系统的实现做了详细介绍。程序运行稳定,能够满足人民对文物认识和学习的精神文化需求。
关键词:掌上云端博物馆;VR;3D展示;线上订票
中图分类号:
TP311 文献标志码:A
0 引言
近年来,小程序飞速发展。根据阿拉丁研究院发
布的《2022年小程序互联网发展白皮书》数据统计,
截至2022年年末,互联网小程序数量已经超过了780
万,其中微信小程序开发者更是超过300万,小程序
日活跃用户数量(Daily
ActiveUse,DAU)已经超8
亿,人均每日使用次数超过12次
[1
-
2]
,而公众更是养
成了使用小程序的习惯。本文针对互联网传播文物
文化和满足人民的精神物质需求,以西安博物馆为
例,推出了掌上云端博物馆(以下简称“掌馆”)小程
序。该小程序不仅可以让用户足不出户就能探索历
史文物的价值与魅力,给游客带来方便,还可以在疫
情形势缓解后减少旅游人流量大的压力,给予博物院
一种全新的宣传渠道、参观方式,使得这些文物发挥
出应有的价值。
1 掌上云端博物馆系统技术架构
1.1 整体技术架构
微信小程序前端与后端的交互选择Gin框架,交
互协议为HTTP,系统中需要保存大量的用户数据,且
这些用户数据是互相关联的,所以采用JSON数据库
以合适的方式将这些用户数据组织起来,并进行存储
和查询。后端的数据库通过Gorm交互,便于开发和
后期维护。此外,还有大量的静态资源,例如3D资
源、贴图、图标等,可以通过Minio对象存储服务进行
存储与获取。整个系统的架构实际上还是Web应
用,小程序通过微信小程序API发送HTTP请求,与
后端交互,进行操作或者获取相应的资源。整个微信
小程序的系统结构如图1所示。
图1 系统整体框架
此小程序系统总体的开发流程为:用户操作微信
小程序显示的组件触发绑定的相应函数,小程序根据
函数的逻辑进行页面之间的跳转,或调用相对应的微
信API发送网络请求到后端服务器相应的路由,后端
服务器监听并接收请求,触发Handler函数,并从网络
请求解析出前端发来的命令数据,后端服务器的业务
逻辑函数根据不同命令对数据库进行查询或修改操
作,然后将数据库返回的结果序列化成JSON并打包
到响应,返回给前端小程序。小程序接收到响应后,
依据响应的数据驱动微信小程序视图层进行页面渲
基金项目:2022年陕西省大学生创新创业训练计划项目;项目编号:S2。
作者简介:张涛(2001—
),女,湖南郴州人,本科;研究方向:计算机应用技术。
Copyright©博看网. All Rights Reserved.
—80—
第11期
2023年6月无线互联科技·软件开发
No.11
June,2023
染。通过以上流程,界面即可显示用户所需信息
[3]
。
1.2 系统前端技术概述
小程序依靠微信平台,使用微信提供的标准组
件,主要负责前端界面的显示以及程序与用户之间的
交互。在页面显示的设计上,为了实现快速开发,并
保持界面的风格统一,本项目在WeUI样式库、iView
组件库以及EChart图表库的基础上进行前端页面的
开发
[4]
。
1.3 系统后端技术概述
服务器在接收到前端微信小程序发送的业务请
求后,经过Gin框架自动识别网络请求的头尾数据
包,解析出请求的详细参数,依据对应业务的具体逻
辑向数据库发出查询或修改命令,并对数据库中的关
联表进行查询、添加或更新操作。之后将数据库返回的
数据,重新打包为JSON格式,通过Gin框架再次处理,添
加网络传输相应的头尾数据包,发回前端小程序。
1.4 设计分析与研究
图2 管理员
微信小程序带给用户很多便捷性。第一,与App
相比,微信小程序下载和安装的步骤省略,在使用时
页面简洁,使用后可关闭,提升了用户体验感。第二,
开发小程序比传统的微信应用程序和平台更加简易,
成本效益也更高,节省了人力和财力资源。第三,小
程序不需要在手机上下载安装包,且不占用手机的内
存空间。第四,互联网的应用目前包括教育、旅游、交
通、媒体等诸多方面,未来将为大多数用户开发越来
越丰富的应用程序。第五,小程序的通信协议采用
HTTPS协议,这提高了用户的使用安全性
[5]
。
从跳一跳小游戏、拼多多购物再到线下消费,小
程序已经完全融入人们的日常生活。本文也是以微
信小程序为载体,设计与开发了线上云端博物馆,针
对西安博物馆,通过掌馆小程序使用VR技术实现线
上身临其境的感受,用3D技术更细致地观摩文物,语
音播放能更轻松地了解文物历史文化,技术成熟的同
时也能帮助更多人了解文物。
图3 用户
2 掌上云端博物馆系统分析
2.1 管理员角色
管理员通过登录掌馆后台管理的账号,直接对系
统进行管理,并且对系统内的一系列数据进行操作,
便于对展品的更新和维护。具体如图2所示。
2.2 用户角色
用户通过登录掌馆账户,进行系统的使用,可以
对基本信息进行修改与更新。具体如图3所示。
3 掌上云端博物馆系统的设计与实现
3.1 系统总体功能设计
掌管小程序的系统功能模块主要由管理员与用
户组成,管理员可以进行用户管理、展品信息管理、订
单信息管理以及博物馆管理。用户可以进行登录管
理、信息管理、订单管理以及相关博物馆信息管理。
具体信息如图4所示的系统功能模块。
3.1.1 主界面功能
打开掌馆小程序,首先进入“首页”界面,该页面
底部有“首页”“发现”“我的”3个主题。顶部是一个
登录/注册功能需求,用户点击头像或者文字按钮即
可进行登录,在弹出的窗口完成登录后,再次点击头
像或者用户名即可对用户资料进行编辑。底下还可
以显示账户余额和会员剩余天数。
Copyright©博看网. All Rights Reserved.
—81—
第11期
2023年6月无线互联科技·软件开发
No.11
June,2023
图4 系统功能模块
3.1.2 发现功能
权限;或者通过订阅会员且在订阅期内解锁所有文物
在发现页中,有“看文物”“游展馆”“去茶楼”3
的3D预览权限,在3D预览页面,可以拖动、放大更
个按钮可以点击,每个按钮分别有着不同的功能。改角度以观察更多的细节
[6
-
7]
。
“发现”页中有每日推荐内容,点击对应的图标可进3.2 数据库设计
入功能页。在“看文物”页面中,用户可浏览系统推
数据库里主要有用户表、管理员表、展品表、订单
送的文物缩略图以及文物名,也可根据喜好进行浏表等多张数据库表,这里重点介绍管理员表和展
览,同时支持搜索文物或分类搜索只支持3D预览的品表。
文物。点击对应的文物后可进入详情页,浏览文物的
3.2.1 管理员表
详细信息。向上拖动可以看到完整的文物介绍,包括
管理员表用于保存用户对小程序平台操作的信
文物名、文物形状描述、文物背景等,左右滑动可以预息,其中包括登录账号、登录密码、订单管理、展品管
览更多图片。点击右边的3D按钮即可进入3D预理、博物馆管理等。
览,用户可以选择单次购买以解锁此文物的3D预览
表1 管理员
ADMIN_NUMBER
EXHIBITS_MANAGE
MUSEUM_MANAGE
ORDER_MANAGE
ADMIN_PAD
ADMIN_ID
列名
varchar(20)
数据类型
Int(20)
约束
非空
非空
非空
非空
非空
空
管理员ID
登录账号
登录密码
订单管理
博物馆管理
展品管理
描述备注
主键
外键
外键
外键
外键
外键
varchar(20)
varchar(50)
varchar(50)
varchar(50)
3.2.2 展品表
展品表把小程序平台的展品信息保存起来,展品
EXHIBITS_ID
列名数据类型
varchar(20)
的名称是主键,并分别列出了展品的编号、分类、图片
以及名称。
约束
非空
非空
非空
非空
描述备注
主键
外键
外键
外键
表2 展品
展品编号
展品分类
展品图片
展品名称
EXHIBITS_IMAGE
EXHIBITS_NAME
EXHIBITS_TITLE
int(20)
varchar(20)
varchar(20)
Copyright©博看网. All Rights Reserved.
—82—
第11期
2023年6月无线互联科技·软件开发
No.11
June,2023
3.3 系统实现
在掌馆小程序中,用户可以进入程序进行登录注
册,可使用微信用户信息授权“一键登录”。登录后
可以对个人信息进行修改与更新;还可以在“发现”
页面“看文物”“游展馆”以及“去茶楼”;在线浏览、观
看西安博物馆的馆藏文物;通过3D技术,全方位、立
体地观看历史文物;通过短视频、语音介绍了解更多
的文物历史和价值,从而增强文物保护意识。
4 结语
当下科技快速进步,互联网技术的应用也越发广
泛和深入,博物馆同样应该趁着“互联网
+
”这波潮
流,突破传统服务和实体空间的局限,进行大刀阔斧
的线上化变革,结合最新的展示技术推动历史文化传
播,开创全新的局面,重新定义博物馆的内部管理和
功能服务,满足观众多样化、趣味性、沉浸式、交互式、
全场景的参观体验需求。本文主要介绍了掌管小程
序的技术架构、主要系统功能结构、数据库等关键技
术。掌馆小程序的开发满足了当代人的快餐式生活
方式,丰富了人们的生活,增加了人们对历史文物的
了解,增强了人们的文物保护意识,起到了对文物的
宣传作用。
参考文献
[1]中国互联网络信息中心.第49次《中国互联网络发
展状况统计报告》[EB/OL].(2022
-
02
-
25)[2023
-
04
-
19]./item/%E7%AC%
AC49%E6%AC%A1%E3%80%8A%E4%B8%AD%
E5%9B%BD%E4%BA%92%E8%81%94%E7%BD%
91%E7%BB%9C%E5%8F%91%E5%B1%95%E7%
8A%B6%E5%86%B5%E7%BB%9F%E8%AE%A1%
E6%8A%A5%E5%91%8A%E3%80%8B/60172809?
fr
=
ge_ala.
[2]阿拉丁研究院.2021年小程序互联网发展白皮书
[EB/OL].(2022
-
01
-
17)[2023
-
04
-
19].
/it/.
[3]邱睿.基于微信小程序的家校通系统开发与实现
[D].上海:上海师范大学,2019.
[4]王婷婷.微信小程序开发[J].信息技术与信息
化,2018(12):62
-
63.
[5]郝晓波.基于微信小程序信用卡管理系统的设计
与实现[D].太原:太原理工大学,2022.
[6]张喜贺.线上博物馆数字化空间生产实践研究
[D].沈阳:辽宁大学,2020.
[7]孙路玲.微信小程序的场景应用研究[D].长沙:
湖南师范大学,2021.
(编辑 沈 强)
DesignandresearchofthepalmcloudmuseumsystembasedonWeChatapplet
ZhangTao LuoYaguo WeiWuhua HeShaoxuan
Xi
版权声明：本文标题：基于微信小程序的掌上云端博物馆系统设计与研究 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1710810802a574301.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
更多相关文章
*srv.exe蠕虫病毒打开exe程序弹浏览器窗体的解决方案
– 问题描述 系统电脑中了蠕虫病毒后， 1、exe文件运行后，同目录下会出现一个原名 srv.exe的文件 2、exe文件运行后会把浏览器打开 解决方案： 手动修改文
从Windows系统服务获取活动用户的注册表信息
首先，对“活动用户”的定义是，当前拥有桌面的用户。对于Windows XP及其以后的系统，即使是可以多个用户同时登录了，拥有桌面的也仅仅只有一个。如
windows系统如何定时停止某个程序（进程）
1、可以使用taskkill命令来实现，taskkill f im iexplore.exe f 指定将强制终止的进程。对于远程进程可忽略此参数，所有远程进程都将被强制终止im i
C语言Windows图形界面程序学习（一）
第一课——Hello，world 新建程序开始编写代码Hello，world运行结果如下拓展源代码：运行结果本次实验是在vc6平台下实现的，弹出对话框——Hello，world 新建程序 新建一个工程 选择“一个简单的Win32程序” 转移
win10上打包的qt程序放到win7上打不开的解决方法
https:wwwblogsesther711p15089026.html
关于Windows系统白名单程序（自动提权autoElevate）
参考资料： https:technet.microsoftzh-cnmagazine2009.07.uac.aspx http:withinwindowsblog20090205list-of-windows-7
【解决方法】windows7出现无法定位程序输入点ucrtbase.terminate于动态链接库api-ms-win-crt-runtime-|1-1-0.dll
1.打个补丁，把windows7升到sp1 2.安装microsoft framework 4.6.2 3.打补丁KB2999226(360提示的)
浏览器运行java的方法_通过浏览器运行java程序的两种方法
方法一：Applet技术 现在有一个application，要把它转换成Applet。 首先，用eclipse打开这个项目。 然后找到要改的java类，
h5各种定位方式(浏览器，公众号，小程序，App)
h5各种定位方式(浏览器，公众号，小程序，App) html5 geolocation 获取地理定位遇到 POSITION_UNAVAILABLE 不管是原生iOS APP嵌入单个h5页面，还是都是h5页面的webapp也好，只要涉及到
计算机用户锁定无法登陆,win7引用的账户当前已锁定 且可能无法登陆怎么办怎么办-win7账户被锁定,win7解除锁定账户...
win7显示引用的帐户当前已锁定，且可能无法登录。原因是因为系统环境变量出错，修改一下即可完成操作。 以Windows7操作为例： 1、首先需要打开电脑的控制面板的zhida
windows 服务器 怎么部署python 程序
一、要在 Windows 服务器上部署 Python 程序，您需要遵循以下步骤： 安装 Python：首先，在 Windows 服务器上安装 Pytho
win10下如何安装及使用 debug 程序
1、下载DOSBox和debug.exe DOSBox： DOSBox 官网点击 Downloads 就会自动下载，保存即可。 debug.exe： 这里推荐一个
bat程序实现一步打开浏览器地址
创建一个bat程序，编辑内容： echo offstart "浏览器路径" "需要打开的网址"
txt pdf 等浏览器不直接打开下载程序
$sava_nameuploadfile2014072620140726114913835.txt; header("Content-Type: applicationforce-download"); h
Ubuntn设置程序开机启动 指定浏览器
setp1：设置jar开机启动（非服务启动方式） 1、新建启动脚本 auto-start.sh （并基于权限命令： sudo c
qt环境程序中通过QProcess启动进程的方式启动windows系统自带的画图程序中遇到的错误
qt环境程序中通过QProcess启动进程的方式启动windows系统自带的画图程序中遇到的错误： 通过命令启动画图程序，传给画图程序的路径参数要用双引号包含在里面，否则会出
Windows查看登录用户会话
如果您想知道如何找出当前登录到Microsoft Windows 10计算机的人员，可以采用几种方法进行操作。您可以从远程计算机使用这些常见方法，也可以登录到要查询的本地计算机。 whoami命
Android调用系统内部的下载程序
转自：http:blog.csdnwhyrjj3articledetails8000740 在android2.3以前要调用系统内部的下载程序进行下载，是没法直接调用调用的&#
Windows7任务栏程序找不到历史记录
Windows7下，用户账户登录，任务栏右击程序名称，弹出的菜单中找不到历史记录检查此目录下是否有大于1M的文件，如果有，那
Windows下把EXE 程序变成服务运行
做了一个项目，需要Redis，就把Redis.exe做成服务，不用每次开机都启动。 1、我们需要srvany.exe，instsrv.exe两个文件&
发表评论