
本次汇报相关项目内容均部署在云端:
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 访问地址测试:
设计数据库librarysm 包含了user表与book表
user:

book:

编写Controller控制器类
Thymeleaf模板引擎 查询全部用户控制器:

查询全部用户HTML:

查询全部用户渲染效果:
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信息效果:
