admin 管理员组

文章数量: 1087821


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

本文标签: 程序 用户 文物 进行

更多相关文章

【微信跳转接口】微信引导用户右上角打开浏览器,访问APP下载链接

4月前

先给大家看效果图&#xff1a; demo源代码下载&#xff1a; https:download.csdndownloadqq1557796911996508 直接上代码&#xff1a;  <!D

计算机应用程序没声音,电脑没有声音怎么办,五个步骤解决电脑没声音

4月前

电脑没有声音、电脑没有声音怎么办、为什么电脑没有声音、电脑没有声音了&#xff1b; 介于造成电脑没有声音的原因多种多样&#xff0c;本文只针对系统故障和硬件驱动对该问题进行分析探讨&#xff0c;在进行下述步骤操

C语言Windows图形界面程序学习(一)

4月前

第一课——Hello,world 新建程序开始编写代码Hello,world运行结果如下拓展源代码:运行结果本次实验是在vc6平台下实现的,弹出对话框——Hello,world 新建程序 新建一个工程 选择“一个简单的Win32程序” 转移

Win7所有用户都被禁用怎么办?Win7所有用户都被禁用解决方法

4月前

我们都知道Win7系统中可以建立多个账户来进行不同的登录使用,十分的方便,但是有的用户建立了多个账户,却发现所有的账号都被禁用,那遇到这个问题应该怎么解决呢,下面就为小伙伴们带来所有用户被禁用解决方法。 Win7账户被禁用解决方法 1、先重

win10上打包的qt程序放到win7上打不开的解决方法

4月前

https:wwwblogsesther711p15089026.html

Windows系统用户目录Users迁移教程

4月前

需求背景 程序开发用电脑&#xff0c;系统盘容易爆红&#xff0c;一般是因为用户目录Users体积过大&#xff0c;AppData存放过多开发工具插件、运行时文件导致&#xff0c;在不确定该如何清理

国产系统银河麒麟(龙芯MIPS)远程访问自研windows程序

4月前

前置工作&#xff1a; 在桌面空白处右键&#xff0c;选择在终端中打开 执行命令&#xff1a;1、 sudo apt install rdesktop 回车2、出现[YN],输入“y”回车 如果提

怎么在wpf程序中打开一个web浏览器页面呢?一个控件(WebBrowser)帮助你

4月前

如何在WPF程序中打开一个Web页面 在WPF应用程序中&#xff0c;有时我们需要嵌入一个浏览器控件以直接在应用中显示网页内容。本文将详细介绍如何在WPF程序中打开一个Web页面&#xff0c;并展示各种细节。 前言

windows10_x64系统打开office2016报错:当前系统配置无法打开此程序

3月前

windows10_x64系统打开office2016报错&#xff1a;当前系统配置无法打开此程序 现象描述百度解决方法解决方法 现象描述 安装完打开word的时候报错&#xff0c;而且循环不停&#xff0c;

程序中通过IE或默认的浏览器打开指定的页面

3月前

1、通过调用ShellExecute()来打开网页 示例&#xff1a;CString strUrl_T(" http:www.google.hk");  HINSTANCE hIeResultSh

php查看用户是用微信内置浏览器访问还是支付宝内置浏览器

3月前

<?php#php判断微信还是支付宝if (strpos($_SERVER[HTTP_USER_AGENT], MicroMessenger)true) {$browser微信浏览器;} else if (strpos(

拼助理拼管家小程序无法查砍价记录了怎么办?

3月前

拼助理拼管家小程序无法查砍价记录了怎么办&#xff1f;拼助理拼管家最新下载方式&#xff1b;拼助理拼管家靠谱么&#xff1f;拼助理拼管家怎么查询拼多多砍价记录&#xff1f; 拼多多现在已经关

毕业论文-基于微信小程序的图书馆管理系统设计与实现

3月前

摘  要 在当今社会&#xff0c;互联网已经开始成为时代的主流&#xff0c;随着4G、5G等技术的蓬勃发展&#xff0c;人们的生活也越来越依赖网络技术。互联网移动服务也应运而生&#xff0c;它的出现

【Windows 问题系列第 16 篇】如何去除 Chrome 中的请停用以开发者模式运行的扩展程序

3月前

这是【Windows 问题系列第 16 篇】&#xff0c;如果觉得有用的话&#xff0c;欢迎关注专栏。 你是否遇到过这样的问题&#xff0c;每次登陆 Chrome 浏览器的时候&#xff0c;右上角总

windows修改默认登陆用户

3月前

要修改电脑默认登录用户&#xff0c;您可以按照以下步骤操作&#xff1a; 1. 点击电脑左下角的开始&#xff0c;点击运行&#xff1b; 2. 在输入框中输入gpedit.msc&#xff

解决“win7系统无法定位程序输入点 SetDefaultDllDirectories“问题

1月前

有时候在win7系统上&#xff0c;点击exe的时候&#xff0c;发现弹出"无法定位程序输入点 SetDefaultDllDirectories"错误&#xff0c;如图(1)所示&#

计算机删除内置用户,如何删除windows的内置账户,administrator

1月前

大概思路&#xff0c;首先需要建立一个具有管理员权限的账户&#xff0c;然后运行中输入命令lusrmgr.msc,进入计算机管理的本地用户和组&#xff0c;找到administrator,将其删除掉。 1.打开

怎么让计算机用户不注销登录,Windows7系统长时间不操作就自动注销如何解决

1月前

有windows7系统用户到本站反映说他的电脑长时间不操作就会自动注销&#xff0c;具体表现是打开电脑&#xff0c;然后出现登录界面&#xff0c;输入密码之后回车没有出现桌面&#xff0c;而是听到了注

Windows内核编程(二)-第一个内核程序

1月前

第一个内核程序 通过 Visual Studio新建工程 注意事项&#xff1a; 大部分widnows驱动程序都是内核驱动(Kernel Driver)&#xff0c;所以本笔记不分"驱动程序"与&

仅关闭屏幕显示,但不使电脑休眠的电脑自带程序

1月前

在电脑系统目录&#xff1a; C:WindowsSystem32 下&#xff0c;找到 scrnsave 应用程序&#xff0c;该程序可使电脑屏幕显示关闭。 对其创建快捷方式至桌面&#xff0c;双

发表评论

全部评论 0
暂无评论