我为什么要开发寻舍易?
「寻舍易」是专为新生打造的一款小程序,旨在让他们能够根据个人生活习惯和兴趣爱好,自主选择理想的宿舍。我们希望通过这个平台,让宿舍选择不再像开盲盒一样随机,而是变得更加智能和个性化。
技术栈
我采用了Vue2和UniApp作为前端技术,以提升用户体验和跨平台性能。而后端则选用了Node.js,为了确保系统的高效性和可扩展性并部署到阿里云服务器中使用宝塔面板管理。数据库使用MYSQL。
项目UI展示
学生端
管理端
学生端功能展示
登录流程
在未输入账号和密码时按钮会不可用并且提示请输入账号密码
在输入完账号密码后将进行验证并将按钮可用提示用户这个按钮是可以点击的状态
点击下方的管理员可进入到管理员登录界面,登录流程与学生端登录一样
点击小眼睛按钮可显示或隐藏密码
主页
主页可按照搜宿舍、搜人进行搜索并高亮搜索关键字。并且点击搜索的结果可以进入到对应的学生信息或者对应的宿舍
同时拥有多条件筛选可按照楼层或区域进行筛选
宿舍详情
宿舍详细信息可以看到宿舍的图片、当前人数、当前宿舍所有人的兴趣爱好、当前床位信息等
更改/选择宿舍流程
如果当前账号是拥有床位的那么按钮提示信息就是更改,如果没有床位的就是选择
在选择床位时如果当前床位有人也会做出相应的提示
我的页面
点击编辑按钮会将个人信息更改为可编辑状态
添加/删除个人的兴趣爱好等,如果爱好或习惯已存在那么在可选项中就不会出现
管理端功能展示
添加宿舍流程
管理员可选择床铺类型、宿舍区域、宿舍楼层、宿舍号、添加宿舍设施上传图片操作、并且宿舍最大人数是根据宿舍类型如二人间四人间来更改
如果宿舍已存在则会出现提示
上传图片:因为是在pc端演示小程序所以它选择图片的话会打开此电脑的磁盘。如果是在手机端使用就是让用户自己选择拍照或者从图库中选择
删除宿舍流程
删除宿舍不仅删除列表还会将服务器中保存的宿舍图片进行删除
如果当前宿舍有人则不能删除
修改宿舍流程
修改删除宿舍图片、修改宿舍设施、床位等
查询宿舍流程
按照宿舍区域、楼层、宿舍号进行查询满足条件的就会在下方显示
如果宿舍不存在