Web项目旅游网 day04 详情页展示&收藏功能

一、旅游网综合案例——旅游线路的详情展示
  Web项目旅游网 day04 详情页展示&收藏功能_第1张图片
1.1 代码实现——后端代码实现
1.1.1 编写Servlet:
  Web项目旅游网 day04 详情页展示&收藏功能_第2张图片
1.1.2 编写Service:
  Web项目旅游网 day04 详情页展示&收藏功能_第3张图片
1.1.3 编写SellerDao:
  Web项目旅游网 day04 详情页展示&收藏功能_第4张图片
1.1.4 编写routeDao:
  Web项目旅游网 day04 详情页展示&收藏功能_第5张图片
1.1.5 编写RouteImgDao:
  Web项目旅游网 day04 详情页展示&收藏功能_第6张图片
1.2 前台代码实现:
Route_detail.html中加载后:
1. 获取rid
2. 发送ajax请求,获取route对象
3. 解析对象的数据
  Web项目旅游网 day04 详情页展示&收藏功能_第7张图片
  Web项目旅游网 day04 详情页展示&收藏功能_第8张图片
二、旅游网综合案例——收藏功能实现
2.1 当页面加载完成后,发送ajax请求,获取用户是否收藏的标记
根据标记,展示不同的按钮样式
  Web项目旅游网 day04 详情页展示&收藏功能_第9张图片
  Web项目旅游网 day04 详情页展示&收藏功能_第10张图片
2.2 判断当前用户是否收藏该线路
2.2.1 编写RouteServlet:
  Web项目旅游网 day04 详情页展示&收藏功能_第11张图片
2.2.2 编写FavoriteService:
  Web项目旅游网 day04 详情页展示&收藏功能_第12张图片
2.2.3 编写FavoriteDao:
  Web项目旅游网 day04 详情页展示&收藏功能_第13张图片
2.2.4 代码实现——前端代码:
route_detail.html:
  Web项目旅游网 day04 详情页展示&收藏功能_第14张图片
2.3 收藏次数的动态展示:
2.4 点击按钮收藏线路:
2.4.1 前端代码:
  Web项目旅游网 day04 详情页展示&收藏功能_第15张图片
2.4.2 后端代码——RouteServlet:
  Web项目旅游网 day04 详情页展示&收藏功能_第16张图片
2.4.3 后端代码——FavoriteService:
 
2.4.4 后端代码——FavoriteDao:
  Web项目旅游网 day04 详情页展示&收藏功能_第17张图片

你可能感兴趣的:(Web项目旅游网站开发,前端,java,tomcat,ajax,servlet)