基于微信小程序的大学生校史馆小程序设计与实现

💗博主介绍:✌全网粉丝15W+,CSDN全栈领域优质创作者,博客之星、掘金/知乎/b站/华为云/阿里云等平台优质作者、专注于Java、小程序/APP、python、大数据等技术领域和毕业项目实战,以及程序定制化开发、文档编写、答疑辅导等。
👇🏻 精彩专栏 推荐订阅👇🏻
计算机毕业设计精品项目案例(持续更新)
🌟文末获取源码+数据库+文档🌟
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以和学长沟通,希望帮助更多的人

一.前言

在这里插入图片描述

随着数字化时代的到来,大学校史馆作为传承校园文化、展示历史变迁的重要载体,正面临着展示形式单一、互动体验不足的挑战。为了创新校史文化传播方式,提升师生及访客对校园历史的兴趣与认知,本研究旨在开发一款大学校史馆微信小程序,通过数字化手段融合多媒体展示、互动体验与个性化服务,让校史文化触手可及,促进校园文化的传承与创新发展,同时由于广大用户对网络技术的需求也日益高涨,于是信息技术也需要继续开展全新的改革以满足时代的需求。根据此问题,研发一套大学校史馆微信小程,既能够大大提高信息的检索、变更与维护的工作效率,也能够方便微信小程序的管理运用,从而减少信息管理成本,提高效率。

该大学校史馆微信小程采用小程序、SpringBoot架构技术,前端以小程序页面呈现给用户,结合后台java语言使页面更加完善,后台使用MySQL数据库进行数据存储。该微信小程序主要设计并完成了管理过程中的用户注册登录、校史信息、展厅信息、藏品信息、公告资讯等功能。该微信小程序操作简便,界面设计简洁,不但可以基本满足本行业的日常管理工作,同时又可以有效减少人员成本和时间成本,为大学校史馆管理工作提供了方便。


二.技术环境

jdk版本:1.8 及以上
ide工具:Eclipse或者 IDEA,微信小程序开发工具
数据库: mysql5.7 (必须5.7)
编程语言: Java
java框架:SpringBoot
maven: 3.6.1
详细技术:HTML+CSS+JAVA+SpringBoot+MYSQL+VUE+MAVEN+微信开发工具


三.功能设计

大学校史馆微信小程综合网络空间开发设计要求。目的是将大学校史馆通过网络平台将传统管理方式转换为在网上操作,方便快捷、安全性高、交易规范做了保障,目标明确。大学校史馆微信小程可以将功能划分为用户和管理员功能。
(1)用户关键功能包含首页、校史信息、展厅信息、藏品信息、公告资讯、社区交流、我的等有关功能。用户用例如下:
在这里插入图片描述
(2)管理员的权限是最高的,可以对系统所在功能进行查看,修改和删除等,管理员用例如下:
在这里插入图片描述
程序上交给用户进行使用时,需要提供程序的操作流程图,这样便于用户容易理解程序的具体工作步骤,现如今程序的操作流程都有一个大致的标准,即先通过登录页面提交登录数据,通过程序验证正确之后,用户才能在程序功能操作区页面操作对应的功能。
在这里插入图片描述

四.数据设计

数据库概念模型的设计是为了抽象真实世界的信息,并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。而且Mysql数据库是自我保护能力比较强的数据库,限于篇幅要求,仅列出关键部分实体属性图和E-R图,如下所述。
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

五.部分效果展示

5.1用户微信端功能实现效果

当游客打开微信小程序的网址后,首先看到的就是微信小程序首页界面。在这里,游客能够看到大学校史馆微信小程的导航条显示首页、校史信息、展厅信息、藏品信息、公告资讯、社区交流、我的等,如图所示。
在这里插入图片描述

用户登录,用户在登录页面通过填写账号、密码,完成登录,如图所示。
在这里插入图片描述

用户点击展厅信息,在展厅信息页面的搜索栏输入展厅号,进行搜索,然后可以查看展厅号、展厅图片、展厅位置、展厅面积、容纳人数、评论数、收藏数等信息,还可以进行收藏或者评论等操作,如图所示。
在这里插入图片描述
用户点击藏品信息,在藏品信息页面的搜索栏输入藏品名称,进行搜索,然后可以查看展厅号、藏品编号、藏品名称、藏品分类、图片、朝代、评论数、收藏数等信息,点击进行收藏或者收藏等操作,如图所示。
在这里插入图片描述

用户点击我的页面,在我的页面可以对我的收藏、我要发帖、我的发帖、意见反馈、修改密码,进行详情操作,如图所示。

在这里插入图片描述

5.2管理员服务端功能实现效果

管理员登录,在登录页面选择需要登录的角色,在正确输入用户名和密码后,点击登录操作;如图所示。
在这里插入图片描述

管理员进入系统主页面,主要功能包括对系统首页、个人中心、用户管理、校史信息管理、展厅号管理、藏品分类管理、展厅信息管理、藏品信息管理、社交交流、意见反馈、系统管理等进行操作。

在校史信息的输入栏中输入校史名称进行查询,可以查看到校史信息详细信息,并根据需要进行修改或者删除等操作。如图所示。
在这里插入图片描述
管理员点击展厅号管理,在展厅号管理页面的输入展厅号等信息,进行查询、添加或者删除展厅号等操作,如图所示。
在这里插入图片描述
管理员点击展厅信息管理,在展厅信息管理页面的对展厅号、展厅图片、展厅位置、展厅面积、容纳人数、评论数、收藏数等信息,进行查询、添加或者删除展厅信息等操作,如图所示。
在这里插入图片描述

管理员点击藏品信息管理,在藏品信息管理页面的对展厅号、藏品编号、藏品名称、藏品分类、图片、朝代、评论数、收藏数等信息,进行查询或者删除藏品信息等操作,如图所示。
在这里插入图片描述

管理员点击社区交流,在社区交流页面的对帖子标题、用户名、状态、是否置顶、置顶时间等信息,进行查询或者删除社区交流等操作,如图所示。

在这里插入图片描述

管理员点击意见反馈,在意见反馈页面的对用户名、留言内容、留言图片、回复内容、回复图片等信息,进行查询或者删除意见反馈等操作,如图所示。
在这里插入图片描述

部分功能代码

	/**
	 * 上传文件
	 */
	@RequestMapping("/upload")
    @IgnoreAuth
	public R upload(@RequestParam("file") MultipartFile file,String type) throws Exception {
		if (file.isEmpty()) {
			throw new EIException("上传文件不能为空");
		}
		String fileExt = file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf(".")+1);
		File path = new File(ResourceUtils.getURL("classpath:static").getPath());
		if(!path.exists()) {
		    path = new File("");
		}
		File upload = new File(path.getAbsolutePath(),"/upload/");
		if(!upload.exists()) {
		    upload.mkdirs();
		}
		String fileName = new Date().getTime()+"."+fileExt;
        if(StringUtils.isNotBlank(type) && type.contains("_template")) {
            fileName = type + "."+fileExt;
            new File(upload.getAbsolutePath()+"/"+fileName).deleteOnExit();
        }
		File dest = new File(upload.getAbsolutePath()+"/"+fileName);
		file.transferTo(dest);
		if(StringUtils.isNotBlank(type) && type.equals("1")) {
			ConfigEntity configEntity = configService.selectOne(new EntityWrapper<ConfigEntity>().eq("name", "faceFile"));
			if(configEntity==null) {
				configEntity = new ConfigEntity();
				configEntity.setName("faceFile");
				configEntity.setValue(fileName);
			} else {
				configEntity.setValue(fileName);
			}
			configService.insertOrUpdate(configEntity);
		}
		return R.ok().put("file", fileName);
	}

	/**
	 * 登录
	 */
	@IgnoreAuth
	@RequestMapping(value = "/login")
	public R login(String username, String password, String captcha, HttpServletRequest request) {
		UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
		if(user==null || !user.getPassword().equals(password)) {
			return R.error("账号或密码不正确");
		}
		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
		return R.ok().put("token", token);
	}
	
	/**
	 * 注册
	 */
	@IgnoreAuth
	@PostMapping(value = "/register")
	public R register(@RequestBody UsersEntity user){
//    	ValidatorUtils.validateEntity(user);
    	if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
    		return R.error("用户已存在");
    	}
        userService.insert(user);
        return R.ok();
    }

源码及文档获取

文章下方名片联系我即可~
大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻
精彩专栏推荐订阅:在下方专栏👇🏻

最新计算机毕业设计选题篇-选题推荐
小程序毕业设计精品项目案例-200套
Java毕业设计精品项目案例-200套
Python毕业设计精品项目案例-200套
大数据毕业设计精品项目案例-200套
💟💟如果大家有任何疑虑,欢迎在下方位置详细交流。

  • 29
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一点毕设

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值