整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
spring-boot-starter-thymeleaf 避坑指南
第一步：pom配置環境 先不要管包是做什么的 總之必須要有 否則進坑
<!--避坑包--> <dependency> <groupId>net.sourceforge.nekohtml</groupId> <artifactId>nekohtml</artifactId> <version>1.9.22</version> </dependency> <!--解析html包--> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
第二步：配置application.properties
注意 1.結尾一定要有------ #thymeleaf end --------- 否則掉坑
2.#模板編碼 spring.thymeleaf.mode=LEGACYHTML5
要想使用LEGACYHTML5這個編碼格式必須引入 上面pom中‘避坑包’ 否則用不了
肯定有人要問為什么不用HTML5 ，你可以試試
因為你可能會發現在默認配置下，thymeleaf對.html的內容要求很嚴格，比如<meta charset=”UTF-8″ />，
如果少最后的標簽封閉符號/，就會報錯而轉到錯誤頁。也比如你在使用Vue.js這樣的庫，然后有<div v-cloak></div>這樣的html代碼，
也會被thymeleaf認為不符合要求而拋出錯誤。因此，建議增加下面這段：
spring.thymeleaf.mode=LEGACYHTML5
spring.thymeleaf.mode的默認值是HTML5，其實是一個很嚴格的檢查，改為LEGACYHTML5可以得到一個可能更友好親切的格式要求。
需要注意的是，LEGACYHTML5需要搭配一個額外的庫NekoHTML才可用 也就時上文的避坑包
#<!-- 關閉thymeleaf緩存 開發時使用 否則沒有實時畫面--> spring.thymeleaf.cache=false ## 檢查模板是否存在，然后再呈現 spring.thymeleaf.check-template-location=true #Content-Type值 spring.thymeleaf.content-type=text/html #啟用MVC Thymeleaf視圖分辨率 spring.thymeleaf.enabled=true ## 應該從解決方案中排除的視圖名稱的逗號分隔列表 ##spring.thymeleaf.excluded-view-names=#模板編碼 spring.thymeleaf.mode=LEGACYHTML5 # 在構建URL時預先查看名稱的前綴 spring.thymeleaf.prefix=classpath:/templates/ # 構建URL時附加查看名稱的后綴. spring.thymeleaf.suffix=.html # 鏈中模板解析器的順序 #spring.thymeleaf.template-resolver-order=o # 可以解析的視圖名稱的逗號分隔列表 #spring.thymeleaf.view-names=#thymeleaf end
這是我的靜態網頁結構
第三步：controller層
注入的時候一定要是Controller 不要是RestController 因為它是rest接口（json格式） 是解析不到html
@Controller 注意不要是RestController
@RequestMapping(value="/")
public class MainController {
@Autowired
MainService mainService;
@GetMapping(value="/home")
public String homePage(){
return "test";
}
}
實在沒有那么多需求 就用原生態 隨便玩想跳哪里跳哪里
@GetMapping(value="/home")
public void homePage(HttpServletResponse response)throws IOException{
response.sendRedirect("index.html");
// return "index";
}
需要傳值的話，java界面使用正常的方法就可
model.addAttribute("yu","Hello world Thymeleaf");
在html 界面需在html 標簽里引用地址 。thymeleaf 使用的是OGNL 標簽，和jstl 標簽差不多個人感覺，例如：
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--/*@thymesVar id="yu" type="java"*/-->
<p th:text="${yu}"></p>
我是用的是IDEA 編譯 使用標簽的話 會報錯 只有添加<!--/*@thymesVar id="yu" type="java"*/--> 注釋才不會報錯
標簽的話不需要自己寫，點擊左邊報錯的小紅點會提示標簽注釋，自動生成
最后收工，這么簡單的東西也是走過腥風血雨過來的！！！
單有效的導航欄設計能夠極大的提高用戶體驗，不僅能讓用戶更快找到他們想要的內容，還能適當分擔搜索引擎的壓力。常見的導航設計我想大家都已經非常熟悉了，今天我們要分享的一些有趣的、原創的、甚至具有一定開創性的導航欄設計方案，這些優秀的設計非常引人注目，令人難忘。這些網站的導航欄設計，比起傳統的導航會相對更復雜一些，但是絕對會令你眼界大開。
當然，我們推薦這些網站并不只是因為導航欄設計，這些優秀的網站通常在技術使用和信息呈現上也做得非常突出。和很多酷站一樣，只要你深入探究，一定會獲益匪淺。
Jova的網站設計非常清爽，導航欄的設計均衡并且結構妥帖。
設計師使用細線構成的線框柵格來構建網站導航，經典的黑白配色，加上清晰銳利的英文字體，構建出優雅迷人的外觀，在柔和的背影映襯之下，給人深刻的印象。
Beloesuhoe 的設計團隊巧妙地使用布景構建出了一個獨一無二的網頁導航，非常抓人眼球。這個網站乍一看好象就是一個背景圖，但是實際上，網頁上脈動的小紅點會提示你導航的存在，它并不是看起來那么簡單。將鼠標移動到小紅點上，你會發現這些導航點是可交互的，并且將你引導到特定的頁面。
這種“沉浸式”的導航欄設計是個非常有趣的解決方案，可拓展的空間也相當大。
First Person 整站使用了單頁滾動設計，并且通過左上方的菜單欄來進行導航引導。但是這并不是它的突出之處，當你在首頁向下滾動的時候，能夠看到一個精心制作的3D場景，整個場景會隨著白天黑夜變換主題，并且當你鼠標移動到3D場景的特定點上的時候，能夠激活組件，進行交互，瀏覽信息，絕對別出心裁。雖然整站導航不算突出，但是這個3D場景的導航設計，簡直帥酷爆表。
說 Mint Design Company 的導航設計精美絕倫完全不是過譽。設計師幾乎是用漂亮的手繪插畫完成了整個網頁的設計，導航欄所使用的手繪圖標更是精致，鼠標移動到導航欄圖標處會有好玩兒的動效出現，最關鍵的是每個動效都不盡相同。
Viva Latino的設計團隊充分利用涂鴉的獨特效果，讓整著陸頁在同類設計中脫穎而出。干凈的單色頁面上，漂亮的手繪排版設計和獨具個性的小人錯落混拍在一起，營造出節日的氣氛，最關鍵的是，這樣的設計也創造出獨具一格的導航模式。
注：相關網站建設技巧閱讀請移步到建站教程頻道。
這個名為Pete Nottage 的網站以五彩繽紛的插畫而著稱，也使得整個網站充滿了創造性和積極的氛圍。這些扁平風的插畫以城市場景為主題，并且還是作為網站導航而存在。
為了讓這個導航欄更加好玩，網站的設計師和開發者將許多動態的元素加入到插畫中，比如移動的汽車和游艇，那些看似靜態的景物其實也是可交互的，當你點擊它們的時候，有些建筑會抖動甚至消失！這種引人入勝的設計賦予了網站獨特的氣質，讓人流連忘返樂此不疲。
Mathilde Jacon 的這個個人作品展示頁使用了更加獨特的導航模式：嵌套環形可交互式導航欄，環形的每一段都會導向一個作品。原來導航還可以這樣做啊！
Moira Young 的網站采用了一套自然風的主題，導航設計則以優雅的輻射狀的閃光來呈現，當你鼠標移到這些微光之上，導航內容便會呈現，漂亮而微妙。
和許多之前的網站導航設計思路相近，漂亮的插畫和動態視覺元素共同構建起了它的導航欄。網站唯一與時代脫節的地方在于，它采用了Flash來實現這些功能，而非HTML5。
值得一提的是，使用極簡設計風其實也可以作出別出心裁的導航欄的。正如你所看到，網頁的著陸頁非常干凈，背景大量留白，幾個控件散落在頁面上用作導航，不同尋常。
Love Carmen Rose 的網頁設計也個性十足，精雕細琢的背景圖其實承載著它獨有的導航模式，雖然看起來不太顯眼，但是復雜的導航和背景圖也足夠它脫穎而出了，不是么？
用戶打開 Orillo 網站的時候，能看到低調沉穩的背景上用簡約線條勾勒出來的控制中心。用戶可以借助這個獨特的導航欄做很多事情，唯一可惜的是它僅能在桌面端瀏覽器上呈現，移動端頁面則使用的是另外一個相對簡單的版本。
OK Kid的網頁充分運用了視頻背景的特性來設計它們的基礎導航體系。設計團隊采用視覺優先的設計原則，最終結果也并沒有令人失望。
網頁采用運動的色彩來呈現經典的美國精神，帶你開始一段旅程。結合影片劇情，設計團隊展現了一個原創而吸引人的導航設計，雖然沒有任何標識，但是那些細細的條紋會帶你走完這個旅程。
從你打開這個網頁的第一秒開始，頁面所展示的作品就會吸引住你的全部注意力。網站的視覺設計非常大膽，整體布局導航通過相對較寬的可交互區域來展現，每一塊完成不同的工作。
想不想通過Grimouville 開始一段短暫而難忘的旅程？打開這個網站就可以了。網站中那些有趣的互動元素能讓你在城市的大街小巷中實現這個夢想。
網站的著陸頁令人難以忘懷：壯觀的視頻背景和風格化明顯的導航欄，這些設計不僅讓你愉悅，還能更為高效地探索網站。雅致的菱形導航欄中，每個區塊包含著不同的功能和相應的短片。
基于柵格的導航系統配合可愛的圖片營造出網站的整體氛圍，純色和圖片的錯落排布，不同區塊中獨特的效果，會讓你記住這個網站的。
這是一個真正意義上的概念網站。通過有趣的交互，你可以在這個網站知道關于巴西這個國家許多有趣的故事。
網站的設計師巧妙的利用排版和簡約的外觀，呈現出了網站有趣的氛圍。密集而大膽的標題周圍，圍繞著相對較小的文字導航，塑造出獨特的形式感。
結語
獨特的導航欄設計方案總能激發用戶的興趣，勾引出大家的探索欲，這些優秀的設計自然也成為網站令人難忘的優秀特征。不過千萬別忘了，網站的整體體驗還是最重要的，樂于探索，但是不要舍本逐末。
018是小程序的紅利年，一旦紅利期結束，創業者可能失去機遇。
平臺是土壤，應用是莊稼。土壤死，莊稼死，新的土壤長新的莊稼。作為創業者而言，選擇一片新的土壤，意味著彎道超車的機會。
微博生，大V生，微博死，大V死；直播生，網紅生，直播死，網紅死；微信生，自媒體生，微信死，自媒體死。平臺新生時，會有1~2年的紅利期，如政策傾斜、流量傾斜... ...紅利期一旦結束，你是巨頭還是巨嬰，排名基本確定，很難再有后發優勢，除非他人犯錯，或者自己另辟蹊徑。
對創業者而言，最痛苦莫過于：舊的平臺在衰老，新的平臺又未出現，遍地巨頭，短期又看不見超越捷徑。以流量入口為例，2011年微信，2012年... ...六七年過去，主流平臺未改變，在衰老，新生渠道又未出現。
但是2017年，小程序來了：1月，第一波小程序上線。12月，第一波小游戲上線。踩上這兩波紅利的創業者，將獲得極大的先發優勢。但這并不意味著一切，按照“1~2年紅利期”規律，小程序的機遇大門將于2019年上半年關閉——我們還有機會。
但基于這樣一個時機點，如果小程序對于你的業務至關重要，你必須all in。也基于這樣一個時機點，鉛筆道舉辦了一場小程序大會，只是為了告訴你：紅利期將盡，做好all in準備。顧名思義，得名鉛筆道“ALL IN”小程序大會。
大會自9月4日招募文首發，2天之內觀眾轉化率竟達20%。我們準備了一個最多容納350人的場地，2日之內報名即過50%。從參會職業類型看，90%以上為小程序創業者，其余為投資人。
大會主題關鍵詞為“問題及解決方案”，目的只有一個：如何all in小程序浪潮。
我們將發布鉛筆道《2018微信小程序獨家報告》，報告涉及小程序行業概況、產業圖譜及熱點領域、創業公司數據盤點、未來趨勢與展望等內容。
對于相對確定的話題，我們邀請到了一批以明星創業者為代表的實干派嘉賓。自去年1月以來，他們踩中了第一波紅利，并從中積累了珍貴的實戰經驗，獲得了百萬級、數千萬甚至數億用戶，且獲得了頂級機構數千萬、數億甚至數十億的投資。
對于未知話題，我們將展開大膽真實的辯論。3VS3，由創業者混搭投資人的6名辯手組成，他們不僅有著深刻的行業洞見，還有著讓對手“放棄抵抗”的口才。在他們的思維碰撞中，或許能產生全新的答案。
這將是一場小程序盛宴。鉛筆道大會不多，從來只辦精品——這是我們的秉性，也是對參會者負責的決心。4小時大會，相信你能收獲一個相對完美的答案。
特邀嘉賓
獵聘網創始人 戴科彬
他是行業創新者，僅用7年時間就將獵聘網打造成為行業獨角獸，并成功赴港上市，被稱為中國年輕的80后優秀創業者之一。他也是知名投資人，投資了眾多小程序明星項目，如享物說。
參會嘉賓
英諾天使基金創始合伙人 林森
他是中關村天使投資協會理事、清華校友TMT協會副秘書長、天使實戰學院校董、2015年中關村十大天使投資人。曾參與投資了超過80家初創企業，投資案例有微盟、客來樂、慧銀、VST全聚合、天炎微企、漢儀科印等。
心生家族創始人 沈悅雯
他是網秦創業早期的核心骨干之一，帶領團隊創辦飛流（FLMobile），累計注冊用戶達6740萬， App store曾連續一周中國區總榜第一。 2012年和3位校友創辦生日管家， 2016年生日管家和心意點點合并，成立心生家族。心生家族旗下擁有200+款小程序，用戶突破1000萬，是最早All in 小程序的互聯網公司之一。至今已獲得來自華映資本、凱石資本、華蓋資本、奇虎360、遠東控股、愛屋資本等多家知名機構投資，B+輪融資近億元。
LayaBox創始人 謝成鴻
他是中國網游開拓者之一、HTML5產業發起人，被稱為HTML5行業技術領袖。2001年，創立了全球最大頁游平臺“可樂吧”。他也是全球知名HTML5游戲引擎 LayaBox 總設計師，目前LayaBox開發者超過30萬，國內3D H5和小游戲市場占有率超96%，已獲得深創投、合力資本、金慧豐投資等投資。
微動天下聯合創始人 毛磊
他擁有10年產品研發管理經驗，3年公司管理經驗，曾任櫻之燃創始人、蜂巢天下執行副總裁、窩窩團產品總監，搜狐產品經理、飛信產品經理。微動天下現已擁有10億+用戶，2016年在新三板掛牌。
阿拉丁創始人 史文祿
他是一名連續創業者。2016年10月創辦了阿拉丁，專注于小程序領域數據發掘和統計分析業務。作為國內首家小程序數據統計平臺，阿拉丁在成立近一年的時間里先后完成4輪融資，估值近10億人民幣，投資方包括金沙江創投、創新工場、阿米巴資本等。目前在TOP1000的小程序中，使用阿拉丁小程序統計平臺和阿拉丁指數的開發者已超過80％，總體客戶量超過20萬。
遞名片創始人 宋敏杰
他畢業于北京大學，曾在某知名 To B大數據公司擔任副總經理，后創辦遞名片。遞名片專注于為用戶提供電子名片制作及收發服務，現有用戶超百萬，7個月增長了18倍。遞名片一年內完成3輪融資，今年4月完成了來自IDG資本、真格基金和職場社交平臺“脈脈”的千萬級A輪融資。
黑咔相機創始人 姜文一
他是前友盟聯合創始人、連續創業者。目前黑咔相機已完成千萬級美元的A+輪融資，由啟明創投領投，投后估值約8000萬美元。黑咔相機已累計1.3億用戶，日活數次達到千萬。
微盟新零售事業部產品總經理 衛曉祥
他專注于互聯網14年，2014年加入微盟，先后打造了智慧零售、智慧門店、智慧城市三大體系以及10余種行業解決方案，成功幫助上百萬傳統企業向移動互聯網轉型，在行業中處于領先地位。
來電科技合伙人 任牧
他是來電科技CMO，共青團中央全國青年創業營培訓講師、廣西共青團青年創業導師；作為互聯網連續創業者，2014年曾創立半成品生鮮電商品牌青年菜君；曾獲首屆中國青年創新創業大賽冠軍，2014中國十大青年創業新聞人物，入選新華社“亞太新經濟人物”系列報道。來電科技注冊用戶現已超過3500萬，服務用戶數億人次。已于去年獲得九合創投、紅點創投、海納亞洲2000萬美元A輪融資。
酷傳創始人 李衛杰
酷傳現為國內最大的移動開發者服務平臺之一，創辦于2012年，致力于幫助開發者在移動端獲取更多客戶，業務涵蓋分發、監控和投放服務，行業用戶占有率超80%。公司已經獲得了源碼資本數百萬美元融資。
和騫投資合伙人/淺藍創始人 譚穎華
他曾在2006年獲得微軟MVP(最有價值專家)，先后翻譯出版六本互聯網相關國外著作，有豐富的創業經驗和獨特的創投圈人脈。也曾就職于匯豐銀行、新浪微博等企業并任職高管。2015年他聯合發起和騫投資，任管理合伙人，重點布局投資新媒體領域，已投資ZAKER、因特利等明星新媒體公司。他亦是淺藍科技創始人，2018年推出的盟數小程序廣告完成了PP助手創始人的千萬級融資。
更多大會嘉賓詳見下圖：
大會亮點
獨家發布《2018微信小程序報告》
以一線明星創業者為代表的實干派嘉賓
強指導性的投資人主題分享
真實大膽的話題辯論賽
大會議程
參會報名
活動時間：9月15日 13：30~18：00
活動地點：北京市朝陽區白家莊東里42號輕工集團院內D-life禮堂
報名方式：點擊了解更多
聯系我們
商務合作：桑春梅 13141391600
媒體合作：小芯芯 Pencil-news
票務咨詢：小鉛筆 qianbidao2018
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
