这个角度有点胖
这个角度有点胖

JavaScript+CSS实现经典的树形导航栏

               

在一些管理系统里面，一般右侧都会有树形的导航栏，点击一下就会出现下拉菜单，显示出来该父菜单下面的子菜单

项目，然后配以图片，和CSS的效果，可以说是非常常用的功能，现在做一个项目，正好用到这个功能，于是到处寻找

资料，从Struts的Dojo插件到Dojo的学习，各种看，结果各种不懂。那个悲催啊！！！结果从头再来，苦学CSS和JS，

虽然现在JS水平不咋的，但是还是可以写出一个一般的导航菜单栏了，自己看看还是说的过去，这里拿出来Show一

下，回来自己好用。

首先上最开始的左侧菜单HTML代码

<html>  <head>    <title>left.htmltitle>     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    <script type="text/javascript" src="/HTML/JavaScript/left.js">script> <link rel="stylesheet" href="../css/left.css" type="text/css">link>head>  <body>  <div class="show"><span class="fold1" onclick="changevisible(this)"><a href="#">基础信息管理a>span>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="/HTML/test/right.html" target="right" >主管单位信息a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">建设单位信息a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">监管单位信息a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">礁石信息a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">项目信息a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">标书信息a>span>div>   div>   <br/>      <div class="show"><span class="fold1" onclick="changevisible(this)"><a href="#">招投标管理   a>span>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="/HTML/test/right1.html" target="right">发布招标书a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">修改招标信息a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">查看投标标书a>span>div>   div>   <br/>      <div class="show"><span class="fold1" onclick="changevisible(this)"><a href="#">项目管理       a>span>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">项目内容a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">项目进度a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">日志查询a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">年度查询a>span>div>         <div class="hidden"><span class="2blank">   <img src="/HTML/img/sanjiao.gif"/>span><span class="fold"><a href="#">合同管理a>span>div>   div>           body>html>

然后是对应的CSS文件 

#sidenav{ width: 300px;}.show{    display:block;    width:190px;    }.hidden{    display:none;     background-color: white;}.fold{ width:20px;    height:40px;    padding:0px 10px 0px 10px;    background-image:url("M1.gif");    background-repeat:no-repeat;}.fold1{ width:20px;    height:40px;    padding:0px 10px 0px 10px;    background-image:url("M1.gif");    background-repeat:no-repeat;}.fold1 a{ font-size: 12px; background-image:url("/HTML/img/title.jpg"); padding-left: 30px; padding-right:50px; padding-top:55px; text-align: center;}.expend{    width:20px;    height:20px;    padding:0px 10px 0px 10px;    background-image:url("M1.gif");    background-repeat:no-repeat;    }.2blank{    width:20px;   background-color: white;}a:LINK { text-decoration: none;}a:HOVER { color: red;}a:VISITED { color: gray;}.img1 img{ width: 1326px; height: 90px;}

然后是JavaScript代码 

   function changevisible(element){        var children = element.parentNode.childNodes;                for(var i= 0; iif(children[i].nodeName == "DIV"){                              var className = children[i].className;                                       if(className == "show" ){                               //      element.className="fold";                    children[i].className="hidden";                }               else{              //    element.className="expend";                     children[i].className="show";                }            }        }    }

然后再放上一个整体的界面 

<html>  <head>    <title>all.htmltitle>  head>    <frameset rows="20%,*" frameborder="no">    <frame src="/HTML/test/top.html"/>        <frameset cols="15%,*" frameborder="yes">      <frame src="/HTML/test/left.html" noresize="noresize"/>                  <frame src="/HTML/test/right.html" noresize="noresize" name="right"/>    frameset>      frameset>  html>

效果图


           

再分享一下我老师大神的人工智能教程吧。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow

你可能感兴趣的:(JavaScript+CSS实现经典的树形导航栏)

  • Unity基础包 刚体FPS RigidbodyFirstPersonController 脚本研究 暗光之痕 Unity起航unityu3d基础包脚本
    版本：unity5.3.4语言：C#今天又研究了一个脚本。刚体的第一人称，不过这个脚本没有像之前的FPS脚本一样，加那么多另外的脚本，唯一一个就是MouseLook，这个脚本我们之前分析过了，就不再赘述了。所以整个看下来都是一个比较完整的FPS模型，个人喜欢用这个刚体实现，因为以后用其他什么力都比较方便。下面上代码：//刚体FPS移动主脚本，用刚体和胶囊组件代替了CharacterControll
  • uniapp 实现Toast轻提示！ Rlm* vue+uni-appuni-appvue.jsjavascript
    一、在components文件夹下新建Toast文件，包含Toast.vue和index.jsToast.vue{{text}}exportdefault{name:"Toast",props:{isshow:{type:Boolean,},text:{type:String,},},watch:{isshow(val){if(val===true){setTimeout(()=>{this.is
  • Python面向对象教程：多重继承和MRO深入解析 很酷的站长 Pythonpython开发语言
    Python是一种面向对象的编程语言，其类继承机制为开发者提供了强大的工具来构建复杂的系统。多重继承允许一个类从多个基类继承属性和方法，而方法解析顺序（MRO）决定了在多重继承情况下方法的调用顺序。本文将详细介绍Python中的多重继承和方法解析顺序，涵盖基本概念、具体用法和实际应用示例。类继承的基本概念在Python中，类继承允许一个类（子类）继承另一个类（父类）的属性和方法，从而实现代码复用和
  • 芯生态 | 鸿道Intewell工业操作系统适配Intel Core i7-8700T 一RTOS一 鸿道Intewell科东软件东土科技IntelCorei7
    操作系统与芯片在计算机系统中是不可或缺的存在，它们共同协作以确保计算机硬件和软件资源的有效管理和利用、确保系统正常运行和性能优化。操作系统的设计和实现需要考虑芯片的特性和性能，完美的适配才能充分发挥硬件资源的潜力。下面，小编继续给大家带来鸿道Intewell操作系统的芯片适配情况。IntelCorei7-8700T是英特尔公司推出的一款高性能处理器，属于第8代酷睿i7系列。核心数量：6个物理核心，
  • 一个简单的自适应html5导航模板 很酷的站长 html5专题csscss3前端
    一个简单的HTML导航模板示例，它包含基本的导航栏结构，同时使用了CSS进行样式美化，让导航栏看起来更美观。另外，还添加了一些JavaScript代码，用于在移动端实现导航菜单的展开和收起功能。PHP网址导航模板body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;}header{backgrou
  • 一. spring cloud gateway集成 spring cloud stream binder kafka，实现“动态路由“刷新与加载之采坑记录 yanfei_1986 springcloudgatewaycloudstreamkafka
    一、前言SpringCloudStream是用于构建消息驱动的微服务应用程序的框架。本文主要介绍如何集成SpringCloudStream，以Kafka发布订阅模式(topic)，实现发送消息>>消费消息。我所找到的帖子大部分都是关于binderRabbitMQ，后来又拜读了官方文档(google翻译)，逐渐对SpringCloudStream有了清晰的认识。真正集成时，并没有那么顺利；我看别人都
  • 从众中取优：开源Agent市场深度调研，近20款主流开源Agent框架的技术亮点与适用场景深度剖析[Multi-Agent 框架详解] 汀、人工智能 AIAgent人工智能Agent大模型AIAgentMultiAgentsingleAgent智能体
    从众中取优：开源Agent市场深度调研，近20款主流开源Agent框架的技术亮点与适用场景深度剖析1.背景代理（Agent）指能自主感知环境并采取行动实现目标的智能体，即AI作为一个人或一个组织的代表，进行某种特定行为和交易，降低一个人或组织的工作复杂程度，减少工作量和沟通成本。目前，我们在探索Agent的应用方向，借此机会调研学习了一下现在主流的Agent框架，这篇文章也是我们调研过程的记录。1
  • 小程序搜索组件功能与吸顶效果实现全解析 阿贾克斯的黎明 前端前端
    目录小程序搜索组件功能与吸顶效果实现全解析一、创建搜索页面并实现跳转功能（一）新建搜索页面（二）实现跳转逻辑二、在首页使用搜索组件并实现吸顶效果（一）添加搜索组件到首页（二）实现吸顶效果在小程序开发过程中，搜索组件是提升用户体验、增强内容查找便捷性的关键元素。本文将详细介绍如何在小程序中实现点击搜索组件跳转到搜索页面，以及为搜索组件添加吸顶效果的方法，并附上完整代码示例，助你快速掌握这些实用技能。
  • 自制一个入门STM32 四足机器人具体开发顺序 弥途 足式机器人stm32机器人单片机
    0前期准备1.知识储备学习STM32微控制器的基础知识，包括GPIO、定时器、串口通信等外设的使用，可通过官方文档、教程和视频课程进行学习。了解舵机控制原理，因为四足机器人通常使用舵机来实现关节运动。掌握基本的机械结构设计知识，以便设计机器人的腿部和身体结构。2.材料和工具准备硬件材料：STM32开发板（如STM32F103系列）、舵机（根据机器人腿部关节数量选择合适的舵机，一般每个腿部至少需要2
  • Python 自制自动连点器 黑客白泽 Python程序脚本pythonandroid开发语言
    Python自制自动连点器1.简介：‌连点器‌是一种能够模拟鼠标点击操作的计算机软件，主要用于自动化和简化重复的鼠标点击任务。它可以根据用户设定的参数，自动进行连续的鼠标点击操作。连点器的工作原理是通过模拟鼠标点击动作，将用户设定的点击位置、点击频率、点击次数等参数转化为实际的鼠标点击操作。用户只需设置好相应的参数，按下热键即可启动连点器，实现自动化操作‌。2.运行效果：3.相关源码：#-*-co
  • oracle用hints调优,oracle性能优化之--hints 顾汐漫 oracle用hints调优
    hints是oracle提供的一种机制，用来告诉优化器按照我们告诉它的方式生成执行计划。可以用hints来实现：1)使用的优化器的类型2)基于代价的优化器的优化目标，是all_rows还是first_rows。3)表的访问路径，是全表扫描，还是索引扫描，还是直接利用rowid。4)表之间的连接类型5)表之间的连接顺序6)语句的并行程度1、写HINT目的人为的改变SQL语句的执行计划2、HINT可以
  • selenium定位svg元素（原来如此简单） sineiy selenium测试工具pytestwindows
    1、前言最近在实现UI自动化测试，发现有些元素定位不了，特此来记录一下，也许有不对的地方，欢迎指正。我说定位不了的元素正是svg，在网上查了一通，发现也有很多小伙伴遇到这个问题。然后试了各种方法，什么By.CLASS_NAME;By.CSS_SELECTOR等等都定位不了，后面是使用了Selenium库中的ActionChains类来模拟鼠标点击操作才把这个问题解决了。2、网页结构先来看一下网页结
  • TCP丢包原因、解决办法 摸金青年v 计算机基础计算机网络TCP丢包TCP粘包TCP拆包
    TCP是基于不可靠的网络实现可靠的传输，肯定也会存在掉包的情况，如果通信中发现缺少数据或者丢包，那么，最大的可能在于程序发送的过程或者接收的过程出现问题。例如服务端要给客户端发送大量数据，Send频率很高，那么就很有可能在Send环节出现错误（1.程序处理逻辑错误，2.多线程同步问题，3.缓冲区溢出等），如果没有对Send发送失败做处理，那么客户端收到的数据比理论要收到的数据少，就会造成丢数据，丢
  • 深入理解Java泛型 wh柒八九 核心知识点java相关java面试
    作为一个Java程序员，日常编程早就离不开泛型。泛型自从JDK1.5引进之后，真的非常提高生产力。一个简单的泛型T，寥寥几行代码，就可以让我们在使用过程中动态替换成任何想要的类型，再也不用实现繁琐的类型转换方法。文章目录概述Java泛型实现方式类型擦除带来的缺陷不支持基本数据类型运行效率运行期间无法获取泛型实际类型Java泛型历史背景本文小结概述泛型虽然我们每天都在用，但是还有很多同学可能并不了解
  • Python Django ORM qq_15654157 Pythonpython
    一、ORM介绍1.什么是ORM?ORM全拼Object-RelationMapping.中文意为对象-关系映射.在MVC/MVT设计模式中的Model模块中都包括ORM2.ORM优势（1）只需要面向对象编程,不需要面向数据库编写代码.对数据库的操作都转化成对类属性和方法的操作.不用编写各种数据库的sql语句.（2）实现了数据模型与数据库的解耦,屏蔽了不同数据库操作上的差异.不在关注用的是mysql
  • 多线程与高并发（6）——CAS详解（包含ABA问题） 李王家的翠花 java多线程java开发语言
    一、乐观锁和悲观锁乐观锁和悲观锁都是用于解决并发场景下的数据竞争问题，不局限于某种编程语言或数据库。1、乐观锁：就是很乐观，每次去拿数据的时候都认为别人不会修改，所以不会上锁，但是在更新的时候会判断一下在此期间别人有没有去更新这个数据。乐观锁的实现方式：主要有两种，一种是CAS机制，一种是版本号机制。（1）版本号机制：在数据中增加一个version字段用来表示该数据的版本号，每当数据被修改版本号就
  • PTA:指针 字符串的连接 悦悦子a啊 C语言PTA习题c++算法开发语言
    本题要求实现一个函数，将两个字符串连接起来。函数接口定义：char*str_cat(char*s,char*t);函数str_cat应将字符串t复制到字符串s的末端，并且返回字符串s的首地址。裁判测试程序样例：#include#include#defineMAXS10char*str_cat(char*s,char*t);intmain(){char*p;charstr1[MAXS+MAXS]={
  • Java并发CAS中的ABA问题 fragrans JavaJava并发编程CASABA
    1.ABA产生的原因CAS会导致“ABA问题”。CAS算法实现一个重要前提需要取出内存中某时刻的数据并在当下时刻比较并替换，那么在这个时间差类会导致数据的变化。比如说一个线程1从内存位置V中取出A，这时候另一个线程2也从内存中取出A，并且线程2进行了一些操作将值变成了B，然后线程2又将V位置的数据变成了A，这时候线程1进行CAS操作发现内存中仍然是A，然后线程1操作成功。只关注开始和结尾，不关心中
  • python系列：如何在FastAPI中使用Pydantic的BaseModel上传文件和字典列表？ 坦笑&&life #pythonpythonfastapiwindows
    如何在FastAPI中使用Pydantic的BaseModel上传文件和字典列表？如何在FastAPI中使用Pydantic的BaseModel上传文件和字典列表？问题：回答：虽然`Pydantic模型`过去不允许使用`Query字段`，并且必须在单独的依赖类中实现查询`parameter-parsing`，如本答案和本答案所示，但这一点最近发生了变化，因此，可以使用`BaseModel类`将`Q
  • 6.3、OTN 保护 费 光同步数字传送网络信息与通信传送网
    一、光线路保护图示：图中上方部分展示了光线路保护的结构。可以看到有工作通道和保护通道，两端都有OLP（光线路保护）模块。原理：业务信号在工作通道传输，同时有一个独立的保护通道作为备份。当工作通道出现光纤失效等故障时，OLP模块会自动将业务切换到保护通道，实现业务的不间断传输。特点：适用组网：适用于链型组网，这种组网方式结构相对简单，成本较低。保护范围：主要针对线路光纤失效进行保护，能够有效应对因光
  • 笨办法学python3进阶篇_笨办法学Python 3 进阶篇 weixin_39959298 笨办法学python3进阶篇
    第一部分准备知识1如果不喜欢作者的个人流程怎么办2如果发现自己太糟糕怎么办2习题0准备工作3程序员用的编辑器3Python3.63工作终端4pip和virtualenv的配置4实验笔记4GitHub账号5git5可选：录屏软件5进一步研究5习题1论流程7习题挑战8巩固练习9进一步研究9习题2论创新11习题挑战11巩固练习12习题3论质量13习题挑战14巩固学习14第二部分快速实现15如何练习创新1
  • AVR单片机状态与编程 正义飞 单片机AVR
    (1)在AVR的器件手册中，使用已编程(Programmed)和未编程(Unprogrammed)定义熔丝位的状态。未编程表示熔丝位状态为“1”(禁止)；已编程表示熔丝位状态为“0”(允许)。(2)AVR的熔丝位可以多次编程，不是一次性的OPT熔丝。(3)熔丝位的配置可以通过并行方式、ISP串行方式和JTAG串行方式实现。(4)AVR芯片加密锁定后(LB2/LB1=1/0,0/0)不能通过任何方式
  • Go语言学习笔记——gin实现验证码 PPPsych Go精进学习gin
    文章目录Golang验证码知识结构下载包导包配置session创建中间件生成图片生成验证码验证前端页面测试Golang验证码知识结构ginsession中间件表单处理路由下载包gogetgithub.com/dchest/captcha导包import("bytes""net/http""time""github.com/dchest/captcha""github.com/gin-contrib
  • 力扣 349.两个数组的交集（c语言） 「已注销」 leetcode算法职场和发展
    1.题目描述2.思路讲解乍一看这题好像挺简单，但我写的时候也出现了很多问题。终究还是自己太菜了。我最后是使用的哈希表来解决，因为测试用例中没有出现负数，所以可行（对我来说），创建两个哈希表，最后值只要不为0就代表一定为交集3.代码实现int*intersection(int*nums1,intnums1Size,int*nums2,intnums2Size,int*returnSize){//创建
  • 基于vue实现九宫格大转盘抽奖 HhhDreamof_ vuehtmljs
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、基于vue实现九宫格大转盘抽奖二、使用步骤基于vue实现九宫格大转盘抽奖总结前言基于vue实现九宫格大转盘抽奖提示：以下是本篇文章正文内容，下面案例可供参考一、基于vue实现九宫格大转盘抽奖示例：为活动而写的一小段代码。二、使用步骤1.基于vue实现九宫格大转盘抽奖代码如下（示例）：      javascript实现
  • AI光速发展的时代，普通人怎么才能上车？ 头脑旋风 AI变现之路人工智能
    文章开始之前希望大家支持一下我独立开发的微信小程序“头脑旋风”，或微信扫描我的头像进入，谢谢支持~在人工智能快速发展的今天，普通人上车并非易事，但通过系统化的策略和持续的努力，是可以实现个人成长和职业转型的。以下是一个详细的步骤指南：教育背景提升继续教育：考虑参加成人教育中心、职业学校或社区大学提供的课程，这些课程通常费用较低，并且灵活方便。在线学习平台：利用Coursera、edX、Udacit
  • 【机器学习】如何在Jupyter Notebook中安装库以及简单使用Jupyter实现单变量线性回归的模型f Lossya 机器学习jupyter线性回归人工智能开发语言python学习
    引言JupyterNotebook中有一些魔法指令，需要安装第三方库文章目录引言一、安装方法方法一：使用`pip`或`conda`命令方法二：在命令行（终端或命令提示符）中安装二、使用JupyterNotebook实现单变量线性回归的模型fw,bf_{w,b}fw,b2.1工具2.2问题陈述2.3创建`x_train`和`y_train`变量2.4训练示例的数量`m`2.5训练示例`x_i,y_i
  • SQLAlchemy ORM在Python Web开发中的核心作用探究 不一样的信息安全 网络杂烩sql
    摘要在PythonWeb开发领域，SQLAlchemyORM扮演着至关重要的角色。作为一种对象关系映射工具，它能够将Python类与数据库表相映射，实现数据行与Python对象之间的转换。开发者可以使用面向对象的方法操作数据库，无需直接编写SQL语句，从而大幅提升开发效率并降低出错概率。SQLAlchemyORM提供了一套强大而灵活的数据库操作方法，助力开发者快速构建和维护复杂的数据模型。关键词S
  • 代码架构编写规范：多线程操作与多文件、多包设计 千天夜 知识积累架构师转型之路开发语言python系统架构
    在多线程编程中，代码架构的设计不仅影响系统的性能，还决定了系统的可维护性、扩展性和可调试性。在多线程环境下，设计良好的架构可以有效避免竞态条件、死锁以及其他并发问题，同时提高系统的稳定性和可扩展性。本文将聚焦于如何在多线程操作中编写规范的代码架构，涵盖多文件、多线程、多包的交互设计，并提供线程机制的规范和保活机制的实现。一、架构设计原则1.1分离关注点在进行多线程开发时，首先要遵循的原则是分离关注
  • 学习python你必须弄懂的 Python、Pycharm、Anaconda 三者之间的关系 经纬数智 pythonpythonpycharm开发语言conda
    Python作为深度学习和人工智能学习的热门语言，学习一门语言，除了学会其简单的语法之外还需要对其进行运行和实现，才能实现和发挥其功能和作用。下面来介绍运行Python代码常用到的工具总结。一.Python、Pycharm、Anaconda关系介绍1.PythonPython是一种跨平台的计算机程序语言。是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。最初被设计用于编写自动化脚本(
  • JAVA基础 灵静志远 位运算加载Date字符串池覆盖
    一、类的初始化顺序 1 （静态变量，静态代码块）-->（变量，初始化块）--> 构造器 同一括号里的，根据它们在程序中的顺序来决定。上面所述是同一类中。如果是继承的情况，那就在父类到子类交替初始化。 二、String 1 String a = "abc"; JAVA虚拟机首先在字符串池中查找是否已经存在了值为"abc"的对象，根
  • keepalived实现redis主从高可用 bylijinnan redis
    方案说明 两台机器（称为A和B），以统一的VIP对外提供服务 1.正常情况下，A和B都启动，B会把A的数据同步过来（B is slave of A） 2.当A挂了后，VIP漂移到B；B的keepalived 通知redis 执行：slaveof no one，由B提供服务 3.当A起来后，VIP不切换，仍在B上面；而A的keepalived 通知redis 执行slaveof B，开始
  • java文件操作大全 0624chenhong java
    最近在博客园看到一篇比较全面的文件操作文章，转过来留着。 http://www.cnblogs.com/zhuocheng/archive/2011/12/12/2285290.html 转自http://blog.sina.com.cn/s/blog_4a9f789a0100ik3p.html 一.获得控制台用户输入的信息    &nbs
  • android学习任务 不懂事的小屁孩 工作
    任务 完成情况 搞清楚带箭头的pupupwindows和不带的使用 已完成 熟练使用pupupwindows和alertdialog，并搞清楚两者的区别 已完成 熟练使用android的线程handler,并敲示例代码 进行中 了解游戏2048的流程，并完成其代码工作 进行中-差几个actionbar 研究一下android的动画效果，写一个实例 已完成 复习fragem
  • zoom.js 换个号韩国红果果 oom
    它的基于bootstrap 的 https://raw.github.com/twbs/bootstrap/master/js/transition.js  transition.js模块引用顺序 <link rel="stylesheet" href="style/zoom.css"> <script src=&q
  • 详解Oracle云操作系统Solaris 11.2 蓝儿唯美 Solaris
    当Oracle发布Solaris 11时，它将自己的操作系统称为第一个面向云的操作系统。Oracle在发布Solaris 11.2时继续它以云为中心的基调。但是，这些说法没有告诉我们为什么Solaris是配得上云的。幸好，我们不需要等太久。Solaris11.2有4个重要的技术可以在一个有效的云实现中发挥重要作用：OpenStack、内核域、统一存档（UA）和弹性虚拟交换（EVS）。 
  • spring学习——springmvc（一） a-john springMVC
    Spring MVC基于模型-视图-控制器（Model-View-Controller，MVC）实现，能够帮助我们构建像Spring框架那样灵活和松耦合的Web应用程序。   1，跟踪Spring MVC的请求 请求的第一站是Spring的DispatcherServlet。与大多数基于Java的Web框架一样，Spring MVC所有的请求都会通过一个前端控制器Servlet。前
  • hdu4342 History repeat itself-------多校联合五 aijuans 数论
    水题就不多说什么了。 #include<iostream>#include<cstdlib>#include<stdio.h>#define ll __int64using namespace std;int main(){ int t; ll n; scanf("%d",&t); while(t--)
  • EJB和javabean的区别 asia007 beanejb
    EJB不是一般的JavaBean,EJB是企业级JavaBean,EJB一共分为3种,实体Bean,消息Bean,会话Bean,书写EJB是需要遵循一定的规范的,具体规范你可以参考相关的资料.另外,要运行EJB,你需要相应的EJB容器,比如Weblogic,Jboss等,而JavaBean不需要,只需要安装Tomcat就可以了   1.EJB用于服务端应用开发, 而JavaBeans
  • Struts的action和Result总结 百合不是茶 strutsAction配置Result配置
        一:Action的配置详解:      下面是一个Struts中一个空的Struts.xml的配置文件     <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC &quo
  • 如何带好自已的团队 bijian1013 项目管理团队管理团队
    在网上看到博客" 怎么才能让团队成员好好干活"的评论，觉得写的比较好。 原文如下： 我做团队管理有几年了吧，我和你分享一下我认为带好团队的几点： 1.诚信         对团队内成员，无论是技术研究、交流、问题探讨，要尽可能的保持一种诚信的态度，用心去做好，你的团队会感觉得到。 2.努力提
  • Java代码混淆工具 sunjing ProGuard
    Open Source Obfuscators ProGuard http://java-source.net/open-source/obfuscators/proguardProGuard is a free Java class file shrinker and obfuscator. It can detect and remove unused classes, fields, m
  • 【Redis三】基于Redis sentinel的自动failover主从复制 bit1129 redis
    在第二篇中使用2.8.17搭建了主从复制，但是它存在Master单点问题，为了解决这个问题，Redis从2.6开始引入sentinel，用于监控和管理Redis的主从复制环境，进行自动failover，即Master挂了后，sentinel自动从从服务器选出一个Master使主从复制集群仍然可以工作，如果Master醒来再次加入集群，只能以从服务器的形式工作。   什么是Sentine
  • 使用代理实现Hibernate Dao层自动事务 白糖_ DAOspringAOP框架Hibernate
    都说spring利用AOP实现自动事务处理机制非常好，但在只有hibernate这个框架情况下，我们开启session、管理事务就往往很麻烦。 public void save(Object obj){ Session session = this.getSession(); Transaction tran = session.beginTransaction(); try
  • maven3实战读书笔记 braveCS maven3
    Maven简介 是什么？ Is a software project management and comprehension tool.项目管理工具 是基于POM概念(工程对象模型) [设计重复、编码重复、文档重复、构建重复，maven最大化消除了构建的重复] [与XP：简单、交流与反馈；测试驱动开发、十分钟构建、持续集成、富有信息的工作区]     功能：
  • 编程之美-子数组的最大乘积 bylijinnan 编程之美
    public class MaxProduct { /** * 编程之美 子数组的最大乘积 * 题目: 给定一个长度为N的整数数组，只允许使用乘法，不能用除法，计算任意N-1个数的组合中乘积中最大的一组，并写出算法的时间复杂度。 * 以下程序对应书上两种方法，求得“乘积中最大的一组”的乘积——都是有溢出的可能的。 * 但按题目的意思，是要求得这个子数组，而不
  • 读书笔记-2 chengxuyuancsdn 读书笔记
    1、反射 2、oracle年-月-日 时-分-秒 3、oracle创建有参、无参函数 4、oracle行转列 5、Struts2拦截器 6、Filter过滤器(web.xml) 1、反射 (1)检查类的结构 在java.lang.reflect包里有3个类Field,Method,Constructor分别用于描述类的域、方法和构造器。 2、oracle年月日时分秒 s
  • [求学与房地产]慎重选择IT培训学校 comsci it
          关于培训学校的教学和教师的问题,我们就不讨论了,我主要关心的是这个问题       培训学校的教学楼和宿舍的环境和稳定性问题       我们大家都知道，房子是一个比较昂贵的东西，特别是那种能够当教室的房子... &nb
  • RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 daizj oraclermanfilespersetPARALLELISM
    RMAN配置中通道(CHANNEL)相关参数 PARALLELISM 、FILESPERSET的关系 转 PARALLELISM --- 我们还可以通过parallelism参数来指定同时"自动"创建多少个通道： RMAN > configure device type disk parallelism 3 ; 表示启动三个通道，可以加快备份恢复的速度。
  • 简单排序:冒泡排序 dieslrae 冒泡排序
    public void bubbleSort(int[] array){ for(int i=1;i<array.length;i++){ for(int k=0;k<array.length-i;k++){ if(array[k] > array[k+1]){
  • 初二上学期难记单词三 dcj3sjt126com sciet
    concert 音乐会 tonight 今晚 famous 有名的；著名的 song 歌曲 thousand 千 accident 事故；灾难 careless 粗心的，大意的 break 折断；断裂；破碎 heart 心（脏） happen  偶尔发生，碰巧 tourist 旅游者；观光者 science （自然）科学 marry 结婚 subject 题目；
  • I.安装Memcahce 1. 安装依赖包libevent Memcache需要安装libevent,所以安装前可能需要执行 Shell代码 收藏代码 dcj3sjt126com redis
    wget http://download.redis.io/redis-stable.tar.gz tar xvzf redis-stable.tar.gz cd redis-stable make   前面3步应该没有问题，主要的问题是执行make的时候，出现了异常。 异常一： make[2]: cc: Command not found 异常原因：没有安装g
  • 并发容器 shuizhaosi888 并发容器
       通过并发容器来改善同步容器的性能，同步容器将所有对容器状态的访问都串行化，来实现线程安全，这种方式严重降低并发性，当多个线程访问时，吞吐量严重降低。    并发容器ConcurrentHashMap       替代同步基于散列的Map，通过Lock控制。   &nb
  • Spring Security（12）——Remember-Me功能 234390216 Spring SecurityRemember Me记住我
    Remember-Me功能   目录   1.1     概述 1.2     基于简单加密token的方法 1.3     基于持久化token的方法 1.4     Remember-Me相关接口和实现
  • 位运算 焦志广 位运算
    一、位运算符Ｃ语言提供了六种位运算符： & 按位与 | 按位或 ^ 按位异或 ~ 取反 << 左移 >> 右移 1. 按位与运算 按位与运算符"&"是双目运算符。其功能是参与运算的两数各对应的二进位相与。只有对应的两个二进位均为1时，结果位才为1 ，否则为0。参与运算的数以补码方式出现。 例如：9&am
  • nodejs 数据库连接 mongodb mysql liguangsong mongodbmysqlnode数据库连接
    1.mysql 连接    package.json中dependencies加入     "mysql":"~2.7.0"    执行 npm install      在config 下创建文件 database.js    
  • java动态编译 olive6615 javaHotSpotjvm动态编译
        在HotSpot虚拟机中，有两个技术是至关重要的，即动态编译(Dynamic compilation)和Profiling。     HotSpot是如何动态编译Javad的bytecode呢？Java bytecode是以解释方式被load到虚拟机的。HotSpot里有一个运行监视器，即Profile Monitor,专门监视
  • Storm0.9.5的集群部署配置优化 roadrunners 优化storm.yaml
    nimbus结点配置（storm.yaml）信息： # Licensed to the Apache Software Foundation (ASF) under one # or more contributor license agreements. See the NOTICE file # distributed with this work for additional inf
  • 101个MySQL 的调节和优化的提示 tomcat_oracle mysql
    　1. 拥有足够的物理内存来把整个InnoDB文件加载到内存中——在内存中访问文件时的速度要比在硬盘中访问时快的多。 　　2. 不惜一切代价避免使用Swap交换分区 – 交换时是从硬盘读取的，它的速度很慢。 　　3. 使用电池供电的RAM（注：RAM即随机存储器）。 　　4. 使用高级的RAID（注：Redundant Arrays of Inexpensive Disks，即磁盘阵列
  • zoj 3829 Known Notation(贪心) 阿尔萨斯 ZOJ
    题目链接：zoj 3829 Known Notation 题目大意：给定一个不完整的后缀表达式，要求有2种不同操作，用尽量少的操作使得表达式完整。 解题思路：贪心，数字的个数要要保证比∗的个数多1，不够的话优先补在开头是最优的。然后遍历一遍字符串，碰到数字+1，碰到∗-1,保证数字的个数大于等1，如果不够减的话，可以和最后面的一个数字交换位置（用栈维护十分方便），因为添加和交换代价都是1
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他