交互的话需要用到中间页进行交互,比如下面这个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);
这段代码通过用户session获取用户表的字段信息,然后输出成一个json格式的数据,然后通过js里面的ajax交互进行获取。
$.ajax({
url: "",
type : "POST",
data : {"canshu1":csValue},
dataType : "json",
success: function(result){
//这里将返回的json格式的result进行处理。一般是将这些数据写入到页面对应的容器中
}});
大哥,html本来就是前端渲染页面的,根本就没有逻辑,连html5都是借助js才能实现的,所以如果光是html,别说不可能实现后台搭建,前端的逻辑处理你都完不成。你用html、css、js三者可以实现前端页面搭建,然后用nodejs本地模拟服务器,也就是后台。
[img]有后台就是要动态,要动态就是要服务器语言,
你需要学习一门后台语言:如php、jsp、asp都能搭建后台。
如果数据库中有几千甚至几万条数据,一下子显示出来也是不现实的,立马就想要了分页。查看TWaver的API,并没有发现表格中提供了分页的功能。算了,还是自己来扩展,想想TWaverJava中分页的功能,HTML5实现起来应该也不算太难,我们需要定义一个PagedTablePane,panel中包含表格和分页栏,分页栏参考了TWaver Java的那种:
仔细看看上面的分页条,其实也不是那么复杂,几个分页按钮加上分页的信息,于是很快就模仿了一个类似的分页栏,先上图:
界面实现起来还是比较容易的,主要的是按钮的操作和分页信息的显示,我们需要定义几个变量:currentPage(当前页)、countPerPage(每页的条数)、pageCount(页数)、count(总数),定义了这几个变量就可以将上图中分页的信息表示出来
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();
}
}