了方便每次修改HTML文件都能实时刷新,做一下更改. 在application.properties文件加入以下命令: #thymeleaf start spring.thymeleaf.mode=HTML5 spring.thymeleaf.encoding=UTF- spring.thymeleaf.content-type=text/html #开发时关闭缓存,不然没法看到实时页面 spring.thymeleaf.cache=false #thymeleaf end 如下所示: 打开ID…
实时监控   jade -P -w .\test1.jade sublime 分栏,可以看到实时修改情况     1. 元素写法 doctype html <!--[if IE8]><html class='ie8'><![endif]--> <!--[if IE9]><html class='ie9'><![endif]--> <!--[if !IE]><!--> html <!--<![endi…
原文:https://www.cnblogs.com/TechSnail/p/7690829.html    &&   https://blog.csdn.net/qq_31293575/article/details/80654132 扩展: https://blog.csdn.net/diaomeng11/article/details/73826564 https://blog.csdn.net/z15732621582/article/details/79439359  : bea…
表达式符号 Thymeleaf对于变量的操作主要有$\*\#三种方式: 变量表达式: ${...},是获取容器上下文变量的值. 选择变量表达式: *{...},获取指定的对象中的变量值.如果是单独的对象,则等价于${}. 消息表达式: #{...}表达式与th:text一起使用,加载数据源中的消息,用于国际化 链接网址表达式: @{...},获取网址链接 1.${...}获取变量 传递单一变量 后台代码: 前台代码: 运行结果: 传递对象 后台新建User类: 更改Controller 前台取数…
迭代: 条件选择: IF-THEN: (if) ? (then) IF-THEN-ELSE: (if) ? (then) : (else) 默认: (value) ?: (defaultvalue) 所有这些功能都可以组合和嵌套 1.迭代: 后台Controller文件添加: @RequestMapping(value = "getUsers", method = RequestMethod.GET) public String getUsers(Model model) { User…
语法: 标准表达式语法 简单表达: 变量表达式: ${...} 选择变量表达式: *{...} 消息表达式: #{...} 链接网址表达式: @{...} 字面 文本文字:'one text','Another one!',... 号码文字:0,34,3.0,12.3,... 布尔文字:true,false 空字面: null 文字标记:one,sometext,main,... 文字操作: 字符串连接: + 文字替换: |The name is ${name}| 算术运算: 二元运算符:+,-…
Thymeleaf是什么? Thymeleaf是适用于Web和独立环境的现代服务器端Java模板引擎.相比于JSP,Thymeleaf更简洁,渲染性能更好,维护性更好,它可以XML/XHTML/HTML5, JavaScript, CSS ,甚至文本文件,避免了JSP页面代码与Java代码混合的情况,更有利于前后端分离,使用Thymeleaf可以实现spring-boot的诸多特性. Demo建立: 打开IDEA,File->New Project,选择Spring Initializr 下一步…
基础对象 #ctx:上下文对象 /* * ====================================================================== * See javadoc API for class org.thymeleaf.context.IContext * ====================================================================== */ ${#ctx.locale} ${#ctx.v…
1.为页面添加footer: Templates文件夹下新建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>…
Thymeleaf文本及预算: 字面 文本文字:'one text','Another one!',... 号码文字:0,34,3.0,12.3,... 布尔文字:true,false 空字面: null 文字标记:one,sometext,main,... 文字操作: 字符串连接: + 文字替换: |The name is ${name}| 算术运算: 二元运算符:+,-,*,/,% 减号(一元运算符): - 布尔运算: 二元运算符:and,or 布尔否定(一元运算符): !,not 比较和等…
ctrl+alt+s: ctrl+shift+alt+/:…
参见创建webapp项目 eclipse Maven 使用记录 ------ 建立 webapp项目 在maven中为实现热部署设置,部署至webapp,即webroot 设置classes输出目的地,修改maven默认编译位置 (使用该方法在maven打包的时候需要将classes输出目的地修改至WEB-INF/classes目录外,否则会报错xxxxx not found 目前已得到解决) 首先 设置maven  打包的输出目录, 这样可以自动copy jar 至web根目录下lib下面 <…
[解决多次输出的问题] 昨天学会了用命令打包,如下 webpack entry.js bundle.js 但是会出现多次输出要表现的内容的问题,如下,执行几次上述命令,显示几次,原因是并没有清除之前输出的内容,直接在最前面插入了最新编译的内容. 今天翻看相关博客,发现有用命令webpack直接打包的,就试了试,果然,解决了多次输出的问题. 后来又发现,引起这问题的原因是之前没有webpack.config.js,所以不会出现问题,当有了之后,里面会定义入口文件和打包文件及其地址,就不需要命令中带…
==他的博客应该不错,没有细看 Spring Boot学习记录(二)--thymeleaf模板 - CSDN博客 http://blog.csdn.net/u012706811/article/details/52185345 --关于springboot的 springboot - 蜕变之路 - CSDN博客http://blog.csdn.net/u012706811/article/category/6357760 自从来公司后都没用过jsp当界面渲染了,因为前后端分离不是很好,反而模板引…
sass语法.使用它带来的好处,就不再这里做介绍了,主要看怎么在webstorm里配置自动编译. sass编译是需要Ruby环境的,可以到这里去下载  :  https://rubyinstaller.org/downloads/    ,安装时选择加入Path 安装完成后需测试安装有没有成功,运行CMD输入以下命令: ruby -v //如安装成功会打印 ruby -- revision ) [i386-mingw32] 如上已经安装成功,Ruby自带一个叫做RubyGems的系统,用来安装基…
之前每次修改完之后都要执行npm run build来编译,下面有三种方式可以实现代码变化后自动编译代码,下面只重点说webpack-dev-server,其他的请看webpack开发文档 1.webpack's Watch Mode  指示 webpack "watch" 依赖图中的所有文件以进行更改.如果其中一个文件被更新,代码将被重新编译,所以你不必手动运行整个构建(虽然不用执行npm run build就自动编译,可是需要自主率先你浏览器) 2.webpack-dev-serv…
转载自:https://www.cnblogs.com/eyesfree/p/9321795.html 设置 File ->Setting ->Compile: 勾选"Make project automatically"选项 2,勾选上图"Compile independent modules in parallel"选项 3,取消运行前make,在Run ->Edit Configuration中,选择 Defaults->Applica…
Tomcat服务器 具有一个常用的功能: 即自动编译,自动发布,自动部署功能. 问题: 当我们第一次发布程序以后,我们增删改Servelt,Java,.xml等文件,都必须重启Tomcat,如果项目巨大,那么 这是在浪费时间! 分析: Tomcat 自带了自动部署功能,只要我们在Tomcat安装目录下的Server.xml中的<host>中添加<context...>标 签即可. 实例: Tomcat安装目录: C:\Program Files\Apache Software Fo…
title: Python学习记录day5 tags: python author: Chinge Yang date: 2016-11-26 --- 1.多层装饰器 多层装饰器的原理是,装饰器装饰函数后,其实也是一个函数,这样又可以被装饰器装饰. 编译是从下至上进行的,执行时是从上至下进行. #!/usr/bin/env python # _*_coding:utf-8_*_ ''' * Created on 2016/11/29 20:38. * @author: Chinge_Yang.…
目录 <Java从入门到精通>学习记录 3 基础的基础部分: 3 一. 常量与变量 3 1. 掌握: 3 (1) .常量与变量的声明方式: 3 (2) .变量的命名规则: 3 (3) .变量的作用范围: 3 A. 按作用范围:成员变量:类中定义,作用整个类. 3 二. 数据类型 3 1. 掌握: 4 (1) .整数类型的分布: 4 (2) .浮点数据类型的分布: 4 (3) .字符型类数据: 4 (4) .布尔类型数据: 4 2. 熟悉: 4 (1) .基本数据类型默认值的意义和使用方法: 4…
Android开发技术周报183学习记录 教程 Android性能优化来龙去脉总结 记录 一.性能问题常见 内存泄漏.频繁GC.耗电问题.OOM问题. 二.导致性能问题的原因 1.人为在ui线程中做了轻微的耗时操作,导致ui线程卡顿. 2.layout过于复杂,无法在16ms完成渲染.使用RelativeLayout替换LinearLayout,说是可以减少布局层次,然而,现在不再建议使用RelativeLayout,因为ConstraintLayout才是一个更高性能的消灭布局层级的神器.Co…
目录 Python学习记录day7 1. 面向过程 VS 面向对象 编程范式 2. 面向对象特性 3. 类的定义.构造函数和公有属性 4. 类的析构函数 5. 类的继承 6. 经典类vs新式类 7. 多态 title: Python学习记录day7 tags: python author: Chinge Yang date: 2017-02-18 --- Python学习记录day7 @(学习)[python] 1. 面向过程 VS 面向对象 编程范式 编程是程序员用特定的语法+数据结构+算法组…
基于 Vue.js 之 iView UI 框架非工程化实践记要   像我们平日里做惯了 Java 或者 .NET 这种后端程序员,对于前端的认识还常常停留在 jQuery 时代,包括其插件在需要时就引用一下,不需要就删除.故观念使然,尽管 Nuget 和 Maven 用得顺溜,但对 NPM 仍不带感,兴许是周边无人带动的稀薄气氛,也或者是没参加过类似的大型活动,于是在自发性上差了许多.再者,我不用 MVVM 模式,领导也不会扣绩效. 为了快速体验 MVVM 模式,我选择了非工程化方式来起步,并选…
本文纯原创,搭建后的博客/文档网站可以参考: Java 全栈知识体系.如需转载请说明原处. 第一部分 - 博客/文档系统的搭建 搭建博客有很多选择,平台性的比如: 知名的CSDN, 博客园, 知乎,简书等:自己搭建比如 Hexo, Gitbook, Docisify等等.我有一颗不安分的心,每种我都用过...但是最后的最后我还是选择了将博客逐移至自己搭建的vuepress. @pdai 第一部分 - 博客/文档系统的搭建 博客/文档搭建前言 有哪些选择 我做了哪些尝试 自己写:我用java手写了…
[Bootstrap5]精细学习记录 Bootstrap模板 <!DOCTYPE html> <html> <head> <title>Bootstrap 模板</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 引入 Bootstrap --> <link hr…
[golang学习记录]环境搭建 一. 概述 本文是[golang学习记录]系列文章的第一篇,安装Go语言及搭建Go语言开发环境,接下来将详细记录自己学习 go 语言的过程,一方面是为了巩固自己学到的内容,另一方面希望对有同样需求的小伙伴提供一些帮助. 二. 下载并安装 Go Go官网下载地址(在国内无法访问):https://golang.org/dl/ Go官方镜像站(推荐):https://golang.google.cn/dl/ 在Windows中通过可执行文件来安装会自动配置 GORO…
Java 8 学习记录 官方文档 https://docs.oracle.com/javase/8/ https://docs.oracle.com/javase/8/docs/index.html https://docs.oracle.com/javase/tutorial/index.html…
UWP学习记录12-应用到应用的通信 1.应用间通信 “共享”合约是用户可以在应用之间快速交换数据的一种方式. 例如,用户可能希望使用社交网络应用与其好友共享网页,或者将链接保存在笔记应用中以供日后参考. 如果你的应用需要为处于另一个应用的上下文中的用户快速完成内容接收,则可以考虑使用“共享”合约. 应用可以通过两种方式支持“共享”功能. 首先,应用可以是提供用户要共享的内容的源应用. 其次,应用可以是用户选择作为共享内容目标的目标应用. 一个应用也可以既是源应用,也是目标应用. 如果你希望你的…
UWP学习记录6-设计和UI之控件和模式3 1.按钮 按钮,响应用户输入和引发 Click 事件的控件. 使用<Button>就能创建一个按钮控件了.按钮是 ContentControl,它的 XAML 内容属性为 Content.可以将任何对象设置为按钮的内容. 如果内容是一个 UIElement,则会在按钮中呈现它. 如果该内容是另一种类型的对象,则会在按钮中显示其字符串表示形式. RepeatButton 是一个从按下到释放为止重复引发 Click 事件的按钮. 设置 Delay 属性来…
gulp是基于流的前端构件化工具.目前比较火的前端构建化工具还是挺多的,grunt gulp fis3等等. 这个鬼东西有什么用?请参考https://www.zhihu.com/question/35595198 为什么选择gulp,因为使用非常简单,学习成本低.以后想用别的工具再转去学也不难. 一个自动化构建工具都没用过的前端,何以谈人生? 以下是正题: 1.要玩gulp,首先得安装node,因为npm跟随node的包安装管理工具.具体下载直接百度nodejs中文网,根据自身的环境(wind…