Elasticsearch

用户和管理员的登录界面是在同一个界面，登陆页面是用户名和密码，然后后台会进行一个判断。Vue前端if语句来判断如果是0是用户，1代表的是图书管理员，2代表的是系统管理员。如果密码或者用户名错误会显示一个密码或者用户错误，通过发射请求用户和管理员是否合法，最后就可以成功登入用户或者管理员的界面。如图所示：这是登陆界面。

图4.1登陆页面

这是系统管理员在登陆界面登陆成功的界面如图所示：

图5.2系统员登陆成功页面

这是用户员在登陆界面登入成功的界面如图所示：

图5.3用户登陆成功页面

这是图书管理员在登陆界面登入成功的界面如图所示：

图5.4图书管理员登陆成功页面

5.2 注册模块

注册模块用于注册用户，用户需要输入用户名、密码、电话号码和电子邮件地址。通过后端写Controller层写了一个接口，然后注册的用户全部放入了usercontroller，前端发送post请求，注册成功的数据放入数据库中，如果有相同的用户名是创建不了的，先在数据库查一遍，如果它存在就不能注册，如果它不存在，就可以注册，并且显示注册成功。如图所示：

图5.5注册页面

注册成功以后自动跳转到登陆页面，并且显示注册成功，如图所示：

图5.6用户注册成功页面

5.3系统管理员模块

该模块主要是系统管理员修改用户信息。删除用户，把用户改为管理员。页面。在一开始进来的页面可以查看用户的总数，系统管理员人数，图书馆员人数，图表显示的是人员总数，各季度用户创建时间。用到了vue+echarts图标，然后用到elementUI的布局来排版，通过写一个增删改查的接口，然后前端发送请求，访问接口，然后传入数据库，页面进行刷新就可以最新的人员变化数据，如图所示：

图5.7用户管理增删改查图

                                 图5.8主页用户信息图

5.4图书管理员模块

该模块主要是对于书籍进行增删改查，上传新的书籍删除书籍，用到了hdfs的上传下载，把图书的信息上传的es中。主页是对于书籍的一个汇总。通过写一个增删改查的接口，然后前端发送请求，访问接口，然后传入数据库，在访问接口的同时访问es和hdfs，然后上传下载，在页面可以看见书籍的变化，所图所示：

图5.9图书管理系统增删改查界面

图5.10主页书籍信息图

5.5用户模块

该模块主要是完成了用户的主要功能，书名、作者和简介中的一些关键词和关键字来进行搜索，然后还可以选择条件搜索，来选择条件来筛选出想要 的内容。主要是查询用户想要的书籍，然后可以进行预览，如果用户想要深入了解详细情况，还可以下载该书籍。先写一个接口，前端访问接口，然后接口请求es，然后es根据搜索的关键字来进行查询，将查询好的数据返回到前端。最后用户就能看见自己所查询的书籍了。所图所示:

                                  图5.11用户搜索书籍图

该模块还有预览模块，用户如果只想阅读看看是不是自己想要的书籍，我们还提供了预览功能，后端是通过IO流来实现前100行数据，前端效果图如图所示：   

                                   图5.12用户预览图

 

 

 

具体代码可以私信我哦