首頁 > Java > java教程 > javaWeb開發過程中小細節總結分享(一)

javaWeb開發過程中小細節總結分享(一)

黄舟
發布: 2017-03-17 11:08:30
原創
1824 人瀏覽過

初次接觸freemark和bootstrap,使用過程中會遇到許多需要注意的小細節。此部落格文章將不斷的總結本人在使用過程中遇到的問題。

1.freemark 時間設定

#
<span class="control-label ">${content.createTime?string(&#39;yyyy-MM-dd HH:mm:ss&#39;)}</span>
登入後複製

2.if /list標籤的使用

<#if questionAnswers??>
<#list questionAnswers as answers>
<input type="hidden" name="questionAnswerId" id="questionAnswerId" value="${answers.questionAnswerId}"/>
<p style="
padding
: inherit;b
ord
er-
top
:1px solid #808080">
<p class=" control-label" id="answer" >${answers.answerContent}</p>
<p class="control-label">
<span class="control-label" > 回答者:${answers.createUserName}</span>
<span class=" control-label">${answers.createTime?string(&#39;yyyy-MM-dd HH:mm:ss&#39;)}</span>
</p>
</p>
</#list>
</#if>
登入後複製

3.p新增內容

4.確認方塊

function 
delete
QuestionAnswers(contentIds){
confirmOptions.content ="请确认是否
删除
?";
confirmOptions.confirm = function (){
$.ajax({
type: "POST",
cache
: false,
data:{contentIds:contentIds.join(",")},//后台
传值
url: "/pmms/question/verify/delete",
success: function (
json
Object
 , success , response) {
$(&#39;#questionTable&#39;).bootstrapTable(&#39;refresh&#39;);
toastr.success(&#39;删除成功!&#39;, &#39;成功提醒&#39;);
},
error: function (xhr, ajaxOptions, thrownError) {
toastr.error(thrownError, &#39;失败提醒&#39;);
}
});
}
$.confirm(confirmOptions);
}
登入後複製


5.前端偵錯方法

前端偵錯方法
6.freemark彈出一個頁面

#
 <a href="#add" class="btn green btn-sm"data-toggle="modal"id="addTem"> 新增 </a>
登入後複製

在頁面中包含要彈出的頁面

<#include "window_add_edit.ftl"/>
登入後複製

此頁面的id設定為add ,和a標籤中的href要想對應

7 .富文本

$(&#39;#addSummernote&#39;).summernote({
lang
: &#39;zh-CN&#39;,
height
: 100,  
focus: true,
airPopover: [
   [&#39;color&#39;, [&#39;color&#39;]],
   [&#39;font&#39;, [&#39;bold&#39;, &#39;underline&#39;, &#39;
clear
&#39;]],
   [&#39;para&#39;, [&#39;ul&#39;, &#39;paragraph&#39;]],
   [&#39;table&#39;, [&#39;table&#39;]],
   [&#39;insert&#39;, [&#39;link&#39;, &#39;picture&#39;]]
]
});
登入後複製


#富文本調樣式後,存到資料庫中的標籤中使雙引號,當需要把文字寫到富文本中時,使用' ' 操作。

8.bootstrap中時間是long型時,轉換方式


9.自動刷新頁面,防止session失效


#10.修改form表單的action

//
document
.dbform.action = &#39;question/verify/save&#39;;
JS方式
 
$(&#39;#form-group&#39;).attr(&#39;action&#39;,&#39;question/verify/save&#39;);
 
jQuery
方式
登入後複製

以上是javaWeb開發過程中小細節總結分享(一)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板