Word2010中可以使用鍵盤輸入特殊的符號,例如版權(quán)符號?、注冊商標符號?等。常用符號與鍵盤快捷方式對應(yīng)如下表所示。
符號
鍵盤快捷鍵
?(版權(quán)符號)
Ctrl+Alt+C
?(注冊商標符號)
Ctrl+Alt+R
?(商標符號)
Ctrl+Alt+T
…(省略號)
Ctrl+Alt+.
—(破折號)
Ctrl+Alt+-(數(shù)字鍵盤減號)
?
<--
à
-->
?
<==
è
==>
如何輸入人民幣符號,版權(quán)符號
在電腦上輸入文字的時候,經(jīng)常需要輸入一些符號,常感到束手無策,介紹一些符號快捷鍵的輸入方法,以備查用。
說明:
符號前面的符號表示是將要輸入的符號;
Alt+0153表示在鍵盤上按Alt鍵的同時輸入數(shù)字0153;
放開Alt鍵,即可。
————————
商業(yè)符號
? 商標 表明創(chuàng)始人或發(fā)明人擁有此專利。
輸入辦法:Alt+0153
?注冊商標表明創(chuàng)始人或發(fā)明人對此商標已在(所在國)商標專利局進行了注冊
輸入辦法:Alt+0174
? 版權(quán)表明創(chuàng)始人或發(fā)明人擁有版權(quán)
輸入辦法:Alt+0169
————————
金融符號
$ 元 美國和其他一些國家的貨幣單位
輸入辦法:Shift+4 (或Alt+036)
? 弗羅林 荷蘭盾貨幣單位
輸入辦法:Alt+0131
¢ 分 貨幣單位分
輸入辦法:Alt+0162
£ 鎊英國和其他一些國家的貨幣單位
輸入辦法:Alt+0163
¥ 元 中國、日本等國的貨幣單位
輸入辦法:Alt+0165
————————
數(shù)學(xué)符號
E° 度 角度的表示符號(字母E是為了襯托角度符號的正確位置)
輸入辦法:Alt+0176
÷ 除 除法運算符號
輸入辦法:Alt+0247
× 乘 乘法運算符號
輸入辦法:Alt+0215
± 加減號 表示加或減
輸入辦法:Alt+177
? 四分之一 分數(shù)符號
輸入辦法:Alt+0188
? 二分之一 分數(shù)符號
輸入辦法:Alt+0189
? 四分之三 分數(shù)符號
輸入辦法:Alt+0190
? 否 表示否定
輸入辦法:Alt+0172
% 百分號
輸入辦法:Shift+5
‰ 千分號
輸入辦法:Alt+0137
————————
雜項符號
? 粗圓點 用于引起讀者對段落的注意
輸入辦法:Alt+0149
·中圓點用于分開兩個項目
輸入辦法:Alt+0183
————————
標點符號
… 省略號 表示省略一個或一串的標記
輸入辦法:Alt+0133
— 長破折號 用于句子中表示思想或重點的轉(zhuǎn)折
輸入辦法:Alt+0151
– 短破折號用于連接持續(xù)的數(shù)字,有些情況下可作為連字號
輸入辦法:Alt+0150
————————
說明符號
? 單劍號 用于表示死亡日期或參見注腳
輸入辦法:Alt+0134
? 雙劍號 用于表示參見注腳
輸入辦法:Alt+0135
? Pilcrow 表示段落停頓、分隔
輸入辦法:Alt+0182
§ 段落符 表示段落的開始或參見注腳
輸入辦法:Alt+0167
————————
度量符號
μ 微號微米或毫克等的縮寫符號
輸入辦法:Alt+0181
# 磅號在數(shù)字之后,表示重量磅數(shù)的計量符號
輸入辦法:Shift+3
————————
如果使用搜狗輸入的,那就方便了,鼠標右鍵點擊
。選擇軟鍵盤,再選擇需要的符號即可。
特殊符號
中文數(shù)字符號
數(shù)學(xué)符號
如何正確設(shè)置和輸入版權(quán)所有處的版權(quán)符號
在制作網(wǎng)站時,經(jīng)常會在自己的網(wǎng)站的底部加上版權(quán)所有的符號,但我們在保存網(wǎng)頁時經(jīng)常會出現(xiàn)編碼不對等提示,即是保存了,顯示在網(wǎng)頁上的也是一個“?”,那么,我們可以用& opy;直接插入網(wǎng)頁中,這個符號在源代碼中就以& copy;(注:&和copy之間沒有空格,為了正常顯示所有這樣寫了)的形式體現(xiàn)。另外雖然也可以輕松地從別的網(wǎng)站直接復(fù)制,但在網(wǎng)頁顯示的形式總覺得怪怪的,有點小了,看不清楚那是什么符號,為了美觀些,最好在css里再寫進一些條件。
如:
Copyright & copy; 2006-2012 www.jb51.net all rights reserved
我們可以看到,控制 & copy; 的CSS的類是“foot”,那么我們就在footcss中加入“font:12px/1.5 Arial;”這個條件來修飾一下版權(quán)所有處的? 符號
.foot {
font:12px/1.5 Arial;
}
怎么輸入版權(quán)符號
1、按住Alt鍵不放,然后輸入169。松開Alt鍵后,就可以打出版權(quán)符來,此法只適合于Win2000或Win2000以上的版本。(特別提醒:輸入的這些數(shù)字必須使用鍵盤右邊的那些數(shù)字鍵才有效,俗稱小鍵盤。并且確保數(shù)字燈是亮著的,如果不亮,就按一次Num Lock。),這是最快和最方便的輸入方法。
2、由于版權(quán)符號對應(yīng)著相應(yīng)的源代碼的,其源代碼就是?(這個在做網(wǎng)頁的時候可使用)按照上面的源代碼寫入即可得到,或者直接復(fù)制也都可以,它們是完全等效的。
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>關(guān)于我們</a></li>
<li><a>聯(lián)系我們</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>關(guān)于我們</a></li>
<li><a>聯(lián)系我們</a></li>
</ul>
</div>
<div class="centerl">
<ul>
<li><a>打印電子優(yōu)惠券</a></li>
<li><a>加入俱樂部</a></li>
<li><a>配送范圍</a></li>
<li><a>餐廳信息</a></li>
</ul>
</div>
<div class="right"></div>
</div>
<div class="foot">
版權(quán)所有
</div>
</div>
</body>
</html>
css
*{
padding:0它;
marginal:0它;
}
面介紹了Spring Boot 中的整合Thymeleaf 。不清楚的朋友可以看看之前的文章:https://www.cnblogs.com/zhangweizhong/category/1657780.html。
今天我們主要來看看 Thymeleaf 的常用標簽和用法!其他詳細的內(nèi)容,大家可以看看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="*{}"獲取對象屬性。
這種簡寫風(fēng)格極為清爽,推薦大家在實際項目中使用。例如:
<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表達式 @{}
使用方法:通過鏈接表達式@{}直接拿到應(yīng)用路徑,然后拼接靜態(tài)資源路徑。例如:
<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 開頭請勿添加斜杠,避免部署運行的時候出現(xiàn)路徑報錯。(因為默認拼接的路徑為spring.thymeleaf.prefix=classpath:/templates/)
消息表達式
即通常的國際化屬性:#{msg} 用于獲取國際化語言翻譯值。例如:
<title th:text="#{user.title}"></title>
其它表達式
在基礎(chǔ)語法中,默認支持字符串連接、數(shù)學(xué)運算、布爾邏輯和三目運算等。例如:
<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>
在集合的迭代過程還可以獲取狀態(tài)變量,只需在變量后面指定狀態(tài)變量名即可,狀態(tài)變量可用于獲取集合的下標/序號、總數(shù)、是否為單數(shù)/偶數(shù)行、是否為第一個/最后一個。例如:
<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>
如果缺省狀態(tài)變量名,則迭代器會默認幫我們生成以變量名開頭的狀態(tài)變量 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>
條件判斷通常用于動態(tài)頁面的初始化,例如:
<div th:if="${userList}"><div>的確存在..</div></div>
如果想取反則使用unless 例如:
<div th:unless="${userList}"><div>不存在..</div></div>
使用默認的日期格式(toString方法) 并不是我們預(yù)期的格式: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)為什么要使用內(nèi)聯(lián)寫法?·答:因為 JS無法獲取服務(wù)端返回的變量。
(2)如何使用內(nèi)聯(lián)表達式?答:標準格式為:[[${xx}]] ,可以讀取服務(wù)端變量,也可以調(diào)用內(nèi)置對象的方法。例如獲取用戶變量和應(yīng)用路徑:
<script th:inline="javascript">
var user=[[${user}]];`
var APP_PATH=[[${#request.getContextPath()}]];
var LANG_COUNTRY=[[${#locale.getLanguage()+'_'+#locale.getCountry()}]];
</script>
(3)標簽引入的JS里面能使用內(nèi)聯(lián)表達式嗎?答:不能!內(nèi)聯(lián)表達式僅在頁面生效,因為Thymeleaf只負責(zé)解析一級視圖,不能識別外部標簽JS里面的表達式。
我們在開發(fā)中常常都把頁面共同的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>
刷新頁面,可以看到效果:
以上,就把如何創(chuàng)建運行Spring Boot項目簡單的介紹完了,關(guān)于更多Thymeleaf的頁面標簽及用法還有form頁面提交,頁面交互等功能,這里就不一一細說了,大家可以下載我的完整的示例代碼學(xué)習(xí)。 后面會深入介紹Spring Boot的各個功能和用法。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。