网站Logo 至上松一

汇报图书馆项目进度

lndev
75
2024-04-29

本次汇报相关项目内容均部署在云端:

Thymeleaf模版界面访问地址:

https://api.1024777.xyz/user/findAll (已失效)

Vue+ElementUI界面访问地址:

vercle容器部署(简单功能演示):

https://arco.1024777.xyz (Arco Design)

https://elem.1024777.xyz (ElementUI 2.X)

RESTful API 访问地址测试:

http://api.1024777.xyz/user

设计数据库librarysm 包含了user表与book表

user:

book:

编写Controller控制器类

Thymeleaf模板引擎 查询全部用户控制器:

查询全部用户HTML:

html.png

查询全部用户渲染效果:

http://api.lnpine.lol/user/findAll

不想使用翻版的jsp翻版混合开发(单服务端项目部署)
使用当下前后端分离方式,更简单、快速的构建网站:vue+elemetui+axios

RESTful API风格接口:

获取全部用户信息:

http://api.lnpine.lol/user

根据用户id获取对应信息(id范围:1-3,有bug没有完善),获取用户id=1的对应信息:

http://api.lnpine.lol/user/1

JsonResult类的编写:

对应的两个控制器类:(查询全部用户信息、根据用户id查询对应信息)

对应的vue文件编写:

点击事件:

绑定的用户信息:

绑定对应的data与axios请求数据方法:

获取全部用户信息:

根据用户id获取信息:

获取全部用户信息效果:

根据用户id=2信息效果:

动物装饰