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)

  • 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背景在某些业务场景中，需要提供相关的电子凭证，比如网银/支付宝中转账的电子回单，签约的电子合同等。方
  • JAVA后端主流开发框架 理查德.克莱德曼 JavaWebSpringBootjava后端开发语言
    项目介绍一款Java语言基于SpringBoot2.x、Layui、Thymeleaf、MybatisPlus、Shiro、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮、图片裁剪、富文
  • 详解Springboot整合Shiro加盐加散列实现登陆注册小案例 鱼小洲 技术杂谈shiromybatishashspringbootboot-shiro
    前言Springboot和Shiro的基本介绍我就不多说了，能看到这篇文章的相信也都会用。这篇文章主要是分享一下我在学习Shiro和Springboot的整合的小阶段。目前是复习，很感谢B站的up主——编程不良人的视频让我有了一个学习Shiro的基本方向。目前是实现了用户认证的功能。依赖整合的时候使用的是jsp，其实和thymeleaf一个道理，而且不涉及到作用域传值。我们需要导入的依赖有：mys
  • 基于JAVA+Springboot+Thymeleaf前后端分离项目：在线婚纱租赁系统设计与实现 黄菊华老师 计算机系统成品javaspringboot开发语言在线婚纱租赁系统
    博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSD
  • 新手入门------SpringBoot文件上传实现 布吉岛- 入门SpringBootspringbootjavaidea
    本次的内容是实现文件上传，小案例要达到的效果是在浏览器选择好文件，然后上传，最后返回结果（失败或成功），分为单文件和多文件上传。一.案例准备首先还是进行springboot项目的创建，这个就不进行演示了。本次需要添加的依赖是springweb和thymeleaf。如果已经有项目但是没有选择这两个依赖，可以点击pom.xml，在中手动添加如下依赖：org.springframework.bootsp
  • java入门-springboot整合mybatis+layui wwwzhouzy java入门java进阶-框架篇springbootssmlayuimybatisspringboot
    源码地址:https://codechina.csdn.net/wwwzhouzy/springboot-ssm先看看项目启动，访问页面的效果图：需要注意的地方：1、引入layui相关资源文件时注意路径，尤其是引用Thymeleaf标签时静态资源默认从static目录下查找2、注意json传送数据的编码问题，不然会有乱码继承WebMvcConfigurationSupport类，重写方法：@Bea
  • Spring Boot 与 Kotlin 使用JdbcTemplate连接MySQL 全科
    之前介绍了一些Web层的例子，包括构建RESTfulAPI、使用Thymeleaf模板引擎渲染Web视图，但是这些内容还不足以构建一个动态的应用。通常我们做App也好，做Web应用也好，都需要内容，而内容通常存储于各种类型的数据库，服务端在接收到访问请求之后需要访问数据库获取并处理成展现给用户使用的数据形式。本文介绍在SpringBoot基础下配置数据源和通过JdbcTemplate编写数据访问的
  • 基于Springboot开发实现的图书管理系统(附源码) weixin_46668302 javaSpringbootspringbootmybatisjava图书管理系统
    图书管理系统，使用当前最为流行的SpringBoot框架，可作为springboot的入门项目练习使用，也可稍加改进做一个毕业设计项目。一、相关技术栈前端：Thymeleaf、Layui、Ajax、JQuery后端：springboot,mybatis开发环境：IDEA、SpringBoot2.3、Maven数据库：MySQL5.7默认用户当您运行初始脚本后，默认存在以下用户，便于测试：登录名密码
  • Java高并发秒杀系统总结 成为更好的qyk嘻嘻 RedisSpringBootjava开发语言后端
    项目框架搭建：1.SpringBoot环境搭建2.集成thymeleaf，封装公共返回beanRespBean3.MybatisPlus分布式会话：1.用户登录a.设计数据库b.明文密码二次MD5加密c.参数校验+全局异常处理2.共享Sessiona.redis功能开发：1.商品列表2.商品详情3.秒杀4.订单详情系统压测：1.JMeter2.自定义变量模拟多用户3.正式压测a.商品列表b.秒杀页
  • 【Bug解决】themleaf 相对路径引用 js 静态文件失效 wzz2333 bugjavascriptjavaspringboothtml后端前端
    原生HTML文件test.html：测试项目结构：使用SpringBoot+themleaf模板后，位于相对路径处../scripts/目录下的js文件无法成功加载，导致echarts绘制的词云图未显示。解决方案：在标签中添加xmlns:th="http://www.thymeleaf.org"，这是使用Thymeleaf所必需的。标签中的src属性替换为th:src，并使用@{}语法来指定资源的
  • 【SpringBoot】SpringBoot+mysql+thymeleaf+mybatis实现一个Demo 谦风（主Java）（接口开发） #SpringBootmybatisajaxspringmysql
    SpringBoot的数据库连接配置已经在上一篇博客说完啦，现在我们来进行一个Demo的实现，我们使用到的是SpringBoot+mysql+thymeleaf+mybatis首先先看一下我Demo程序的格局：我们逐步来看，首先要在数据库建表，这就不用多说了，我的user表对应的是User类属性packagecom.mybatis.demo.po;publicclassUser{privatein
  • SpringBoot整合Thymeleaf模板引擎 天乔巴夏丶
    [toc]SpringBoot整合Thymeleaf零、本片要点介绍Thymeleaf的概念，理解Thymeleaf的便利且强大。介绍如何快速整合SpringBoot和Thymeleaf。介绍自动配置原理。一、Thymeleaf简介Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎，能够处理HTML，XML，JavaScript，CSS甚至纯文本。Thymeleaf的主要目标
  • 哆啦A梦主题网站(HTML5+CSS3+Javascript) cycyong javascripthtml5css3
    哆啦A梦主题网站1简介2技术介绍3项目演示和获取方式4打开方式5页面图片展示6部分代码展示1简介作为一名哆啦A梦的粉丝，也可以说是哆啦A梦的爱好者。我小时候特别喜欢看哆啦A梦的动画片，因此上大一的时候突发奇想做一个关于小哆啦的主题网站，以此致敬。2技术介绍本项目全程采用HTML5进行编写,有能力的小伙伴也可以将其改成Thymeleaf做成动态网站，静态资源等文件都是齐全的。HTML5CSS3Jav
  • Springboot实现文件上传 Joe14103 常用代码块与笔记springbootjavauploadintellijideaspring
    一、新建Springboot项目并配置1.pom.xml核心依赖org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-starter-thymeleaf2.全局配置文件application.yml，注意yml文件格式spring:servlet:multipart:max-file-s
  • 基于javaweb+mysql的springboot前台+后台在线考试系统设计和实现(java+springboot+ssm+mysql+thymeleaf+html+maven) m0_71046928 javamysqlspringboot
    基于javaweb+mysql的springboot前台+后台在线考试系统设计和实现(java+springboot+ssm+mysql+thymeleaf+html+maven)运行环境Java≥8、MySQL≥5.7开发工具eclipse/idea/myeclipse/sts等均可配置运行适用课程设计，大作业，毕业设计，项目练习，学习演示等功能说明基于javaweb+mysql的SpringB
  • SpringBoot+MyBatisPlus+thymeleaf增删改查 dxjzs mybatisvue.jsmysql
    SpringBoot+MyBatisPlus+thymeleaf增删改查一、基本介绍建议在写之前会熟练使用vue脚手架，以及掌握vue相关知识本文章会教你构建一个springboot+mybatisplus+thymeleaf+mysql的增删改查二、数据层1.导入SQL数据库名称edocmanagement/*NavicatPremiumDataTransferSourceServer:loca
  • springboot Thymeleaf基本使用 忘忧记 springboot后端java
    文章目录什么是Thymeleaf集成Thymeleaf模板引入依赖编辑配置编写controller测试访问Thymeleaf基础用法1).html文件使用thymeleaf语法必须导入thymeleaf的头才能使用相关语法2).在html中通过thymeleaf语法获取数据获取单个属性获取对象属性传递集合对象传递条件对象获取session作用域Thymeleaf如何引入静态资源使用thymelea
  • springboot基础案例(二) 忘忧记 springbootjava后端
    文章目录前言一.需求分析:分析这个项目含有哪些功能模块二.库表设计(概要设计):1.分析系统有哪些表2.分析表与表关系3.确定表中字段(显性字段隐性字段(业务字段))2.1创建一个库:ems-thymeleaf2.2创建2张表三.编码(环境搭建)1.创建一个springboot项目项目名字:ems-thymeleaf2.修改配置文件为application.ymlpom.xml3.修改端口9999
  • SpringBoot：web开发 ChinaDragonDreamer #SpringBootspringboot前端后端bootstrap
    web开发demo：点击查看LearnSpringBoot05Web点击查看更多的SpringBoot教程技术摘要webjarsBootstrap模板引擎thymeleaf嵌入式Servlet容器注册web三大组件一、webjarswebjars官网简介简介翻译WebJars是打包到JAR（JavaArchive）文件中的客户端Web库（例如jQuery和Bootstrap）。显式且轻松地管理基于
  • 【Java】使用springbook、thymeleaf、mybatis、mysql等技术实现员工管理系统的制作 db_lcz_2014 javamybatismysql
    目录一、项目搭建二、项目实现2.1项目结构：2.2Controller层2.3model层2.4repository层2.5service层EmployeeService接口：EmployeeServiceImpl类：三、效果图展示（部分）四、学习心得一、项目搭建1、因要打印文档，故仅展示部分代码，详细请看代码源或者csdn博客网站2、项目搭建用到的技术是：springbook、thymeleaf
  • 【Java】使用springbook、thymeleaf、mybatis、mysql实现构建学生管理系统 db_lcz_2014 java开发语言
    目录一、前言二、项目搭建三、项目实现：2.1项目结构：2.2Controller层2.2.1设计课程管理Controller2.2.2设计学生信息管理Controller2.2.3设计登录注册Controller2.2.4设计学生管理Controller2.3mapper层2.3.1CourseMapper2.3.2StudentMapper接口2.4pojo层2.4.1Course类2.4.1S
  • spring boot +layui快速启动登录 jq post请求 虚构的乌托邦 小程序vue.jsjava
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录准备好layui依赖或layuiminidemo（里面lib文件夹包含layui依赖）在springboot项目中添加模板引擎thymeleaf在资源文件夹里创建static和templates文件夹（正常创建项目会自带）并放入layuiminidemo除了page文件夹的其他依赖文件资源修改logo.html页面把引用的连接
  • thymeleaf springboot CRUD （新手向） 小丑皇_0624
    thymeleafspringbootCRUD（新手向）前言我是以我原来mybatis+druid+mysql做CRUD为基础https://www.jianshu.com/p/4b285b5b34f8，主要借鉴了https://blog.csdn.net/zhuyu19911016520/article/details/81537154。这个网址的没做分页，我的做了能在我的程序上运行的分页处理以
  • N-143基于springboot博客系统 IT教程资源 开发工具javaweb毕设成品项目springboot后端java
    开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7前端技术：AdminLTE+HTML服务端技术：springboot+mybatis-plus+thymeleaf本项目分前台和后台，主要有普通用户、管理员两角色一、前台功能1.最新文章、热门文章、我发布的文章、搜索文章、热门标签2.文章详情、文章点赞、文章点踩、文章评论、评论回复、评论点赞、评论
  • N-143基于springboot博客系统 IT教程资源- javaweb毕设成品项目开发工具springboot后端java
    开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7前端技术：AdminLTE+HTML服务端技术：springboot+mybatis-plus+thymeleaf本项目分前台和后台，主要有普通用户、管理员两角色一、前台功能1.最新文章、热门文章、我发布的文章、搜索文章、热门标签2.文章详情、文章点赞、文章点踩、文章评论、评论回复、评论点赞、评论
  • 跨考计算机没项目？项目推荐，SpringBoot博客系统 g6677789 springboot后端java改行学it考研青少年编程spring
    项目简介：开发环境的搭建、集成Thymeleaf模版引擎、数据持久化SpringDataJPA全文搜索ElasticSearch、架构设计与分层、集成Bootstrap博客系统的需求分析与原型设计、权限管理SpringSecurity博客系统的整体框架实现章博客系统的用户管理实现、博客系统的角色管理实现博客系统的权限管理实现、博客系统的博客管理实现博客系统的评论管理实现、博客系统的点赞管理实现项目
  • 跨考计算机没项目？？项目推荐 g6677789 考研改行学itspringboot
    SpringBoot博客系统项目实战（带前后端）项目概述：开启SpringBoot的第一个Web项目、开发环境的搭建集成Thymeleaf模版引擎、数据持久化SpringDataJPA全文搜索ElasticSearch、架构设计与分层、博客系统的需求分析与原型设计博客系统的整体框架实现、博客系统的用户管理实现博客系统的角色管理实现、博客系统的评论管理实现项目分享：关注公众号：亦航云科技回复关键词：
  • 基于Springboot的个人博客系统的设计与实现——计算机毕业设计 qq_1102255374 intellij-ideajavaspringboot
    本文从实际博客的需求出发，设计并实现了基于B/S模式的个人博客系统。系统后台的使用“Springboot+Mybatis”框架，前台采用Thymeleaf内容模板引擎来渲染页面，数据库选用轻量级的Mysql，前台主要提供了博客文章、友情链接、关于我们等信息展示并可以在线评论和查看评论，后台主要提供了仪表盘（系统统计分析）、发布文章、文章管理、页面管理、评论管理、分类/标签管理、文件管理、友链管理、
  • 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其他