電子發燒友App
bootstrap與java如何結合使用
BootStrap主要作用于前端美化，它也有自己的一套布局，你在使用的時候只需要將文件包解壓，添加進項目之后，在用到的html或者jsp中引用他的文件即可，不過在引入之前，一定要先把jquery的文件引入進去，因為它依賴于jquery，文件的順序十分重要。
還有就是，他的文件的順序最好不要打亂，因為它的內部也有調用自己的文件，如果你把它弄亂了之后，就可能導致它找不到自己的文件，所以，直接引入是最好的方法，先引入CSS文件《link href=“》 再引入jquery《script src=”“》，最后引入Javascript文件《script src=”“》，
? ? ? ? 例如：
《！DOCTYPE HTML》
《html》
《head》
《link href=”bootstrap-datetimepicker-master/sample in bootstrap v2/bootstrap/css/bootstrap.min.css“ rel=”stylesheet“》
《link rel=”stylesheet“ type=”text/css“ media=”screen“
href=”bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css“》
《/head》
《body》
《div class=”input-append date form_date“ data-date-format=”yyyy-mm-dd“》
《input size=”16“ type=”text“ value=”“ readonly》
《span class=”add-on“》《i class=”icon-remove“》《/i》《/span》
《span class=”add-on“》《i class=”icon-calendar“》《/i》《/span》
《/div》
《div class=”input-append date“ id=”datetimepicker“ data-date-format=”yyyy-mm-dd“》
《input class=”span2“ size=”16“ type=”text“》
《span class=”add-on“》《i class=”icon-th“》《/i》《/span》
《/div》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/sample in bootstrap v2/jquery/jquery-1.8.3.min.js“》
《/script》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/bootstrap/js/bootstrap.min.js“》
《/script》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js“》
《/script》
《script type=”text/javascript“ src=”bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js“ charset=”UTF-8“》
《/script》
《script type=”text/javascript“》
$（‘.form_date’）.datetimepicker（{
language： ‘zh-CN’，
weekStart： 1，
todayBtn： 1，
autoclose： 1，
todayHighlight： 1，
startView： 2，
minView： 2，
forceParse： 0
}）;
《/script》
《/body》
《html》
這是我做的一個用到datepicker的文件
而java是用于后臺開發所用，而那個工具是應用于前段美化的所以他們之間并不沖突，正常的結合就行了
只要按上面的方法導入bootstrap的文件，然后在進行自己的java的開發就行了，就不會受到什么干擾了
?
基于Bootstrap的Java開發問題總結
第一次接觸Bootstrap框架，特別生疏。但是在慢慢了解了之后會發現bootstrap是一個前端的技術框架。結合了JQuery從而實現了非常豐富、美觀的界面效果。此次項目是基于Spring MVC模式下。
1.菜單
在Bootstrap中構建一個菜單是一件非常容易的事情。因為有專門的菜單管理，所以相比以前做過的菜單相對來說就輕松的多。只需要點開菜單管理，進行需求菜單的添加。如下圖所示：
添加完菜單之后還不能顯示，因為沒有為菜單分配權限。接下來在角色權限管理里面為菜單進行授權。之后用授權過的賬戶進行登錄就可以看見剛才所添加的菜單。
2.上傳圖片
上傳圖片費了好久才完成。開始以為上傳圖片功能已經做成功了。但是回過頭看的時候才發現是有問題的。
問題一：
因為我是總共要上傳三張圖片，遇到的問題是每一次上傳都上傳成功了，可是數據庫里的數據永遠保存的最后一條的記錄。最終發現發現方法的參數寫錯了。本來調用的是根據多個屬性刪除對象實體，結果發現在方法的參數里寫了兩個參數new String［］ {“type”， “typeId” }，就是第二個參數typeId導致每次刪除的都是用戶的所有記錄。最終改為new String［］ { “type”，“imgId” }，將第二個參數改為imgId每次根據圖片的類型刪除。每次改變只是改變相對應的圖片，避免了將同一個用戶的所有圖片都刪除。
問題二：
上傳成功后怎么都顯示不到頁面。問題是之前的做法是只上傳一張圖片，每次上傳后的圖片路徑保存到filePath里，然而現在變成上傳三張圖片后每一次上傳的圖片路徑都會保存到filePath里，也就是說第二次上傳的圖片路徑每次都會覆蓋上一次的路徑，因此三張圖片在頁面的顯示效果永遠都是同一張照片。
最終在要顯示的頁面里從attachment表里面將用戶對應所上傳的圖片顯示在頁面，這樣就避免了filePath里只能保存一個路徑的問題！
工商網監
評論