fengyehongWorld
fengyehongWorld

Thymeleaf th:fragment局部刷新

目录

  • 一. 前期准备
  • 二. Controller
  • 三. HTML
  • 四. JS
  • 五. 效果

一. 前期准备

import lombok.Data;

@Data
public class Test14SubForm {

    private String title;

    private String name;

    private Boolean recommend;

    private Boolean published;
}

import lombok.Data;
import java.util.List;

@Data
public class Test14Form {
	
	// 组合
    private List<Test14SubForm> entityList;

    private String id;
}

二. Controller

  • ModelAndView: 页面初始化时，指定跳转页面，并且绑定数据到Thymeleaf中
  • Model: 局部刷新时携带数据到Thymeleaf中
  • return HTML名称 :: 片段名称: 用来指定局部刷新的区域
import com.example.jmw.form.Test14Form;
import com.example.jmw.form.Test14SubForm;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;

import java.util.Arrays;
import java.util.List;

@Controller
@RequestMapping("/test14")
public class Test14Controller {

    @GetMapping("/init")
    public ModelAndView init() {

        ModelAndView modelAndView = new ModelAndView();
        modelAndView.setViewName("test14");

        // 准备数据
        Test14SubForm test14SubForm1 = new Test14SubForm();
        test14SubForm1.setName("贾飞天");
        test14SubForm1.setTitle("人的一生");
        test14SubForm1.setPublished(false);
        test14SubForm1.setPublished(false);
        Test14SubForm test14SubForm2 = new Test14SubForm();
        test14SubForm2.setName("枫叶红");
        test14SubForm2.setTitle("程序员进阶");
        test14SubForm2.setPublished(false);
        test14SubForm2.setPublished(true);

        List<Test14SubForm> dataEntityList = Arrays.asList(test14SubForm1, test14SubForm2);
        Test14Form test14Form = new Test14Form();
        test14Form.setEntityList(dataEntityList);

        modelAndView.addObject("entity", test14Form);
        return  modelAndView;
    }

    @PostMapping("/testPartFlush")
    public String testPartFlush(@RequestBody Test14Form form, Model model) {
		
		System.out.println(form.getId());  // 110120

        // 准备数据
        Test14SubForm test14SubForm1 = new Test14SubForm();
        test14SubForm1.setName("张三");
        test14SubForm1.setTitle("摸鱼之王");
        test14SubForm1.setPublished(true);
        test14SubForm1.setPublished(true);
        Test14SubForm test14SubForm2 = new Test14SubForm();
        test14SubForm2.setName("李四");
        test14SubForm2.setTitle("入门到放弃");
        test14SubForm2.setPublished(false);
        test14SubForm2.setPublished(false);

        List<Test14SubForm> dataEntityList = Arrays.asList(test14SubForm1, test14SubForm2);
        Test14Form test14Form = new Test14Form();
        test14Form.setEntityList(dataEntityList);

        // 把要局部刷新的数据返回到前端定义好的片段中
        model.addAttribute("entity", test14Form);

        /*
         * 其中test14为html的名称
         * dataList为th:fragment片段的名称
         */
        return "test14 :: dataList";
    }
}

三. HTML

DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <script type="text/javascript" th:src="@{/js/public/jquery-3.6.0.min.js}">script>
    <style>
        .fontColor1 {
            color: red;
        }

        .fontColor2 {
            color: yellow;
        }
    style>
    <title>testtitle>
head>
<body>
    <button id="flushBtn">thymeleaf局部刷新表格button>
    <hr>
    <div id="content" th:object="${entity}">
        
        <table id="table" th:fragment="dataList">
            
            <thead>
                <tr>
                    <th>行号th>
                    <th>标题th>
                    <th>分类th>
                    <th>推荐th>
                    <th>文章状态th>
                tr>
            thead>
            
            <tbody>
                
                <tr th:each="data, status: ${entity.entityList}">
                    <td th:text="${status.index}">1td>
                    <td th:text="${data.title}">小技巧td>
                    <td data-test="blogName">[[${data.name}]]td>
                    
                    <td th:text="${data.recommend} ? '是' : '否' ">是td>
                    
                    <td th:class="${data.published} ? 'fontColor1' : 'fontColor2' ">[[${data.published} ? '发布' : '草稿' ]]td>
                tr>
            tbody>
        table>
    div>
body>

四. JS

  • 发送Ajax请求，局部刷新Thymeleaf片段，后台向Ajax返回的是字符串
  • Ajax请求不能指定返回值为json，否则无法获取局部刷新之后的HTML字符串
  • 若局部刷新的区域有事件绑定，在DOM重绘之后，事件会失效，需要重新进行绑定
$(function() {
     EventBind();
 });

$("#flushBtn").click(() => {

    const url = `http://localhost:8080/test14/testPartFlush`;
    const data = {
        id: "110120",
    };

    $.ajax({
        url: url,
        type: 'POST',
        data: JSON.stringify(data),
        contentType : 'application/json;charset=utf-8',
        success: function (data, status, xhr) {

            console.log("====后台返回的数据开始====");
            console.log(data);
            console.log("====后台返回的数据结束====");

            // 其中data为后台返回的局部刷新之后的DOM字符串,我们将其添加到待重绘区域
            $("#table").html(data);

            // 表格重绘会导致原先绑定的事件失效,因此需要重新进行事件绑定
            EventBind();
        }
    });
});

// 事件绑定
function EventBind() {
    $("[data-test='blogName']").click(function () {
        console.log($(this).text());
    });
}

五. 效果

Thymeleaf th:fragment局部刷新_第1张图片

你可能感兴趣的:(#,Thymeleaf,Thymeleaf)

  • spring MVC 介绍 LCY133 spring后端springmvcjava
    SpringMVC是Spring框架中用于构建Web应用的核心模块，基于MVC设计模式（Model-View-Controller）实现。以下是其核心概念的整理：1.MVC设计模式•Model（模型）：封装业务数据和业务逻辑（如POJO对象、Service层）。•View（视图）：负责数据展示（如JSP、Thymeleaf、HTML）。•Controller（控制器）：接收请求，调用业务逻辑，返回
  • springboot整合Thymeleaf详解 weiha666 springboot
    Thymeleaf介绍简单说，Thymeleaf是一个跟Velocity、FreeMarker类似的模板引擎，它可以完全替代JSP。相较与其他的模板引擎，它有如下三个极吸引人的特点：Thymeleaf在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持html原型，然后在html标签里增加额外的属性来达到模板+数
  • SpringMVC系列之整合Thymeleaf【Thymeleaf整合springmvc介绍及Thymeleaf基础概念、使用语法详解】 吕鑫洋 SpringMVC系列javahtmljsspringmvc
    Thymeleaf是java的模板引擎，可以将动态页面静态化；目前使用较多的模板引擎：Velocity、Freemarker、Thymeleaf一、Maven依赖Thymeleaf整合springmvc共需要两个jar：1.thymeleaf2.thymeleaf-spring5org.thymeleafthymeleaf3.0.9.RELEASEorg.thymeleafthymeleaf-sp
  • SpringMVC基本使用 沉下心来学技术 tomcatspringjava
    SpringMVC是什么？SpringMVC是Spring框架中的一个模块，用于构建基于MVC（Model-View-Controller）设计模式的Web应用程序。它分离了应用程序的业务逻辑、用户界面和用户输入，使开发更加模块化和易于维护。核心组件Model：负责封装应用数据，通常与业务逻辑交互。View：负责渲染数据，生成用户界面（如JSP、Thymeleaf）。Controller：处理用户
  • Spring Cloud Alibaba微服务架构实战教程—17分布式缓存下Redis设计 江湖一点雨 最新SpringCloudAlibaba实战开发redis缓存设计springcloud微服务实战springcloudalibabajava开发实战
    前言大多数的文章，开头就是告诉你使用redis做缓存，怎么怎么样，而本系列，不打算采用这样无趣的写法，这和直接搬运有什么区别？笔者力求读者能得到更大程度的系统学习，会从为什么使用缓存来给大家进行学习。问问大家，当系统的执行速度慢怎么办？对于更新速度不是很快的站点，可以采用静态化来避免过多的数据查询。通常前端使用Freemaker或Velocity、thymeleaf等模板引擎来实现页面的静态化。对
  • Thymeleaf vs JSP vs FreeMarker：模板引擎深度解析与选型指南 暮乘白帝过重山 java开发语言ThymeleafFreeMarkerJSP
    以下是一篇关于Thymeleaf与其他主流模板引擎（如JSP、FreeMarker、Velocity等）的解析一、模板引擎的核心价值模板引擎是动态网页开发的关键工具，通过将数据与静态模板结合生成最终页面。其核心优势包括：动态内容渲染：通过表达式或标签实现数据动态填充；代码复用：支持模块化片段（如页头、页脚）的复用；前后端解耦：允许开发者与设计师协作，提升开发效率1712。二、主流模板引擎深度对比1
  • Spring Web MVC(1) 我爱Jack springmvc后端java
    一、SpringMVC是什么？核心角色：SpringMVC是⼀套基于Servlet规范的Web开发框架，像餐厅的标准化管理流程，规定了每个环节的职责。用户发起请求（点餐）时，SpringMVC协调各组件处理并响应结果（上菜）。二、MVC模式深度解析类比餐厅模型：角色职责对应Spring组件顾客（用户）发起请求（点菜）浏览器用户服务员（View）展示菜单并上菜（显示结果）JSP/Thymeleaf模
  • Spring Boot整合Thymeleaf模板引擎实战——从静态页面到动态表单处理全流程解析 Sendingab 零基础7天精通SpringBootSpringboot从入门到精通springboot后端javatomcatspringspringcloudxml
    https://example.com/thymeleaf-spring-demo前言在前后端不分离的传统Web项目中，Thymeleaf凭借自然的HTML语法与强大的表达式功能成为SpringBoot官方推荐的模板引擎。本文将带你从零实现用户注册功能，涵盖表单验证、页面碎片化、国际化等核心场景，并分享性能调优实战经验。一、快速整合Thymeleaf1.1添加基础依赖 xmlorg.springf
  • html + thymeleaf 制作邮件模板 你的万花筒 thymeleafcsshtmlcssspringbootvscode前端
    背景：有一个接口流量超限自动给客户发邮件展示接口访问量错误码等的需求，前后端不能分离的，本来是交给后端同学做，但是领导觉得后端同学做的样式太丑，所以交给了我，框架是后端同学搞好的，我直接从在html用thymeleaf语法编写开始的。思路：需要接入数据库，所以使用了后端的thymeleaf模板，在html标签中可以通过$符合直接访问后端透出的变量，比如下图的request可以直接来访问。thyme
  • Spring Boot集成Shiro认证 利瑞华 springboot后端java
    在现代Web开发中，安全性是至关重要的。Shiro是一个强大的Java安全框架，提供了认证、授权、加密和会话管理等功能。本文将详细介绍如何在SpringBoot项目中集成Shiro进行用户认证。一、项目准备首先，我们需要创建一个SpringBoot项目，并添加必要的依赖。在pom.xml文件中添加Shiro、MyBatis、数据库驱动和Thymeleaf等依赖：org.springframewor
  • Java毕业设计——＞ Thymeleaf+SpringBoot+SpringDataJPA实现的中小医院信息管理系统 Java天下第1 Java毕业设计（源码和数据库部分有lunwen）医院管理系统SSM医院信息管理系统药房管理系统SSM医院医院SSM
    本系统是基于Thymeleaf+SpringBoot+SpringDataJPA实现的的中小医院信息管理系统。简单实现了挂号收费，门诊管理，划价收费，药房取药，体检管理，药房管理，系统维护等基础功能。难度等级：中等技术栈编辑器IntelliJIDEA2019.1.1(UltimateEdition)前端技术基础：html+css+JavaScript框架：Bootstrap+JQuery后端技术S
  • 【Spring Boot 实现 PDF 导出】 web14786210723 面试学习路线阿里巴巴springbootpdf后端
    SpringBoot实现PDF导出在SpringBoot应用程序中实现PDF导出功能，可以选择多种库和技术栈。每种方法都有其优缺点，适用于不同的场景。以下是四种常见的方式：iText、ApachePDFBox、JasperReports和Thymeleaf+FlyingSaucer。我将详细对比这些方法，并提供相应的代码示例。1.iText优点:丰富的API:支持复杂的PDF操作，如加密、数字签名
  • thymeleaf模板_Thymeleaf参考手册（十五）：模板缓存 weixin_39814960 thymeleaf模板
    Thymeleaf的工作要归功于一组解析器（用于标记和文本），该解析器将模板解析为事件序列（打开标签，文本，关闭标签，注释等）和一系列处理器（每种需要一种行为）应用–修改模板解析的事件序列，以便通过将原始模板与我们的数据结合来创建我们期望的结果。默认情况下，它还包括存储已解析模板的缓存；在处理模板文件之前读取和解析模板文件所导致的事件顺序。在Web应用程序中工作时，此功能特别有用，它基于以下概念：
  • Spring Boot中使用Thymeleaf的详细指南 t0_54program springbootpython后端个人开发
    在当今的Web开发中，SpringBoot与Thymeleaf的结合使用越来越受到开发者的青睐。Thymeleaf作为一种现代的模板引擎，能够很好地与SpringBoot集成，为开发者提供了一种简洁、高效的方式来构建动态Web页面。本文将详细介绍如何在SpringBoot应用中使用Thymeleaf，并通过一个具体的实例来展示其强大的功能。一、引入依赖要在SpringBoot项目中使用Thymel
  • 基于SSM的大王门店管理系统设计与实现 qq1744828575 javajava
    目录摘要IAbstractII引言11相关技术31.1SSM31.1.1Spring31.1.2SpringMVC31.1.3MyBatis41.2Shiro41.3前端技术41.3.1Bootstrap41.3.2jQuery41.3.3Ajax51.3.4Layui51.3.5Thymeleaf51.4本章小结62系统分析72.1功能需求分析72.2非功能需求113系统设计133.1系统总体设
  • Java学习 - Spring Boot整合 Thymeleaf 实例 泡芙萝莉酱 Javajava学习springboot
    什么是ThymeleafThymeleaf是新一代的Java模板引擎，类似于Velocity、FreeMarker等传统引擎，其语言和HTML很接近，而且扩展性更高；Thymeleaf的主要目的是将优雅的模板引入开发工作流程中，并将HTML在浏览器中正确显示。同时能够作为静态引擎，让开发成员之间更方便协作开发；SpringBoot官方推荐使用模板，而且SpringBoot也为Thymeleaf提供
  • SpringBoot Web开发中的Thymeleaf模版引擎 利瑞华 springboot前端后端
    在SpringBoot的Web开发中，模板引擎是处理视图层的重要组件之一。在众多模板引擎中，Thymeleaf以其优雅的自然模板设计和对HTML的良好支持，成为了SpringBoot官方推荐的模板引擎。本文将详细介绍如何在SpringBoot项目中使用Thymeleaf模板引擎进行Web开发。Thymeleaf简介Thymeleaf是一个用于Web和独立环境的现代服务器端Java模板引擎。它类似于
  • Thymeleaf基础知识语法 沐暖沐 thymeleaf开发语言
    1、简介Thymeleaf是⾯向Web和独⽴环境的现代服务器端Java模板引擎，能够处理HTML、XML、JavaScript、CSS、TEXT、RAW这六种模板。这六种模版模式包含两种标记模板模式（HTML和XML），三种⽂本模板模式（TEXT，JAVASCRIPT和CSS）和⼀个⽆操作模板模式（RAW）。①简单表达式变量表达式：${…}选择变量表达式：*{…}消息表达：#{…}链接URL表达式
  • Spring Boot入门(19)：超酷炫！Spring Boot + Thymeleaf 带你玩转 Web 页面开发！ 喵手 Springbootspringboot前端后端
    前言在Web开发中，不管是MVC框架还是前后端分离，都需要使用模板引擎来渲染生成页面。Thymeleaf是一款非常优秀的模板引擎，它以自然的方式处理模板，支持HTML5标签，同时兼容HTML4。本文将介绍如何使用SpringBoot框架，整合Thymeleaf模板引擎来开发Web页面。摘要本文将分为以下几个部分:新建SpringBoot项目配置Thymeleaf模板引擎编写HTML页面模板引擎使用
  • Springboot2 thymeleaf 静态资源加版本号控制缓存更新 VIAE
    最近写了一个前后端不分离的项目了，用的Springboot2thymeleaf用的js原生，没有用到webpack，所以不能在每次js变更以后打包自动给静态文件加上hash后缀关于静态资源缓存不更新的问题，用了以下几种解决方案方法一在静态资源引用的时候加上版本号，最开始我就是这么做的，因为当时确实没几个文件index.htmlbug:文件多了以后，这种方法就不太适合了方法二动态添加静态资源，加时间
  • SpringBoot：Thymeleaf集成 dingcho 前端SpringCloudspringbootThymeleaf集成
    org.springframework.bootspring-boot-starter-thymeleaf配置ClassLoaderTemplateResolver：/***Function:todo**@program:TemplateConfig*@Package:com.kingbal.tohtml.tst*@author:dingcho*@date:2024/09/06*@version:
  • 毕设/私活/bigold必备项目，一个挣钱的免费的全开源标准前后端分离后台管理权限系统【springboot+vue+redis+Spring Security】脚手架搭建：若依Ruo框架具体使用教程 南北极之间 前端开发springbootvuespringboot+vue免费后台管理系统毕业私活后台权限系统
    【建议收藏】毕设/私活/大佬必备，一个挣钱的标准开源前后端分离【springboot+vue+redis+SpringSecurity】脚手架一个免费的开源后台管理系统：若依框架（具体使用教程：具体怎样下载？怎样使用？怎样配置后台接口地址？超详细）简介RuoYi是一个JavaEE企业级快速开发平台，基于经典技术组合（SpringBoot、ApacheShiro、MyBatis、Thymeleaf、
  • 基于spring boot的旅游管理系统 鹿屿二向箔 springboot旅游后端
    一个简单的SpringBoot应用的基础结构示例，以及如何设置一个基本的旅游管理系统。这个例子将包含用户注册和登录的基本功能。首先，你需要设置一个新的SpringBoot项目。可以通过SpringInitializr网站（https://start.spring.io/）来快速生成一个基础项目结构，选择必要的依赖项，比如Web、Thymeleaf、SpringDataJPA和MySQLDriver
  • SpringMVC的架构有什么优势？——视图与模型（二） 不会编程的小孩子 架构
    #SpringMVC的架构有什么优势？——视图与模型（二）前言关键字：机器学习人工智能AIchatGPT学习实现使用搭建深度python事件远程dockermysql安全技术部署技术自动化代码视图(View)视图是展示结果的组件，它们负责渲染模型数据并生成HTML输出。SpringMVC支持多种视图技术，包括JSP、Thymeleaf等。视图(View)是SpringMVC中渲染并呈现结果的组件，
  • springboot使用thymeleaf 汤飞 springboot
    1.引入依赖        org.springframework.boot        spring‐boot‐starter‐thymeleaf        3.0.9.RELEASE        2.2.2thymeleaf会自动渲染resource/templates下的html文件，静态资源存放在resource/static中2.新建测试htmlTitle这是显示欢迎信息id:n
  • Springboot+Mybatis+jpa+thymeleaf实现增删改查 柒麒 javaspringbootmybatis
    Springboot+Mybatis+jpa+thymeleaf项目结构pom文件Application配置文件实体类controller层实现类service层接口service层实现类dao层接口启动类index.html首页add.html添加页面update.html更新页面创建user表添加表数据首页展示添加修改删除总结项目结构pom文件配置相关依赖：UTF-8UTF-81.8org.s
  • 项目在idea中运行正常，打包jar后运行就报错Template might not exist or might not be accessible的解决方法 技术菜鸟—淡定万 SpringbootJavajavaspringmavenhtml
    报错情况[http-nio-80-exec-15]ERRORo.t.TemplateEngine-[process,1136]-[THYMELEAF][http-nio-80-exec
  • SpringBoot常见问题 一朝风月S 面试宝典springbootjava
    1引言SpringBoot是一个基于Spring框架的快速开发脚手架，它简化了Spring应用的初始化和搭建过程，提供了众多便利的功能和特性，比如自动配置、嵌入式Tomcat等，让开发人员可以更加专注于业务逻辑的实现。  SpringBoot还提供了强大的插件体系和广泛的集成，可以轻松地与其他技术栈集成，比如Thymeleaf模板、JPA、MyBatis、Redis、MongoDB等，同时也支持对
  • 2.18日学习打卡----初学Dubbo(三) 中北萌新程序员 每日学习学习dubbo
    2.18日学习打卡目录:2.18日学习打卡Dubbo实战项目介绍创建dubbo_parent父项目创建子项目user_api项目创建子项目user_consumer项目创建子项目user_provider项目模块用户实体类构建创建添加用户接口查询用户业务接口更新用户业务接口删除用户业务接口集成Thymeleaf用户添加业务消费者实现用户查询业务消费者实现在Consumer中调用更新用户业务用户删除
  • 【Java】电子凭证-Java生成PDF hkk666123 JavaHTML转PDFhtmlTOPDF
    文章目录背景实现思路技术方案图TemplateEngines(模板引擎)`Thymeleaf``ApacheFreemarker``GroovyTemplates``velocity``HTMLTOPDF`技术各实现对比表WKhtmlTOpdfiTextPhantomJS技术核心:HTML生成PDF背景在某些业务场景中，需要提供相关的电子凭证，比如网银/支付宝中转账的电子回单，签约的电子合同等。方
  • tomcat基础与部署发布 暗黑小菠萝 Tomcat java web
    从51cto搬家了，以后会更新在这里方便自己查看。 做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。 一、Tomcat安装     安装方式：①运行.exe安装包      &n
  • 网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
    1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
  • [信息与安全]数据库的备份问题 comsci 数据库
          如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题   如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢?    是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢?  &n
  • 使用maven tomcat plugin插件debug关联源代码 商人shang mavendebug查看源码tomcat-plugin
    *首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
  • 大访问量高并发 oloz 大访问量高并发
    大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简 要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
  • cache 服务器 小猪猪08 cache
    Cache   即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。 　　1.Cache   是怎么样工作的? 　　Cache   是分配在服务器上
  • mysql存储过程 香水浓 mysql
    Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
  • CSS的class、id、css文件名的常用命名规则 agevs JavaScriptUI框架Ajaxcss
      CSS的class、id、css文件名的常用命名规则     (一)常用的CSS命名规则 　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
  • 全局数据源 AILIKES javatomcatmysqljdbcJNDI
    实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
  • MYSQL的随机查询的实现方法 baalwolf mysql
    MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
  • JAVA的getBytes()方法 bijian1013 javaeclipseunixOS
        在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！      String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
  • AngularJS中操作Cookies bijian1013 JavaScriptAngularJSCookies
            如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。         幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
  • [Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
    Maven聚合   在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
  • 【JVM七】JVM知识点总结 bit1129 jvm
      1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
  • linux下查看nginx、apache、mysql、php的编译参数 ronin47
    在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
  • unity中运用Resources.Load的方法？ brotherlamp unity视频unity资料unity自学unityunity教程
    问：unity中运用Resources.Load的方法？ 答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
  • 线段树-入门 bylijinnan java算法线段树
    /** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
  • 全选与反选 chicony 全选
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
  • vim一些简单记录 chenchao051 vim
    mac在/usr/share/vim/vimrc linux在/etc/vimrc   1、问：后退键不能删除数据，不能往后退怎么办？       答：在vimrc中加入set backspace=2   2、问：如何控制tab键的缩进？       答：在vimrc中加入set tabstop=4 (任何
  • Sublime Text 快捷键 daizj 快捷键sublime
    [size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
  • php 引用(&)详解 dcj3sjt126com PHP
    在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址 变量的引用 PHP 的引用允许你用两个变量来指向同一个内容  复制代码代码如下: <?  $a="ABC";  $b =&$a;  echo
  • SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
    Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
  • 对软件设计的思考 e200702084 设计模式数据结构算法ssh活动
    软件设计的宏观与微观    软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
  • 同步、异步、阻塞、非阻塞 geeksun 非阻塞
    同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。   同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。 场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。   异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。 实现：
  • Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
    實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
  • Hibernate中的缓存 Josh_Persistence 一级缓存Hiberante缓存查询缓存二级缓存
    Hibernate中的缓存   一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
  • 对象关系行为模式之延迟加载 home198979 PHP架构延迟加载
    形象化设计模式实战     HELLO!架构   一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。 延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。     二、实现延迟加载 实现Lazy Load主要有四种方法：延迟初始化、虚
  • xml 验证 pengfeicao521 xmlxml解析
    有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str =       "Jamey&#52828;&#01;&#02;&#209;&#1282
  • div设置半透明效果 spjich css半透明
    为div设置如下样式：   div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}        说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
  • 你真的了解单例模式么？ w574240966 java单例设计模式jvm
        单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。   一，单例模式的5中写法。（回字的四种写法，哈哈。）     1，懒汉式           （1）线程不安全的懒汉式 public cla
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他