基于微信小程序的校园导航小程序设计与实现

💗博主介绍：✌全网粉丝10W+,CSDN全栈领域优质创作者，博客之星、掘金/知乎/华为云/阿里云等平台优质作者。
👇🏻 精彩专栏 推荐订阅👇🏻
计算机毕业设计精品项目案例（持续更新）
🌟文末获取源码+数据库+文档🌟
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以和学长沟通，希望帮助更多的人

一.前言

相比于以前的传统手工管理方式，智能化的管理方式可以大幅降低学校的运营人员成本，实现了校园导航的标准化、制度化、程序化的管理，有效地防止了校园导航的随意管理，提高了信息的处理速度和精确度，能够及时、准确地查询和修正建筑速看等信息。
课题主要采用微信小程序、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+微信开发工具

---

三.功能设计

校园导航小程序综合网络空间开发设计要求。目的是将校园导航小程序通过网络平台将传统管理方式转换为在网上操作，方便快捷、安全性高、交易规范做了保障，目标明确。校园导航小程序可以将功能划分为学生用户和管理员功能。系统用例图如下所示：

本系统总体功能结构图如下所示：

程序上交给用户进行使用时，需要提供程序的操作流程图，这样便于用户容易理解程序的具体工作步骤，现如今程序的操作流程都有一个大致的标准，即先通过登录页面提交登录数据，通过程序验证正确之后，用户才能在程序功能操作区页面操作对应的功能。

四.数据设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。本系统主要实体属性图如下所示：

五.部分效果展示

5.1用户微信端实现效果

登录界面，首先双击打开微信小程序端系统，连上网络之后会显示出本系统的登录界面，这是进入小程序的第初始页面“登录”，能成功进入到该登录界面则代表小程序的开启是成功的，接下来就可以操作本系统所带有的其他所有的功能，如图所示。

系统首页是学生注册登录后进入的第一个界面，学生可通过小程序端首页进入对应的页面或者通过小程序最下面的那一行导航栏中的“首页、建筑速看、地图、校园公告、我的”，也可以点击“我的”进入我的页面，在我的页面可以对校园简介、我的收藏管理、留言咨询等进行详细操作，如图所示。

学生点击建筑速看，在建筑速看页面的搜索栏输入建筑名称，进行查询，还可以查看建筑名称、照片、楼层数、建筑面积、地点、建立时间、使用用途等详情，按照提示即可收藏等。如图所示。

学生点击地图，然后页面跳到地址搜索等详情，按照提示即可导航等操作。如图所示。

在我的功能界面，学生点击“我的”进入我的页面，在我的页面可以对校园简介、我的收藏管理、留言咨询等进行详细操作，如图所示。

5.2后台管理端实现效果

管理员的登陆界面包括管理员的账号、密码，其中就是已有的账号，还有需要注册的账号。只要管理员在账号上注册，注册信息就会被录入 MySQL数据库，有一个资料库，只要输入成功，就可以登陆，然后进入主页的管理。管理员登录界面如图所示。

管理员登录到校园导航微信小程序可以查看系统首页、个人中心、学生管理、校园简介管理、建筑速看管理、系统管理等功能进行详细操作，如图所示。

管理员点击学生管理；在学生管理页面输入学号、学生姓名、性别、头像、学生手机、年级、密保问题、密保答案等信息，进行查询，新增或删除学生信息等操作；如图所示。

管理员点击校园简介管理；在校园简介管理页面输入学校名称、封面、联系电话、联系人、学校类型、学校地址等信息，进行查询，新增或删除校园简介等操作；如图所示。

管理员点击建筑速看管理；在建筑速看管理页面输入建筑名称、照片、楼层数、建筑面积、地点、建立时间、使用用途等信息，进行查询或删除建筑速看等操作；如图所示。

管理员点击系统管理；在系统管理页面输入留言咨询、智能助手、关于我们、轮播图管理、系统简介、校园公告等信息，进行查询或删除系统信息等操作；如图所示。

部分功能代码

	
	/**
	 * 登录
	 */
	@IgnoreAuth
	@PostMapping(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
	@RequestMapping("/group/{tableName}/{columnName}")
	public R group(@PathVariable("tableName") String tableName, @PathVariable("columnName") String columnName) {
		Map<String, Object> params = new HashMap<String, Object>();
		params.put("table", tableName);
		params.put("column", columnName);
		List<Map<String, Object>> result = commonService.selectGroup(params);
		SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
		for(Map<String, Object> m : result) {
			for(String k : m.keySet()) {
				if(m.get(k) instanceof Date) {
					m.put(k, sdf.format((Date)m.get(k)));
				}
			}
		}
		return R.ok().put("data", result);
	}
	

最后

最新计算机毕业设计选题篇-选题推荐（值得收藏）
计算机毕业设计精品项目案例-200套（值得订阅）