序文
開発プロセス中に、テンプレートエンジンを使用する必要があります。 JSPは明らかに時代の発展に追いついていません。フリーマーカーには十分ですか? Thymeleafに変更してみてください。
Springbootは、FreemarkerとThymeleafを正式に推奨しています。 ThymeleafがFreemarkerよりも強力に感じるのは、タグ内の静的コンテンツを動的に置き換えることができるため、フロントエンドはページを安心して書くことができ、バックエンドは心の安らぎでインターフェイスを再生し、変数を置き換えるだけです。 Vueが盗作を盗用したのか、それともシーラフの盗用されたVueを盗用したかはわかりませんが、それは問題ではありません。奴隷をコードするために、それはただ実用的です。
情報を確認して構成した後、実装プロセスを共有します。以下ではあまり言いません。詳細な紹介を一緒に見てみましょう。
1。POMはじめに
<Dependency> groupId> org.springframework.boot </groupid> <artifactid> spring-boot-starter-thymeleaf </artifactid> </dependency>
2。Application.PropertiesThymeleaf構成を追加します
spring.thymeleaf.cache = falsespring.thymeleaf.check-template = truespring.thymeleaf.check-template-location = truespring.thymeleaf.content-type = text/htmlspring .thymeleaf.enabled = truespring.thymeleaf.encoding = utf-8spring.thymeleaf.mode = html5spring.thymeleaf.prefix = classpath:/templates/spring.thymeleaf.suffix = .html
3。HTMLを書きます
<!doctype html> <html lang = "en" xmlns = "http://www.w3.org/1999/xhtml" xmlns:th = "http://www.thymeleaf.org"> <ヘッド>段落</p> <p th:text = "$ {textValue}">これは2番目の段落</p> </body> </html>です生、テスト
パッケージcom.mos.easyboot.admin.controller; import org.springframework.stereotype.controller; Import org.springframework.ui.model; import org.springframework.web.bind.annotation.Requestmapping; @RequestMapping( "index")public string index(model model){string textValue = "優れた男は、彼が真実を聞いたときにのみそれを行うことができます。 +「笑いはタオになるのに十分ではありません。」 +「したがって、提案があります。道を明確にし、道を前進させ、退却すること、野barな方法であること、(レイ)、最良の美徳であり、谷になる、屈辱のような偉大な白であること、広い美徳であるため、広い美徳、盗み、盗み、真の人になるために、飛行する; +「タオは隠されていて、名前が付けられていません。」 +「タオにのみ、始まりが得意で、達成が得意です。」; model.addattribute( "textValue"、textValue); 「デモ/デモ」を返します。 }}5、ページ効果
土地、データレンダリング
VueにはSSR(サーバー側のレンダリング)に問題があります。解決策はありますが(以前の記事「nuxt.jsを分離してSEOの問題をフロントエンドとバックエンドで解決する」ことができますが、適切なテクノロジーにビジネスを行わせる方が良いと常に感じています。胸腺はサーバーでのレンダリングと同等です。ページのソースコードを次のように確認してください。
要約します
上記は、この記事のコンテンツ全体です。この記事の内容には、すべての人の研究や仕事に特定の参照値があることを願っています。ご質問がある場合は、メッセージを残してコミュニケーションをとることができます。 wulin.comへのご支援ありがとうございます。