springboot动态网站开发83综合模块一开发06课件讲解.pptxVIP

主讲人：杜春林springboot动态网站开发8.3综合项目模块一开发

效果图景点模块是用户端的核心功能，覆盖“找景点→了解详情→预约”全流程，解决用户“不知道去哪玩”“怎么预约景点”的需求，流程为：用户进入首页→浏览推荐景点→点击景点查看详情→填写预约信息→提交预约。

景点展示与预约页面逻辑请求路径：http://localhost:8080/attractions/getSysAttractionsById前端vue页面通过axios发送接口请求，返回对应对应景点信息（名称、图片路径等）json数据，解析并使用ElementUI框架中的组件进行展示。详情页底部“预约”按钮，点击后弹出对话框，表单包含预约日期（el-date-picker）、预约人数（el-input-number）、联系电话（el-input），最后通过el-form的rules校验规则，提交至服务器。返回结果：

后端逻辑处理获取前端提交的景点ID，通过mybatis-plus中getById()方法进行数据库查询并返回数据。

后端逻辑处理前端提交景点预约信息对象（预约人、预约时间等），通过mybatis-plus中save()方法插入至数据库中，返回前端数据插入结果。

本章小结本章主要对景点信息展示预约进行了讲解。讲解了前台处理json数据、后台逻辑判断处理。通过本章的学习，希望大家可以掌握对SpringBoot中数据提交校验等知识运用，为后续更深入学习SpringBoot做好铺垫。本章小结

谢谢观看！