ylbtech-Java：笔记-1
1.返回顶部
1、
 /**

     * 简介请求

     * @return

     */

    @RequestMapping("/JJ")

    public String jianjie(Model model){

        List<Dict> list = dictService.getColumnByPlate("JJ");

        List<Content> contentList = new ArrayList<>();

        for (Dict dict : list) {

            //从每个栏目下获取第一条文章

            List<Content> contents = contentService.queryByPlateAndColumn("JJ", dict.getCode(),1);

            contentList.add(contents.get(0));

        }

        model.addAttribute("column",list);

        model.addAttribute("content",contentList);

        return "forward:/list_jianjie.jsp";

    }
2、
<%@ page language="java" contentType="text/html; charset=utf-8" isELIgnored="false" pageEncoding="utf-8" %>

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

<%

    String path = request.getContextPath();

%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type"  content="text/html; charset=gb2312" />

    <title>简介</title>

    <link type="text/css" rel="stylesheet"  href="<%=path%>/css/list_jianjie.css"/>

    <script type="text/javascript" src="<%=path%>/js/jquery.min.js"></script>

</head>

<body>

<!--头部 -->

<%@ include file="header.jsp" %>

<!--内容区 -->

<div class="main clears">

    <div class="con ">

        <div class="list_nav"><span>您的位置：<a  class="spa" href="<%=path%>/index.jsp"target="_blank">首页</a> > 简介 </div>

        <div class="list_title">

            <c:forEach var="item" items="${column}"  varStatus="status">

                <li class="title1 lt tab${status.count} active"><a href="#tab${status.count}"><span> ${item.value}</span></a></li>

            </c:forEach>

            <div class="title1 rt more "><a  id="more" href="#"target="_blank"> 更多>></a></div>

            <div class=" hr clears" ></div>

        </div>

        <div class="list_con">

            <c:forEach var="item" items="${content}"  varStatus="status">

                <div id="tab${status.count}" class="tab_content" style="display: block; ">

                    <ul>

                       ${item.content}

                    </ul>

                </div>

            </c:forEach>

        </div>

    </div>

</div>

<div class="footertop">

    <img  src="<%=path%>/images/jianjie002.png"/>

</div>

<%@ include file="footer.jsp" %>

</body>

<script type="text/javascript">

    $(document).ready(function() {

        //默认active

        $(".tab_content").hide(); //隐藏全部的tab菜单内容

        $(".list_title li:first").addClass("active").show(); //对第一个li标签添加class="active属性"

        $(".tab_content:first").show(); //显示第一个tab内容

        //点击事件

        $(".list_title li").click(function() {

            $(".list_title li").removeClass("active"); //移除class="active"属性

            $(this).addClass("active"); //添加class="active"到选择标签中

            $(".tab_content").hide(); //隐藏全部标签内容

            var activeTab = $(this).find("a").attr("href"); //找到所属属性值来识别活跃选项卡和内容

            $(activeTab).fadeIn(); //使内容消失

            return false;

        });

    });

</script>

</html>
3、
2.返回顶部
 
3.返回顶部
 
4.返回顶部
 
5.返回顶部
 
 
6.返回顶部
 
作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

Java：笔记-1的更多相关文章

  1. Effective Java笔记一 创建和销毁对象

    Effective Java笔记一 创建和销毁对象 第1条 考虑用静态工厂方法代替构造器 第2条 遇到多个构造器参数时要考虑用构建器 第3条 用私有构造器或者枚举类型强化Singleton属性 第4条 ...

  2. java笔记00-目录

    --2013年7月26日17:49:59 学习java已久,趁最近有空,写一个总结: java笔记01-反射:

  3. java笔记整理

    Java 笔记整理 包含内容     Unix Java 基础, 数据库(Oracle jdbc Hibernate pl/sql), web, JSP, Struts, Ajax Spring, E ...

  4. 转 Java笔记：Java内存模型

    Java笔记:Java内存模型 2014.04.09 | Comments 1. 基本概念 <深入理解Java内存模型>详细讲解了java的内存模型,这里对其中的一些基本概念做个简单的笔记 ...

  5. servlet(6) - servlet总结 - 小易Java笔记

    垂阅前必看: 这都是我总结的我觉得是学习servlet应该掌握的,我在学习期间也做了一个博客项目来让所学的知识得以巩固.下面就是博客项目链接.前面的servlet相关的笔记总汇,还有就是我把觉得在学习 ...

  6. Java笔记 —— 继承

    Java笔记 -- 继承 h2{ color: #4ABCDE; } a{ text-decoration: none!important; } a:hover{ color: red !import ...

  7. Java笔记 —— 方法重载和方法重写

    Java笔记 -- 方法重载和方法重写 h2{ color: #4ABCDE; } a{ text-decoration: none !important; } a:hover{ color: red ...

  8. Java笔记 —— 初始化

    Java笔记 -- 初始化 h2{ color: #4ABCDE; } a{ text-decoration: none !important; } a:hover{ color: red !impo ...

  9. Java笔记 —— this 关键字

    Java笔记 -- this 关键字 h2{ color: #4ABCDE; } a{ color: blue; text-decoration: none; } a:hover{ color: re ...

  10. Java 笔记 —— java 和 javac

    Java 笔记 -- java 和 javac h2{ color: #4ABCDE; } a{ text-decoration: none !important; } a:hover{ color: ...

随机推荐

  1. Android Fragment间的广播消息接收

    这种方式不用在配置文件加东西,我比较喜欢. 广播注册,可以写在Activity(onCreate),也可以写在Fragment(onActivityCreated)里. LocalBroadcastM ...

  2. Coreldraw软件反盗版提示x8有优惠活动 cdr x8提示盗版怎么办？

    CorelDRAW X8装不上,我的悲伤有这么大,或者比这还大一点...♥♥♥如果你遇到这样的断了网,卸了装,装了卸,然后再安装的...╮(-_-)╭这样的保存和另存为都点不了,不敢关电脑的亦或是这样 ...

  3. H5-data属性的一个问题

    关于前端存数据的问题,前面写过一个博客:前端页面存取数据 看个例子: <!DOCTYPE html> <html lang="en"> <head&g ...

  4. PAT_A1110#Complete Binary Tree

    Source: PAT A1110 Complete Binary Tree (25 分) Description: Given a tree, you are supposed to tell if ...

  5. [转载]ext4文件系统的delalloc选项造成单次写延迟增加的分析

    转载http://www.cnblogs.com/cobbliu/p/5603472.html 最近我们的服务进程遇到kill -15后处于Z的状态,变为了僵尸进程,经过/proc/{thread_i ...

  6. HTTP 下载文件中文文件名在 Firefox 下乱码问题

    转自:http://www.imhdr.com/991/ HTTP 下载文件,中文文件名在 Firefox 下乱码问题 最近帮助一同事解决 HTTP 下载文件时,中文文件名在 Firefox 下乱码的 ...

  7. Oralce导入数据库出现某一列的值太大

    这是由于导出的文件所运行的Oracle,和导入所运行的Oracle机器字符集不相同导致的,在UTF-8中有的汉字占三个字节, 并不是所有的都占两个字节,

  8. [APIO2018]铁人两项 [圆方树模板]

    把这个图缩成圆方树,把方点的权值设成-1,圆点的权值设成点双的size,算 经过这个点的路径的数量*这个点的点权 的和即是答案. #include <iostream> #include ...

  9. display显示属性理解

    display属性设置一个元素应如何显示,是我们在前端开发中常常使用的一个属性,其中,最常见的有: 目录 display:none;表示此元素将不被显示. display:block;将元素显示为块元 ...

  10. i=i+1，i+=1与i++的区别

    1. i=i+1 a.读取右i的地址 b,i=1 c.读取左i的地址 d. 值赋给左i 2.i+=1 a.读取左i的地址 b.i+1 c.值给i 3.i++ a.读取右i的地址 b.值加1