途牛旅游项目-导航条（页面显示）

目标：

思维导图：

如果jstl不能使用，需要导入jstl的依赖

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

pom.xml

<!--配置jstl-->
<dependency><groupId>javax.servlet</groupId><artifactId>jstl</artifactId><version>1.2</version>
</dependency>

CategoryServlet

package com.tuniu.web.servlet;import com.fasterxml.jackson.databind.ObjectMapper;
import com.tuniu.domain.Category;
import com.tuniu.domain.ResponseInfo;
import com.tuniu.service.CategoryService;
import com.tuniu.util.JedisUtil;
import redis.clients.jedis.Jedis;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;@WebServlet("/categoryServlet")
public class CategoryServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("doPost....run");doGet(request, response);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {System.out.println("doGet....run");Jedis jedis = JedisUtil.getJedis();String json = jedis.get("category_list");if (json != null) {System.out.println(json);response.getWriter().println(json);} else {CategoryService categoryService = new CategoryService();List<Category> result = categoryService.findAll();ResponseInfo responseInfo = new ResponseInfo();responseInfo.setCode(200);responseInfo.setData(result);json = new ObjectMapper().writeValueAsString(responseInfo);response.getWriter().println(json);}}
}

原本在页面中的导航条是写死的

现在我们动态的来显示，在header.jsp中加ajax

<script type="text/javascript">$(function () {//页面加载成功之后执行$.get("categoryServlet",function (data) { //这个data就是服务器返回的字符串if (data.code == 200) {var list = data.data;//定义一个变量，拼接导航的显示内容  livar lis = "";//拼接第一项lis += '<li class="nav-active"><a href="index.jsp">首页</a></li>'//循环所有的分类for (var i = 0; i < list.length; i++) {//在js中，使用引号号表示字符串，避免生成转译的\var li = '<li><a href="route_list.html">' + list[i].cname + '</a></li>'lis += li}//拼接最后一项lis += ' <li><a href="favoriterank.html">收藏排行榜</a></li>'//显示在ul标签里面$("#nav").html(lis)}},"json");})
</script>

效果：

数据库：

途牛旅游项目-导航条（页面显示）相关推荐

途牛旅游项目-导航条（后端数据测试）
温馨提示: (1)数据是最重要的 (2)开发一层测试一层 (3)基础:登录思维导图: CategoryServiceTest package com.tuniu.service;import com ...
【途牛旅游项目】项目环境搭建，实现登陆功能
项目准备熟悉静态页面查看真实在线的途牛旅游项目其实也是一个商城而已,重点项目搭建,核心模块:登录前言 (1)前言为了巩固web基础知识,提升综合运用能力,故而讲解此案例. 要求,每位同学能够 ...
途牛旅游项目环境搭建
途牛旅游项目环境搭建准备工作项目演示熟悉静态页面查看真实在线的途牛旅游项目其实也是一个商城而已重点项目搭建,核心模块:登录准备工作三层架构 (1)三层架构 (2)目录结构: 准备工作 ...
【途牛旅游项目】02 - 登录功能实现 - 验证码功能 - ajax实现登录
文章目录登录功能分析图解最终实现截图实现登录功能 1. 创建测试类 2. 创建业务层UserService 3. 创建实体类 - User用户类和Msg错误提示类 4. 创建dao层 5. 创建 ...
【途牛旅游项目】01 - 项目环境准备，实现登录功能
文章目录模仿途牛旅游网站的一个项目项目初始化,目录结构导入pom.xml依赖创建数据库模仿途牛旅游网站的一个项目途牛地址:https://www.tuniu.com 项目初始化,目录结构 ...
途牛旅游项目—注册篇
注册功能_功能分析注册的后台功能代码编写UserService的register方法测试 @Testpublic void test03() {UserService userService = ...
php搭建环境网页显示空白,打开php项目网站，页面显示为空白
环境:apache,php用的是苹果自带的项目是放在默认DocumentRoot: "/Library/WebServer/Documents"下面新建的VirtualHost ...
途牛旅游项目——注册邮箱激活
UUID介绍 (1)什么是uuid 全球唯一的,不会重复的固定长度的随机字符串 25fd9bcf50ad4dc39aa38f084d1801c8 (2)复制UUI工具类 com\wzx\util\U ...
途牛旅游项目——动态导航栏
学习目标 (1)数据是最重要的 (2)开发一层测试一层 (3)基础:登录导航开发导航后台代码开发 (1)CateogryServiceTest (2)CateogryService (3)Cate ...

途牛旅游项目-导航条（页面显示）

目标：

思维导图：

如果jstl不能使用，需要导入jstl的依赖

pom.xml

CategoryServlet

原本在页面中的导航条是写死的

现在我们动态的来显示，在header.jsp中加ajax

效果：

数据库：

途牛旅游项目-导航条（页面显示）相关推荐

最新文章

热门文章