devbox
小惠珠哦
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

免费分享一套微信小程序图书馆座位预约管理系统(SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】，帅呆了~~

作者：小惠珠哦 | 2024-07-29 00:05:56

赞

踩

免费分享一套微信小程序图书馆座位预约管理系统(SpringBoot后端+Vue管理端)【论文+源码+SQL脚本】，帅呆了~~

大家好，我是java1234_小锋老师，看到一个不错的微信小程序图书馆座位预约管理系统(SpringBoot后端+Vue管理端)，分享下哈。

项目介绍

随着移动互联网技术的飞速发展和智能设备的普及，图书馆服务模式正在经历深刻的变革。本论文旨在探讨如何利用微信小程序这一便捷高效的平台，开发一款针对高校图书馆的座位预约管理系统，以优化图书馆资源分配，提升学生和教师的学习与研究效率。

本文首先分析了当前高校图书馆座位管理中存在的问题，如座位空置率高、排队等候时间长、信息更新不及时等，这些问题严重影响了图书馆资源的有效利用和用户体验。随后，我们设计并实现了一款基于微信小程序的图书馆座位预约系统，该系统集成了座位查询、在线预约、自动释放、实时通知等功能，能够为用户提供全方位、个性化的座位服务。

系统采用微信小程序作为前端展示界面，用户通过简单的操作即可完成座位预约；后台服务器则负责处理数据存储、逻辑运算及与用户的交互。此外，系统还引入了位置感知技术和大数据分析，能够根据用户的历史行为和偏好推荐最佳座位，并预测高峰时段，帮助图书馆管理者进行资源调配。

实验结果表明，该系统能够显著减少座位浪费，提高图书馆空间利用率，同时极大地提升了用户的满意度和图书馆的服务水平。未来，我们将继续探索更多智能化的功能，如人脸识别签退、智能推荐系统等，以进一步提升图书馆座位管理系统的效率和用户体验。

系统展示

部分代码

  1.  
  2. package com.controller;
  3.  
  4.  
  5. import java.util.Arrays;
  6. import java.util.Calendar;
  7. import java.util.Date;
  8. import java.util.Map;
  9.  
  10. import javax.servlet.http.HttpServletRequest;
  11.  
  12. import org.springframework.beans.factory.annotation.Autowired;
  13. import org.springframework.stereotype.Controller;
  14. import org.springframework.web.bind.annotation.GetMapping;
  15. import org.springframework.web.bind.annotation.PathVariable;
  16. import org.springframework.web.bind.annotation.PostMapping;
  17. import org.springframework.web.bind.annotation.RequestBody;
  18. import org.springframework.web.bind.annotation.RequestMapping;
  19. import org.springframework.web.bind.annotation.RequestParam;
  20. import org.springframework.web.bind.annotation.ResponseBody;
  21. import org.springframework.web.bind.annotation.RestController;
  22.  
  23. import com.annotation.IgnoreAuth;
  24. import com.baomidou.mybatisplus.mapper.EntityWrapper;
  25. import com.entity.TokenEntity;
  26. import com.entity.UsersEntity;
  27. import com.service.TokenService;
  28. import com.service.UsersService;
  29. import com.utils.CommonUtil;
  30. import com.utils.MPUtil;
  31. import com.utils.PageUtils;
  32. import com.utils.R;
  33. import com.utils.ValidatorUtils;
  34.  
  35. /**
  36.  * 登录相关
  37.  */
  38. @RequestMapping("users")
  39. @RestController
  40. public class UsersController{
  41. 	
  42. 	@Autowired
  43. 	private UsersService userService;
  44. 	
  45. 	@Autowired
  46. 	private TokenService tokenService;
  47.  
  48. 	/**
  49. 	 * 登录
  50. 	 */
  51. 	@IgnoreAuth
  52. 	@PostMapping(value = "/login")
  53. 	public R login(String username, String password, String captcha, HttpServletRequest request) {
  54. 		UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
  55. 		if(user==null || !user.getPassword().equals(password)) {
  56. 			return R.error("账号或密码不正确");
  57. 		}
  58. 		String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
  59. 		return R.ok().put("token", token);
  60. 	}
  61. 	
  62. 	/**
  63. 	 * 注册
  64. 	 */
  65. 	@IgnoreAuth
  66. 	@PostMapping(value = "/register")
  67. 	public R register(@RequestBody UsersEntity user){
  68. //    	ValidatorUtils.validateEntity(user);
  69.     	if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
  70.     		return R.error("用户已存在");
  71.     	}
  72.         userService.insert(user);
  73.         return R.ok();
  74.     }
  75.  
  76. 	/**
  77. 	 * 退出
  78. 	 */
  79. 	@GetMapping(value = "logout")
  80. 	public R logout(HttpServletRequest request) {
  81. 		request.getSession().invalidate();
  82. 		return R.ok("退出成功");
  83. 	}
  84. 	
  85. 	/**
  86.      * 密码重置
  87.      */
  88.     @IgnoreAuth
  89. 	@RequestMapping(value = "/resetPass")
  90.     public R resetPass(String username, HttpServletRequest request){
  91.     	UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
  92.     	if(user==null) {
  93.     		return R.error("账号不存在");
  94.     	}
  95.     	user.setPassword("123456");
  96.         userService.update(user,null);
  97.         return R.ok("密码已重置为：123456");
  98.     }
  99. 	
  100. 	/**
  101.      * 列表
  102.      */
  103.     @RequestMapping("/page")
  104.     public R page(@RequestParam Map<String, Object> params,UsersEntity user){
  105.         EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
  106.     	PageUtils page = userService.queryPage(params, MPUtil.sort(MPUtil.between(MPUtil.allLike(ew, user), params), params));
  107.         return R.ok().put("data", page);
  108.     }
  109.  
  110. 	/**
  111.      * 列表
  112.      */
  113.     @RequestMapping("/list")
  114.     public R list( UsersEntity user){
  115.        	EntityWrapper<UsersEntity> ew = new EntityWrapper<UsersEntity>();
  116.       	ew.allEq(MPUtil.allEQMapPre( user, "user")); 
  117.         return R.ok().put("data", userService.selectListView(ew));
  118.     }
  119.  
  120.     /**
  121.      * 信息
  122.      */
  123.     @RequestMapping("/info/{id}")
  124.     public R info(@PathVariable("id") String id){
  125.         UsersEntity user = userService.selectById(id);
  126.         return R.ok().put("data", user);
  127.     }
  128.     
  129.     /**
  130.      * 获取用户的session用户信息
  131.      */
  132.     @RequestMapping("/session")
  133.     public R getCurrUser(HttpServletRequest request){
  134.     	Long id = (Long)request.getSession().getAttribute("userId");
  135.         UsersEntity user = userService.selectById(id);
  136.         return R.ok().put("data", user);
  137.     }
  138.  
  139.     /**
  140.      * 保存
  141.      */
  142.     @PostMapping("/save")
  143.     public R save(@RequestBody UsersEntity user){
  144. //    	ValidatorUtils.validateEntity(user);
  145.     	if(userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername())) !=null) {
  146.     		return R.error("用户已存在");
  147.     	}
  148.         userService.insert(user);
  149.         return R.ok();
  150.     }
  151.  
  152.     /**
  153.      * 修改
  154.      */
  155.     @RequestMapping("/update")
  156.     public R update(@RequestBody UsersEntity user){
  157. //        ValidatorUtils.validateEntity(user);
  158.     	UsersEntity u = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", user.getUsername()));
  159.     	if(u!=null && u.getId()!=user.getId() && u.getUsername().equals(user.getUsername())) {
  160.     		return R.error("用户名已存在。");
  161.     	}
  162.         userService.updateById(user);//全部更新
  163.         return R.ok();
  164.     }
  165.  
  166.     /**
  167.      * 删除
  168.      */
  169.     @RequestMapping("/delete")
  170.     public R delete(@RequestBody Long[] ids){
  171.         userService.deleteBatchIds(Arrays.asList(ids));
  172.         return R.ok();
  173.     }
  174. }
  1. <template>
  2.   <div>
  3.     <div class="container" :style='{"minHeight":"100vh","alignItems":"center","background":"url(http://codegen.caihongy.cn/20220730/9902656b81254c719937f2da32e6b42c.png)","display":"flex","width":"100%","backgroundSize":"cover","backgroundPosition":"center center","backgroundRepeat":"no-repeat","justifyContent":"center"}'>
  4.  
  5.       <el-form :style='{"padding":"40px 50px 20px","boxShadow":"0px 4px 10px 0px #A29988","margin":"0 0 0 -500px","borderRadius":"10px","background":"#fff","width":"420px","height":"auto"}'>
  6.         <div v-if="true" :style='{"padding":"10px 20px","margin":"0 0 20px 0","color":"#000","textAlign":"center","width":"100%","lineHeight":"40px","fontSize":"20px","fontWeight":"700","height":"auto"}' class="title-container">基于微信小程序的图书馆座位预约登录</div>
  7.         <div v-if="loginType==1" class="list-item" :style='{"width":"100%","margin":"0 auto 10px","alignItems":"center","flexWrap":"wrap","display":"flex"}'>
  8.           <div v-if="false" class="lable" :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'>用户名</div>
  9.           <input :style='{"border":"0px solid rgba(64, 158, 255, 1)","padding":"0 10px","boxShadow":" 0px 4px 10px 0px rgba(0,0,0,0.3020)","color":"#333","outlineOffset":"4px","width":"100%","fontSize":"14px","height":"44px"}' placeholder="请输入用户名" name="username" type="text" v-model="rulesForm.username">
  10.         </div>
  11.         <div v-if="loginType==1" class="list-item" :style='{"width":"100%","margin":"0 auto 10px","alignItems":"center","flexWrap":"wrap","display":"flex"}'>
  12.           <div v-if="false" class="lable" :style='{"width":"64px","lineHeight":"44px","fontSize":"14px","color":"rgba(64, 158, 255, 1)"}'>密码：</div>
  13.           <input :style='{"border":"0px solid rgba(64, 158, 255, 1)","padding":"0 10px","boxShadow":" 0px 4px 10px 0px rgba(0,0,0,0.3020)","color":"#333","outlineOffset":"4px","width":"100%","fontSize":"14px","height":"44px"}' placeholder="请输入密码" name="password" type="password" v-model="rulesForm.password">
  14.         </div>
  15.         <div :style='{"width":"105%","padding":"0 10px","margin":"20px auto","height":"auto"}' v-if="roles.length>1" prop="loginInRole" class="list-type">
  16.           <el-radio v-for="item in roles" v-bind:key="item.roleName" v-model="rulesForm.role" :label="item.roleName">{{item.roleName}}</el-radio>
  17.         </div>
  18.         <div :style='{"width":"100%","margin":"20px auto","alignItems":"center","flexWrap":"wrap","justifyContent":"flex-start","display":"flex"}'>
  19.           <el-button v-if="loginType==1" :style='{"border":"0","cursor":"pointer","padding":"0 24px","margin":"0","outline":"none","color":"#fff","borderRadius":"0","background":"rgba(193, 44, 44, 1)","width":"100%","fontSize":"16px","fontWeight":"600","height":"44px"}' type="primary" @click="login()" class="loginInBt">登录</el-button>
  20.         </div>
  21.         <a href="http://www.java1234.com/a/bysj/javaweb/" target='_blank'><font color=red>Java1234收藏整理</font></a>
  22.       </el-form>
  23.  
  24.  
  25.     </div>
  26.   </div>
  27. </template>
  28. <script>
  29.  
  30. import menu from "@/utils/menu";
  31. export default {
  32.   data() {
  33.     return {
  34.       baseUrl:this.$base.url,
  35.       loginType: 1,
  36.       rulesForm: {
  37.         username: "",
  38.         password: "",
  39.         role: "",
  40.         code: '',
  41.       },
  42.       menus: [],
  43.       roles: [],
  44.       tableName: "",
  45.       codes: [{
  46.         num: 1,
  47.         color: '#000',
  48.         rotate: '10deg',
  49.         size: '16px'
  50.       },{
  51.         num: 2,
  52.         color: '#000',
  53.         rotate: '10deg',
  54.         size: '16px'
  55.       },{
  56.         num: 3,
  57.         color: '#000',
  58.         rotate: '10deg',
  59.         size: '16px'
  60.       },{
  61.         num: 4,
  62.         color: '#000',
  63.         rotate: '10deg',
  64.         size: '16px'
  65.       }],
  66.     };
  67.   },
  68.   mounted() {
  69.     let menus = menu.list();
  70.     this.menus = menus;
  71.  
  72.     for (let i = 0; i < this.menus.length; i++) {
  73.       if (this.menus[i].hasBackLogin=='是') {
  74.         this.roles.push(this.menus[i])
  75.       }
  76.     }
  77.  
  78.   },
  79.   created() {
  80.     this.getRandCode()
  81.   },
  82.   destroyed() {
  83. 	    },
  84.   methods: {
  85.  
  86.     //注册
  87.     register(tableName){
  88. 		this.$storage.set("loginTable", tableName);
  89.         this.$storage.set("pageFlag", "register");
  90. 		this.$router.push({path:'/register'})
  91.     },
  92.     // 登陆
  93.     login() {
  94.  
  95. 		if (!this.rulesForm.username) {
  96. 			this.$message.error("请输入用户名");
  97. 			return;
  98. 		}
  99. 		if (!this.rulesForm.password) {
  100. 			this.$message.error("请输入密码");
  101. 			return;
  102. 		}
  103. 		if(this.roles.length>1) {
  104. 			if (!this.rulesForm.role) {
  105. 				this.$message.error("请选择角色");
  106. 				return;
  107. 			}
  108.  
  109. 			let menus = this.menus;
  110. 			for (let i = 0; i < menus.length; i++) {
  111. 				if (menus[i].roleName == this.rulesForm.role) {
  112. 					this.tableName = menus[i].tableName;
  113. 				}
  114. 			}
  115. 		} else {
  116. 			this.tableName = this.roles[0].tableName;
  117. 			this.rulesForm.role = this.roles[0].roleName;
  118. 		}
  119.  
  120. 		this.$http({
  121. 			url: `${this.tableName}/login?username=${this.rulesForm.username}&password=${this.rulesForm.password}`,
  122. 			method: "post"
  123. 		}).then(({ data }) => {
  124. 			if (data && data.code === 0) {
  125. 				this.$storage.set("Token", data.token);
  126. 				this.$storage.set("role", this.rulesForm.role);
  127. 				this.$storage.set("sessionTable", this.tableName);
  128. 				this.$storage.set("adminName", this.rulesForm.username);
  129. 				this.$router.replace({ path: "/index/" });
  130. 			} else {
  131. 				this.$message.error(data.msg);
  132. 			}
  133. 		});
  134.     },
  135.     getRandCode(len = 4){
  136. 		this.randomString(len)
  137.     },
  138.     randomString(len = 4) {
  139.       let chars = [
  140.           "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k",
  141.           "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v",
  142.           "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G",
  143.           "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R",
  144.           "S", "T", "U", "V", "W", "X", "Y", "Z", "0", "1", "2",
  145.           "3", "4", "5", "6", "7", "8", "9"
  146.       ]
  147.       let colors = ["0", "1", "2","3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f"]
  148.       let sizes = ['14', '15', '16', '17', '18']
  149.  
  150.       let output = [];
  151.       for (let i = 0; i < len; i++) {
  152.         // 随机验证码
  153.         let key = Math.floor(Math.random()*chars.length)
  154.         this.codes[i].num = chars[key]
  155.         // 随机验证码颜色
  156.         let code = '#'
  157.         for (let j = 0; j < 6; j++) {
  158.           let key = Math.floor(Math.random()*colors.length)
  159.           code += colors[key]
  160.         }
  161.         this.codes[i].color = code
  162.         // 随机验证码方向
  163.         let rotate = Math.floor(Math.random()*60)
  164.         let plus = Math.floor(Math.random()*2)
  165.         if(plus == 1) rotate = '-'+rotate
  166.         this.codes[i].rotate = 'rotate('+rotate+'deg)'
  167.         // 随机验证码字体大小
  168.         let size = Math.floor(Math.random()*sizes.length)
  169.         this.codes[i].size = sizes[size]+'px'
  170.       }
  171.     },
  172.   }
  173. };
  174. </script>
  175.  
  176. <style lang="scss" scoped>
  177. .container {
  178.   min-height: 100vh;
  179.   position: relative;
  180.   background-repeat: no-repeat;
  181.   background-position: center center;
  182.   background-size: cover;
  183.       background: url(http://codegen.caihongy.cn/20220730/9902656b81254c719937f2da32e6b42c.png);
  184.  
  185.   .list-item /deep/ .el-input .el-input__inner {
  186. 		border: 0px solid rgba(64, 158, 255, 1);
  187. 		padding: 0 10px;
  188. 		box-shadow:  0px 4px 10px 0px rgba(0,0,0,0.3020);
  189. 		color: #333;
  190. 		width: 100%;
  191. 		font-size: 14px;
  192. 		outline-offset: 4px;
  193. 		height: 44px;
  194. 	  }
  195.  
  196.   .list-code /deep/ .el-input .el-input__inner {
  197.   	  	border: 0px solid rgba(64, 158, 255, 1);
  198.   	  	padding: 0 10px;
  199.   	  	box-shadow:  0px 4px 10px 0px rgba(0,0,0,0.3020);
  200.   	  	outline: none;
  201.   	  	color: #333;
  202.   	  	width: 100%;
  203.   	  	font-size: 14px;
  204.   	  	height: 44px;
  205.   	  }
  206.  
  207.   .list-type /deep/ .el-radio__input .el-radio__inner {
  208. 		margin: 5px 0;
  209. 		background: rgba(53, 53, 53, 0);
  210. 		border-color: #666666;
  211. 	  }
  212.   .list-type /deep/ .el-radio__input.is-checked .el-radio__inner {
  213.         margin: 5px 0;
  214.         background: rgba(0, 0, 0, 1);
  215.         border-color: rgba(0, 0, 0, 1);
  216.       }
  217.   .list-type /deep/ .el-radio__label {
  218. 		color: rgba(112, 112, 112, 1);
  219. 		font-size: 14px;
  220. 	  }
  221.   .list-type /deep/ .el-radio__input.is-checked+.el-radio__label {
  222.         color: rgba(0, 0, 0, 1);
  223.         font-size: 14px;
  224.       }
  225. }
  226. </style>

源码下载

下载地址：
链接：https://pan.baidu.com/s/1WxuQDrQS204upRoyMhhg2A 
提取码：1234

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小惠珠哦/article/detail/896320
推荐阅读
相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。

  

闽ICP备14008679号