Word2010中可以使用键盘输入特殊的符号,例如版权符号?、注册商标符号?等。常用符号与键盘快捷方式对应如下表所示。
符号
键盘快捷键
?(版权符号)
Ctrl+Alt+C
?(注册商标符号)
Ctrl+Alt+R
?(商标符号)
Ctrl+Alt+T
…(省略号)
Ctrl+Alt+.
—(破折号)
Ctrl+Alt+-(数字键盘减号)
?
<--
à
-->
?
<==
è
==>
如何输入人民币符号,版权符号
在电脑上输入文字的时候,经常需要输入一些符号,常感到束手无策,介绍一些符号快捷键的输入方法,以备查用。
说明:
符号前面的符号表示是将要输入的符号;
Alt+0153表示在键盘上按Alt键的同时输入数字0153;
放开Alt键,即可。
————————
商业符号
? 商标 表明创始人或发明人拥有此专利。
输入办法:Alt+0153
?注册商标表明创始人或发明人对此商标已在(所在国)商标专利局进行了注册
输入办法:Alt+0174
? 版权表明创始人或发明人拥有版权
输入办法:Alt+0169
————————
金融符号
$ 元 美国和其他一些国家的货币单位
输入办法:Shift+4 (或Alt+036)
? 弗罗林 荷兰盾货币单位
输入办法:Alt+0131
¢ 分 货币单位分
输入办法:Alt+0162
£ 镑英国和其他一些国家的货币单位
输入办法:Alt+0163
¥ 元 中国、日本等国的货币单位
输入办法:Alt+0165
————————
数学符号
E° 度 角度的表示符号(字母E是为了衬托角度符号的正确位置)
输入办法:Alt+0176
÷ 除 除法运算符号
输入办法:Alt+0247
× 乘 乘法运算符号
输入办法:Alt+0215
± 加减号 表示加或减
输入办法:Alt+177
? 四分之一 分数符号
输入办法:Alt+0188
? 二分之一 分数符号
输入办法:Alt+0189
? 四分之三 分数符号
输入办法:Alt+0190
? 否 表示否定
输入办法:Alt+0172
% 百分号
输入办法:Shift+5
‰ 千分号
输入办法:Alt+0137
————————
杂项符号
? 粗圆点 用于引起读者对段落的注意
输入办法:Alt+0149
·中圆点用于分开两个项目
输入办法:Alt+0183
————————
标点符号
… 省略号 表示省略一个或一串的标记
输入办法:Alt+0133
— 长破折号 用于句子中表示思想或重点的转折
输入办法:Alt+0151
– 短破折号用于连接持续的数字,有些情况下可作为连字号
输入办法:Alt+0150
————————
说明符号
? 单剑号 用于表示死亡日期或参见注脚
输入办法:Alt+0134
? 双剑号 用于表示参见注脚
输入办法:Alt+0135
? Pilcrow 表示段落停顿、分隔
输入办法:Alt+0182
§ 段落符 表示段落的开始或参见注脚
输入办法:Alt+0167
————————
度量符号
μ 微号微米或毫克等的缩写符号
输入办法:Alt+0181
# 磅号在数字之后,表示重量磅数的计量符号
输入办法:Shift+3
————————
如果使用搜狗输入的,那就方便了,鼠标右键点击
。选择软键盘,再选择需要的符号即可。
特殊符号
中文数字符号
数学符号
如何正确设置和输入版权所有处的版权符号
在制作网站时,经常会在自己的网站的底部加上版权所有的符号,但我们在保存网页时经常会出现编码不对等提示,即是保存了,显示在网页上的也是一个“?”,那么,我们可以用& opy;直接插入网页中,这个符号在源代码中就以& copy;(注:&和copy之间没有空格,为了正常显示所有这样写了)的形式体现。另外虽然也可以轻松地从别的网站直接复制,但在网页显示的形式总觉得怪怪的,有点小了,看不清楚那是什么符号,为了美观些,最好在css里再写进一些条件。
如:
Copyright & copy; 2006-2012 www.jb51.net all rights reserved
我们可以看到,控制 & copy; 的CSS的类是“foot”,那么我们就在footcss中加入“font:12px/1.5 Arial;”这个条件来修饰一下版权所有处的? 符号
.foot {
font:12px/1.5 Arial;
}
怎么输入版权符号
1、按住Alt键不放,然后输入169。松开Alt键后,就可以打出版权符来,此法只适合于Win2000或Win2000以上的版本。(特别提醒:输入的这些数字必须使用键盘右边的那些数字键才有效,俗称小键盘。并且确保数字灯是亮着的,如果不亮,就按一次Num Lock。),这是最快和最方便的输入方法。
2、由于版权符号对应着相应的源代码的,其源代码就是?(这个在做网页的时候可使用)按照上面的源代码写入即可得到,或者直接复制也都可以,它们是完全等效的。
lt;!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/作品2.css" type="text/css" />
</head>
<body>
<div class="container">
<div class="top">
<ul>
<li><a>首页</a></li>
<li><a>美味选择</a></li>
<li><a>配送说明</a></li>
<li><a>关于我们</a></li>
<li><a>联系我们</a></li>
</ul>
</div>
<div class="center">
<div class="left">
<ul>
<li><a>首页</a></li>
<li><a>美味选择</a></li>
<li><a>配送说明</a></li>
<li><a>关于我们</a></li>
<li><a>联系我们</a></li>
</ul>
</div>
<div class="centerl">
<ul>
<li><a>打印电子优惠券</a></li>
<li><a>加入俱乐部</a></li>
<li><a>配送范围</a></li>
<li><a>餐厅信息</a></li>
</ul>
</div>
<div class="right"></div>
</div>
<div class="foot">
版权所有
</div>
</div>
</body>
</html>
css
*{
padding:0它;
marginal:0它;
}
面介绍了Spring Boot 中的整合Thymeleaf 。不清楚的朋友可以看看之前的文章:https://www.cnblogs.com/zhangweizhong/category/1657780.html。
今天我们主要来看看 Thymeleaf 的常用标签和用法!其他详细的内容,大家可以看看Thymeleaf官方使用手册 。
变量表达式 ${}
使用方法:直接使用th:xx="${}" 获取对象属性 。例如:
<form id="userForm">
<input id="id" name="id" th:value="${user.id}"/>
<input id="username" name="username" th:value="${user.username}"/>
<input id="password" name="password" th:value="${user.password}"/>
</form>
<div th:text="hello"></div>
<div th:text="${user.username}"></div>
选择变量表达式 *{}
使用方法:首先通过th:object 获取对象,然后使用th:xx="*{}"获取对象属性。
这种简写风格极为清爽,推荐大家在实际项目中使用。例如:
<form id="userForm" th:object="${user}">
<input id="id" name="id" th:value="*{id}"/>
<input id="username" name="username" th:value="*{username}"/>
<input id="password" name="password" th:value="*{password}"/>
</form>
URL表达式 @{}
使用方法:通过链接表达式@{}直接拿到应用路径,然后拼接静态资源路径。例如:
<script th:src="@{/webjars/jquery/jquery.js}"></script>
<link th:href="@{/webjars/bootstrap/css/bootstrap.css}" rel="stylesheet" type="text/css">
片段表达式 ~{}
片段表达式是Thymeleaf的特色之一,细粒度可以达到标签级别,这是JSP无法做到的。片段表达式拥有三种语法:
使用方法:首先通过th:fragment定制片段 ,然后通过th:replace 填写片段路径和片段名。例如:
<!-- /views/common/head.html-->
<head th:fragment="static">
<script th:src="@{/webjars/jquery/3.3.1/jquery.js}"></script>
</head>
<!-- /views/your.html -->
<div th:replace="~{common/head::static}"></div>
在实际使用中,我们往往使用更简洁的表达,去掉表达式外壳直接填写片段名。例如:
<!-- your.html --><div th:replace="common/head::static"></div>
注意:使用替换路径th:replace 开头请勿添加斜杠,避免部署运行的时候出现路径报错。(因为默认拼接的路径为spring.thymeleaf.prefix=classpath:/templates/)
消息表达式
即通常的国际化属性:#{msg} 用于获取国际化语言翻译值。例如:
<title th:text="#{user.title}"></title>
其它表达式
在基础语法中,默认支持字符串连接、数学运算、布尔逻辑和三目运算等。例如:
<input name="name" th:value="${'I am '+(user.name!=null?user.name:'NoBody')}"/>
想要遍历List集合很简单,配合th:each 即可快速完成迭代。例如遍历用户列表:
<div th:each="user:${userList}">
账号:<input th:value="${user.username}"/>
密码:<input th:value="${user.password}"/>
</div>
在集合的迭代过程还可以获取状态变量,只需在变量后面指定状态变量名即可,状态变量可用于获取集合的下标/序号、总数、是否为单数/偶数行、是否为第一个/最后一个。例如:
<div th:each="user,stat:${userList}" th:class="${stat.even}?'even':'odd'">
下标:<input th:value="${stat.index}"/>
序号:<input th:value="${stat.count}"/>
账号:<input th:value="${user.username}"/>
密码:<input th:value="${user.password}"/>
</div>
如果缺省状态变量名,则迭代器会默认帮我们生成以变量名开头的状态变量 xxStat, 例如:
<div th:each="user:${userList}" th:class="${userStat.even}?'even':'odd'">
下标:<input th:value="${userStat.index}"/>
序号:<input th:value="${userStat.count}"/>
账号:<input th:value="${user.username}"/>
密码:<input th:value="${user.password}"/>
</div>
条件判断通常用于动态页面的初始化,例如:
<div th:if="${userList}"><div>的确存在..</div></div>
如果想取反则使用unless 例如:
<div th:unless="${userList}"><div>不存在..</div></div>
使用默认的日期格式(toString方法) 并不是我们预期的格式:Mon Dec 03 23:16:50 CST 2018
<input type="text" th:value="${user.createTime}"/>
此时可以通过时间工具类#dates来对日期进行格式化:2018-12-03 23:16:50
<input type="text" th:value="${#dates.format(user.createTime,'yyyy-MM-dd HH:mm:ss')}"/>
(1)为什么要使用内联写法?·答:因为 JS无法获取服务端返回的变量。
(2)如何使用内联表达式?答:标准格式为:[[${xx}]] ,可以读取服务端变量,也可以调用内置对象的方法。例如获取用户变量和应用路径:
<script th:inline="javascript">
var user=[[${user}]];`
var APP_PATH=[[${#request.getContextPath()}]];
var LANG_COUNTRY=[[${#locale.getLanguage()+'_'+#locale.getCountry()}]];
</script>
(3)标签引入的JS里面能使用内联表达式吗?答:不能!内联表达式仅在页面生效,因为Thymeleaf只负责解析一级视图,不能识别外部标签JS里面的表达式。
我们在开发中常常都把页面共同的header和footer提取出来,弄成单独的页面,然后让该包含的页面包含进来,我们就拿footer举例,首先在【templates】下新建一个要背其他页面包含的footer页面【include】:
<html xmlns:th="http://www.thymeleaf.org">
<footer th:fragment="footer1">
<p>All Rights Reserved</p>
</footer>
<footer th:fragment="footer2(start,now)">
<p th:text="|${start} - ${now} All Rights Reserved|"></p>
</footer>
</html>
然后直接在我们的hello.html页面中分别引用上面页面定义好的两个foot:
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Thymeleaf快速入门-Hello Thymeleaf</title>
</head>
<body>
<div th:include="include::footer1"></div>
<div th:replace="include::footer2(2015,2018)"></div>
</body>
</html>
刷新页面,可以看到效果:
以上,就把如何创建运行Spring Boot项目简单的介绍完了,关于更多Thymeleaf的页面标签及用法还有form页面提交,页面交互等功能,这里就不一一细说了,大家可以下载我的完整的示例代码学习。 后面会深入介绍Spring Boot的各个功能和用法。
*请认真填写需求信息,我们会在24小时内与您取得联系。