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

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


9. Actualiser automatiquement la page pour empêcher la session d'être invalidée


10 Modifier les formulaires pourm. actionValeur

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal