システムテーマのスタイルを切り替えます

背景管理システムは、自由にテーマスタイルを切り替えることを期待して、多くのセットのテーマスキンを設計しました。

それは、テーマスタイルのメインページで紹介されたテーマの一つだけセットでは：

<リンクのhref = "/公共/テーマ/デフォルト/ CSS /のmain.css" のrel = "スタイルシート" タイプ= "テキスト/ cssの" />

さまざまなトピックのCSSのパスのデフォルト値を切り替え、実際には、テーマを切り替えます。テーマとしてブロックに切り替えて、次のように単純に改正：

<リンクのhref = "/公共/テーマ/ブロック/ CSS /のmain.css" のrel = "スタイルシート" タイプ= "テキスト/ cssの" />

たびに、あなたは明らかにそれから、ここにコードを変更するために良いアイデアをテーマにしていない切り替えます。

次の二つの記録自分の考えの下で：

まず、春project.themeコンフィギュレーションファイルを提供することにより、

project.theme =ブロック

　　背景などによって読み取ら@value。

@value（ "$ {project.theme}" ）
     プライベート文字列projectTheme。

　　SpringMVCはその後、モデル、地図、ModelMapのModelAndViewまたは遠位端のメインページを広めます。

model.addAttribute（ "projectTheme"、projectTheme）。

　　入力された値で、このテーマを保存するためのメインページ。

<input type = "隠れた" ID = "テーマ" 番目：値= "$ {projectTheme}">

　　JSは、入力の値は、リンクタグを作成し、メインページの先頭に付加し、そのhref属性の値を、設定します、

。VARのテーマ= $（ "＃テーマ"）のval（）; 
loadTheme（テーマ）。

関数loadTheme（テーマ）{
     VARのリンク=のdocument.createElement（ 'リンク' ）。
        link.type = 'テキスト/ cssの' ; 
        link.rel = 'スタイルシート' ;
        もし（テーマ）
            link.href = '/public/themes/'+theme+'/css/main.css' ;
        他
            link.href = '/public/themes/default/css/main.css' ;
        VaRのヘッド= document.getElementsByTagName（ '頭'）[0 ]; 
        head.appendChild（リンク）。
}

　　プロファイルを切り替えることによって達成テーマ。

第二に、テーマのページに切り替えボタンを増やすことで、データベースをクリックのSubjectフィールドの値を変更します。

　　フィールドの背景値は、読んで、メインページのフロントエンドに渡されます。

　　あなたは上記の次のステップを参照することができます。

　　ページで、テーマのスタイルを変更し、トグルボタンをクリックしてください。

注意：実際には、そのようなスタートを修正するが、成功せず：

<リンクのhref = "/公共/テーマ/ $ {テーマ} /css/main.css" のrel = "スタイルシート" タイプ= "テキスト/ cssの" />

教育首長は指導を歓迎しました！

システムテーマのスタイルを切り替えます

おすすめ