基于vue和微信小程序的校园自助打印系统

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1pz4y1L7KP?t=6.1

三、运行截图：

3.1登录功能模块的界面实现

在系统调试运行后，可以进入本界面，本界面是最基本的功能，可以保证系统的安全，采用验证的安全机制进行设计。在本界面里可以看到账号和密码的输入框。本系统中的登录权限为普通用户。必须三种信息都正确才可以验证成功进入到对应的操作界面。系统的登录功能模块的实现界面如下图3.1所示：

图3.1系统登录功能的实现界面

3.2管理员操作界面的功能模块实现

3.2.1个人中心管理功能模块的界面实现

本功能的设计可以保证管理员账号的安全，使用本功能可以修改管理员的登录密码。管理员修改密码功能模块的实现界面如下图3.2所示：

图3.2管理员修改密码功能的实现界面

3.2.2用户管理功能模块的界面实现

本功能可以实现用户信息的查询和删除，管理员添加用户信息功能填写正确的信息就可以实现用户信息的添加，点击用户信息管理功能可以看到系统里所有用户的信息，在添加用户信息的界面里需要填写姓名信息，当信息填写不正确就会造成用户信息添加失败。管理员管理用户信息功能的实现界面如下图3.3所示：

图3.3管理员管理用户信息的实现界面

3.2.3打印店管理功能模块的界面实现

打印店可以使用户更好的了解店铺信息。打印店信息管理的流程为，管理员点击打印店信息管理功能，查看打印店信息，点击打印店修改功能，输入打印店信息然后点击提交按钮就可以完成打印店信息的修改。管理员查询打印店信息的实现界面如下图3.4所示：

图3.4管理员查询打印店信息的实现界面

3.2.4打印服务管理功能模块的界面实现

打印服务可以帮助用户了解服务内容，管理员负责审核打印店发布的打印服务。管理员查询打印服务信息功能的实现界面如下图3.5所示：

图3.5管理员查询打印服务信息的界面实现

3.2.5预约打印管理功能模块的界面实现

预约打印信息属于本系统里的核心数据，管理员可以对预约打印的信息进行查询。本功能设计的目的可以使预约打印进行及时的安排。管理员查询预约打印信息的实现界面如下图3.6所示：

图3.6管理员查询预约打印信息功能的实现界面

3.2.6店长管理功能模块的界面实现

管理员可以查询店长信息，可以进行修改删除。管理员查询店长信息的实现界面如下图3.7所示：

图3.7管理员查询店长信息的实现界面

3.3用户角色的操作界面实现

用户可以查看自己的预约和修改自己的资料并管理收藏信息。用户角色的操作界面的实现效果如下图3.8所示：

图3.8用户操作界面的实现效果

3.4首页界面的操作功能实现

在首页里可以看到管理员添加和管理的信息，用户可以在首页里进行打印的预约和打印店信息的了解。首页界面的实现如下图3.9所示：

图3.9首页界面的实现效果

3.5店长角色功能的界面实现

店长可以发布打印店信息和打印服务信息以及管理预约打印。实现界面如下图3.10所示：

图3.10店长角色的功能实现界面