import json
from django.core import serializers
from .models import UserInfo
def findByPage(request):
res = '{"total":12,"rows":[{"id":1,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":2,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":3,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":4,"username":"admin","password":"admin","sex":"男","age":20},'\
'{"id":5,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":6,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":7,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":8,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":9,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":10,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":11,"username":"admin","password":"admin","sex":"男","age":20},' \
'{"id":12,"username":"admin","password":"admin","sex":"男","age":20}]}'
page = request.GET.get("page")
rows = request.GET.get("rows")
list = UserInfo.objects.all()[:2]
total = len(list)
json_data = serializers.serialize("json",list)
json_data = json.loads(json_data)
resList = {"total":12,"rows":json_data}
ulist = json.dumps(resList)
return HttpResponse(res)
HTML页面部分:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户列表页面</title>
<link href="/static/css/base.css" rel="stylesheet">
<link rel="stylesheet" href="/static/easyui/uimaker/easyui.css">
<link rel="stylesheet" type="text/css" href="/static/easyui/uimaker/icon.css">
<script type="text/javascript" src="/static/jquery/jquery.min.js"></script>
<script type="text/javascript" src="/static/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/static/easyui/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function(){
$("#tt").datagrid({
title:"信息列表",
url:"/findByPage/",
method:"GET",
loadMsg:"数据加载中..",
pagination:true,
striped:true,
columns:[[
{field:"id","title":"编号",width:100,align:"center"},
{field:"username","title":"用户名称",width:100,align:"center"},
{field:"password","title":"用户密码",width:100,align:"center"},
{field:"sex","title":"性别",width:100,align:"center"},
{field:"age","title":"年龄",width:100,align:"center"},
{field:"opreation","title":"操作",formatter:function(value,rowData,index){
return "<a href='javascript:void(0)' onclick='detail("+rowData.id+")'>详情 </a>"
+"<a href='javascript:void(0)' onclick='removeTaxPayer("+rowData.id+")'>删除 </a>"
+"<a href='javascript:void(0)' onclick='edit("+rowData.id+")'>修改 </a>"
}}
]]
})
})
</script>
</head>
<body>
<table id="tt"></table>
</body>
</html>