标签：html

canvas中用图片设置背景不一定显示问题

HTML5 , , , , 发表评论
canvas中用图片设置背景不一定显示问题 问题阐述 在html5中使用canvas组件，用图片作为canvas的背景，当不间断的访问页面时，onload后图片不一定能够展示出来 页面展示 核心代码【有问题的】   // 获取canvas对象 const c = document.getElementById("myCanvas"); // 创建img对象 const img2 = document.createElement('img'); // 设置src值 img2.src = encodeURI("图片url"); //设置canvas属性 img2.…

Spring+thymeleaf小示例

spring , 发表评论
之前一篇文章写了个简单的Spring mvc例子，界面表示层用的是jsp，本篇文章结合thymeleaf将表示层改成html。和用jsp不一样的地方会加特殊说明。同样本示例也是在内网环境下，没有采用maven，直接将jar包放在工程里面。一、配置web.xml（和采用jsp作为表示层没有任何改动）,主要作用1.定义了一个servlet拦截器，以及Mapping规则2.引入spring-context配置文件3.添加log4j配置文件具体文件:<?xml versi…

用标签添加背景图片

标签 , 发表评论
html 代码 <div class="result-box">    <i class="result-icon result-fail"></i> </div> css 文件 // .result-box .result-icon {     width: 100px;     height: 100px;     margin: 0 auto 25px; // //上 0px  左右自动     下 25px     background-repeat: no-repeat; //属性设置是否及如何重复背景图像     background-position: center;   //背景位置居中     backgr…

javascript控制页面控件隐藏显示的两种方法

javascript , , 发表评论
javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位 方法一： document.all<”PanelSMS”>.style.visibility=”hidden”; document.all<”PanelSMS”>.style.visibility=”visible”; 方法二： document.all<”PanelSMS”>.style.display=”none”; document.all<”PanelSMS”>.style.display=”inline”; 方法一隐藏后 页面的位置还被控件占用 只…

一个带复合表头与跨列表项的数据表的DataGrid解决方案

Java , , , , , 发表评论
一、效果部门 月度 费用情况预算 发生 余额销售 01 ￥90,000.00 ￥93,000.00 ￥-3,000.00销售 02 ￥90,000.00 ￥88,000.00 ￥2,000.00销售小计 ￥180,000.00 ￥181,000.00 ￥-1,000.00行政 01 ￥10,000.00 ￥9,000.00 ￥1,000.00行政 02 ￥10,000.00 ￥10,500.00 ￥-500.00行政小计 ￥20,000.00 ￥19,500.00 ￥500.00二、页面 <%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWire…

thymeleaf 学习笔记-基础篇(中文教程)

前端 , , 发表评论
  （一）Thymeleaf 是个什么？      简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点：     1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来…

spring Boot thymeleaf在html循环model后查看详情，修改，删除超链接 a href属性的填写

layui, SSM, 学习笔记, 张小三 , , , , 发表评论
<form class="layui-form"> <span th:if="${admin_list != null }" th:each="admin_list,adminListStat:${admin_list}"> <tr> <td> <input type="checkbox" name="" lay-skin="primary"> </td> <td th:text="${admin_list.id}"></td> <td th:text="${admin_list.admin_name}"></td> <td th:text="${admin_list.admim_truename}">…

SpringBoot HTML页面使用thymeleaf模板开发(3)

Java-springboot , , 发表评论
1，新建一个项目pom文件映入相关jar包了。一定要引入thymeleaf。 pox文件主要是引入web和thymeleaf。 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>…

Thymeleaf教程 （九） 局部变量

Thymeleaf , , , 发表评论
Thymeleaf的局部变量定义在模块里，并且只有在此模块生效。 <tr th:each="prod : ${prods}"> ... </tr> prod 变量只有在此TR里才生效。 Thymeleaf提供一种定义变量的方式来取代迭代。 <div th:with="firstPer=${persons[0]}"> <p> The name of the first person is <span th:text="${firstPer.name}">Julius Caesar</span>. </p> </div> 当th:with…

Thymeleaf模板引擎基本语法

html, Java , 发表评论
Thymeleaf是个XML/XHTML/HTML5模板引擎，可以用于Web与非Web应用。 Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。接下来，这些标签属性就会在DOM（文档对象模型）上执行预先制定好的逻辑。Thymeleaf的可扩展性也非常棒。你可以使…

Thymeleaf教程 （八） 模板布局（thymeleaf的主要技术优势）

Thymeleaf , , , 发表评论
这节主要介绍模板的引入。及如何在不改变前端人员的html显示结果的情况下设计模板（通过属性配置动态时不显示的部分）。 模板模块导入 首先定义一个/WEBINF/templates/footer.html文件： <!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"> <body> <div …

Thymeleaf教程 （四） Thymeleaf标准表达式语法（上）

Thymeleaf , , , 发表评论
我们已经知道了两种语法 <p th:utext="#{home.welcome}">Welcome to our grocery store!</p> <p>Today is: <span th:text="${today}">13 february 2011</span></p> 但是还有很多语法我们不知道，接下来我们快速的介绍更多的表达式语法： 简单表示式: 变量表达式: ${…} 选择变量表达式: *{…} 信息表达式: #{…} URL连接表达式: @{…} 文字类型： 字符型: ‘one text…

Thymeleaf教程 （五） Thymeleaf标准表达式语法（下）

Thymeleaf , , , 发表评论
URL链接 URL链接有以下几种类型: 　　 绝对地址,如http://www.thymeleaf.org 相对地址 相对页面地址.如：/user/login.html 服务器相对地址如：~/billing/processInvoice（部署在同服务器，不同域名的地址） 让我们来使用th:href属性： <!-- Will produce 'http://localhost:8080/gtvg/order/details?orderId=3' (plus rewriting) --> <a href="details.html" th:href="@{http://localhost:8…

JSP由浅入深(2)—— 第一个JSP

技术探讨 , , , , 发表评论
实际上，JSP只是简单地将Java放到HTML网页中去而已。你可以将现有的HTML网页将它们的扩展名由".html"改为".jsp"，这是一个创建第一个JSP最好的方法。我们可以将上一个练习中的文件将它的扩展名由".html"改为".jsp"。然后在浏览器中装载新的文件，即以".jsp"为扩展名的文件。此时，你可以看到的输出，但是它需要更长的时间。这个现象也只发生在你第一次装载它的时候。如果你重新装载它，速度就正常了。…
下一页 »