Summary and sharing of small details in the javaWeb development process (1)-javaTutorial-php.cn

Summary and sharing of small details in the javaWeb development process (1)

黄舟

Release： 2017-03-17 11:08:30

Original

1801 people have browsed it

This is the first time I come into contact with freemark and bootstrap. During the use, I will encounter many small details that need attention. This blog post will continuously summarize the problems I encountered during use.

1.freemark time setting

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

Copy after login

2.Use of if /list tag

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

Copy after login

3.pAdd content

4.Confirmation box

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

Copy after login

5. Front-endDebuggingMethod

Front-end debugging method
6.freemark pops up a page

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

Copy after login

Include the page to be popped up Page

<#include "window_add_edit.ftl"/>

Copy after login

The id of this page is set to add, and the href in the a tag must correspond to

7 .Rich text

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

Copy after login

##After adjusting the style of rich text, save Use double quotes in tags in the database. When you need to write text into rich text, use the ' ' operation.

8. When the time in bootstrap is long type, the conversion method

##9. Automatically refresh the page to prevent session from invalidating

10. Modify the action# of the form form ##Value

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

Copy after login

The above is the detailed content of Summary and sharing of small details in the javaWeb development process (1). For more information, please follow other related articles on the PHP Chinese website!