將html5設(shè)置的時(shí)間封裝到表單提交到后臺(tái),就像普通參數(shù)一樣獲取就行了。一般都設(shè)置為字符串需要時(shí)間類型時(shí)再轉(zhuǎn)換就行了
創(chuàng)新互聯(lián)專注于興國網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供興國營銷型網(wǎng)站建設(shè),興國網(wǎng)站制作、興國網(wǎng)頁設(shè)計(jì)、興國網(wǎng)站官網(wǎng)定制、成都小程序開發(fā)服務(wù),打造興國網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供興國網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
純HTML5的話沒用吧,就幾個(gè)代碼。
這類還是要JS語言。
或用JQ庫或AJAX。
好好的學(xué)下前端,別被H5忽悠了,H5只是前端的一小部分。
大哥,html本來就是前端渲染頁面的,根本就沒有邏輯,連html5都是借助js才能實(shí)現(xiàn)的,所以如果光是html,別說不可能實(shí)現(xiàn)后臺(tái)搭建,前端的邏輯處理你都完不成。你用html、css、js三者可以實(shí)現(xiàn)前端頁面搭建,然后用nodejs本地模擬服務(wù)器,也就是后臺(tái)。
如果數(shù)據(jù)庫中有幾千甚至幾萬條數(shù)據(jù),一下子顯示出來也是不現(xiàn)實(shí)的,立馬就想要了分頁。查看TWaver的API,并沒有發(fā)現(xiàn)表格中提供了分頁的功能。算了,還是自己來擴(kuò)展,想想TWaverJava中分頁的功能,HTML5實(shí)現(xiàn)起來應(yīng)該也不算太難,我們需要定義一個(gè)PagedTablePane,panel中包含表格和分頁欄,分頁欄參考了TWaver Java的那種:
仔細(xì)看看上面的分頁條,其實(shí)也不是那么復(fù)雜,幾個(gè)分頁按鈕加上分頁的信息,于是很快就模仿了一個(gè)類似的分頁欄,先上圖:
界面實(shí)現(xiàn)起來還是比較容易的,主要的是按鈕的操作和分頁信息的顯示,我們需要定義幾個(gè)變量:currentPage(當(dāng)前頁)、countPerPage(每頁的條數(shù))、pageCount(頁數(shù))、count(總數(shù)),定義了這幾個(gè)變量就可以將上圖中分頁的信息表示出來
package?web;
import?java.io.IOException;
import?java.io.PrintWriter;
import?javax.servlet.ServletException;
import?javax.servlet.http.HttpServlet;
import?javax.servlet.http.HttpServletRequest;
import?javax.servlet.http.HttpServletResponse;
public?class?Test?extends?HttpServlet?{
public?void?doPost(HttpServletRequest?request,?HttpServletResponse?response)?throws?ServletException,?IOException?{
request.setCharacterEncoding("utf-8");
response.setContentType("text/html");
response.setCharacterEncoding("utf-8");
response.addHeader("Set-Cookie",?"secure;HttpOnly");
String?name?=?request.getParameter("name");
//?....
String?res?=?"{\"status\":0,\"message\":提交成功,\"name\":"?+?name?+?"}";
PrintWriter?out?=?response.getWriter();
out.print(res);
out.close();
}
}
交互的話需要用到中間頁進(jìn)行交互,比如下面這個(gè)php代碼
$sql="select?*?from?userinfos?where?userid='".$_SESSION['uid']."'";
$dt?=?$pdo?-?query($sql);
$st["retno"]?=?0;
$row?=?$dt?-?fetch();
$st["userName"]?=?$row[3];
$st["imgSrc"]?=?$row[2];
echo?json_encode($st);
break;
這段代碼通過用戶session獲取用戶表的字段信息,然后輸出成一個(gè)json格式的數(shù)據(jù),然后通過js里面的ajax交互進(jìn)行獲取。
$.ajax({
url:?"",
type?:?"POST",
data?:?{"canshu1":csValue},
dataType?:?"json",
success:?function(result){
//這里將返回的json格式的result進(jìn)行處理。一般是將這些數(shù)據(jù)寫入到頁面對(duì)應(yīng)的容器中
}});