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. Azure Service Bus

    Azure Service Bus  是类似Rabbit的一个队列的应用. 找了两个基本的教程 First(但是这个,没有写怎么去链接账户)  Sec:这个有   Third(讲的也很好) Windo ...

  2. CXF-JAX-RS开发（一）入门案例

    一.简介 资源驱动.基于HTTP协议[按照标准指定URL,就可以访问数据]以XML|JSON格式传输数据. 二.quickstart 1.创建maven project[Packaging:jar] ...

  3. PCL的学习必要性、重要性、意义及最初——持续修改中

    为什么学习PCL:图像描述:各种维度图像的逻辑描述形式  ^-^ 且点云库是机器人学领域的必备基础库,ICRA和IROS的计算机视觉相关一般都使用了PCL库,PCL库也成为ROS的基础部分,与机器人操 ...

  4. MySQL NULL 值如何处理？

    我们已经知道 MySQL 使用 SQL SELECT 命令及 WHERE 子句来读取数据表中的数据,但是当提供的查询条件字段为 NULL 时,该命令可能就无法正常工作. 为了处理这种情况,MySQL提 ...

  5. 【转载】关于DBUtils中QueryRunner的一些解读

    前面已经有文章说了DBUtils的一些特性, 这里再来详细说下QueryRunner的一些内部实现, 写的有错误的地方还恳请大家指出. QueryRunner类 QueryRunner中提供对sql语 ...

  6. Problem 52

    Problem 52 It can be seen that the number, 125874, and its double, 251748, contain exactly the same ...

  7. Django admin（四）一些有用定制

    原文:https://www.cnblogs.com/linxiyue/p/4075048.html Model实例,myapp/models.py: 1 2 3 4 5 6 7 8 9 10 11 ...

  8. codeforces 257B

    #include<stdio.h> #define mod 1000000007 int main() { __int64 n,m,i,j,k,x,y,z; while(scanf(&qu ...

  9. [bzoj1614][Usaco2007Jan]Telephone Lines 架设电话线_二分答案_最短路

    Telephone Lines bzoj-1614 Usaco-2007Jan 题目大意:给你一个n个点m条边的带边权无向图,求最短路.可以选取k条边免费. 注释:$1\le n\le 10^3$,$ ...

  10. Spring MVC-静态页面示例（转载实践）

    以下内容翻译自:https://www.tutorialspoint.com/springmvc/springmvc_static_pages.htm 说明:示例基于Spring MVC 4.1.6. ...