Résumé et partage de petits détails dans le processus de développement javaWeb (1)-javaDidacticiel-php.cn

Résumé et partage de petits détails dans le processus de développement javaWeb (1)

黄舟

Libérer： 2017-03-17 11:08:30

original

1807 Les gens l'ont consulté

C'est la première fois que j'entre en contact avec freemark et bootstrap Lors de l'utilisation, je rencontrerai de nombreux petits détails qui nécessitent une attention particulière. Cet article de blog résumera en permanence les problèmes que j'ai rencontrés lors de l'utilisation.

1.réglage de l'heure freemark

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

Copier après la connexion

2.if /list tag Utilisez

<#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>

Copier après la connexion

3.p pour ajouter du contenu

4 .Boîte de confirmation

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);
}

Copier après la connexion

5. Front-end DébogageMéthode

Méthode de débogage frontal
6.freemark fait apparaître une page

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

Copier après la connexion

Inclure la page à afficher dans la page

<#include "window_add_edit.ftl"/>

Copier après la connexion

L'identifiant de cette page est défini pour être ajouté, et le href dans la balise a doit correspondre à

7. Texte riche

$(&#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;]]
]
});

Copier après la connexion

Après avoir stylisé le texte enrichi, utilisez des guillemets doubles dans les balises stockées dans la base de données. Lorsque vous devez écrire le texte en texte enrichi, utilisez l'opération ' '.

8. Lorsque le temps dans le bootstrap est de type long, la méthode de conversion est