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 TV 选中高亮显示

    1.开发Android TV APP, 使用遥控器选中按钮或者选着其它菜单 如果没有高亮显示,就看不出选中哪个按钮或者菜单 2.在drawable 添加 border_red.xml 设置选中高亮 & ...

  2. CentOS 7 中配置通过 daemon 模式启动的 Tomcat 8 服务

    距离上次折腾已经有很长一段时间了... 不说这个,刚好有空闲,把这两天折腾的 Tomcat 8 的服务配置整理出来收录一下. 1.JDK安装 1)检查服务器是否预装了 openJdk,如果有就删除,在 ...

  3. （转）基于Metronic的Bootstrap开发框架经验总结（4）--Bootstrap图标的提取和利用

    http://www.cnblogs.com/wuhuacong/p/4762924.html 在前面的一篇随笔<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模 ...

  4. wx小程序开发 1：小程序代码构成

    官网学习地址:https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/introduction.html 1: 2:待续.. ...

  5. Day 18 hashlib,logging模块

    hashlib 模块 作用:hash是一种算法,主要提供SHA1,SHA224,SHA256,SHA384,SHA512,MD5算法,该算法接受传入的内容,经过运算得到一串hash值 特点: 1.只要 ...

  6. 图片base64格式转为file文件类型上传方法

    日常使用文件上传方式,都是通过input type='file'的文件选择框进行文件上传.但是会通过其他交互方式等到图片的base64格式进行上传.具体情况如下示意: 在项目开发中,需要进行照片采集, ...

  7. 【codeforces 483B】Friends and Presents

    [链接] 我是链接,点我呀:) [题意] [题解] 我们可以二分n的值,设为mid 那么对于n=mid 我们可以算出来以下3个东西 temp1 = n/x; temp2 = n/y; temp3 = ...

  8. HDU 1569 方格取数(2)

    方格取数(2) Time Limit: 5000ms Memory Limit: 32768KB This problem will be judged on HDU. Original ID: 15 ...

  9. Spring Cloud-Ribbon ILoadBalancer负载均衡器核心源码(四)

    Ribbon负载均衡相关类 AbstractloadBalancer ILoadBalancer的抽象实现类 public abstract class AbstractLoadBalancer im ...

  10. ubuntu中安装hadoop集群

    hadoop是由java 语言编写的主从结构分布式计算存储架构 准备工作: 操作系统: Ubuntu16.04 软件安装包:jdk-8u171-linux-x64.tar.gz : hadoop-2. ...