图书馆
该项目的前端由门户和后台管理系统两个部分组成的。
门户:
(1) 主要功能:用户的登录注册,图书查询、借阅,查询自己的借阅记录,归还图书,修改个人信息,密码等。
(2) 技术栈:用Vue + ElementUI开发,用axios发网络请求,从后端获取数据后展示在页面中,后端开发完成之前先用MockJS模拟后端接口。因为功能比较简单,所以没有使用脚手架搭建项目,直接在html文件中引入vue和element开发的。
后台管理系统:
(1) 主要功能:登录,修改个人信息,密码等内容。有用户管理,图书管理,借阅记录管理等三个板块,每个板块都是实现了相应内容的条件查询,展示,新增,删除,修改等操作。
(2) 技术栈:用Vite搭建Vue项目,在项目中使用ElementUI和vue-router,搭建经典的后台管理系统布局,然后开发各个板块,利用vue-router的导航守卫阻止未登录用户和非管理员用户访问,用axios发网络请求,后端完成之前同样是用MockJS模拟后端接口。整个内容都是自己从空白开始根据官方文档搭建出来的,没有使用开源的后台管理系统项目。