项目功能开发流程

1 先写列表页（加载出来数据就行）

ob = User_vip.objects.filter(is_del='004001').order_by('-cts')

2 写添加功能

2.1 创建addOrDoadd视图方法

2.2 添加访问addOrDoadd的路由

2.3 在index.html页面吧添加的按钮的链接不全

<a style="color:#fff;" href="{% url 'myadmin/user/add' %}"><span class="am-icon-plus"></span>新增
</a>

2.4 构建视图逻辑

2.4.1 判断请求方法

如果是get就加载模板，如果是post就处理逻辑

2.4.2 处理逻辑

• 接受参数（data = request.POST.dict()）
• 删除csrf(data.pop('csrfmiddlewaretoken'))
• 验证所有信息是否添加规范
• 验证添加的信息是否重复
• 抛异常，调用模型执行添加操作
• 保存操作
• 返回提示信息

3 写修改功能

3.1.创建editOrDoedit的视图函数

3.2 在子路由中添加访问editOrDoedit的路径

3.3 在index.html中修改的链接不全

3.4 把add.html复制一份名称修改成edit.html

3.5 构建视图逻辑

3.5.1 判断请求方法

• 如果为get就加载模板
• 如果为post就处理数据
  • 根据传过来id查询信息
  • 发送至模板，展示在html的表单中

3.5.2 处理逻辑

• 接收参数
• 接受id
• 删除csrf
• 验证所有信息
• 验证修改是否重复（注意：要去除自身）

num = User_vip.objects.filter(nick_name=data['nick_name'],\
is_del="004001").exclude(id=data['uid']).count()

• 构建修改数据
• 抛异常，实例化对象
• 保存操作
• 返回提示信息

4 写删除

4.1 修改index.html的删除按钮的路径

4.2 创建user_del的视图函数

4.3 创建可以访问user_del的路径

4.4 构建视图函数的逻辑

• 接受参数
• 构建修改数据
• 抛异常，实例化对象
• 保存操作
• 返回提示信息

5 完善index.html当中表格中的select修改状态（使用ajax技术）

5.1 给select添加class=“sel_status"和uid=”{{ v.id }}"

5.2 在本页面代码的最后一个{% endblock %}之前构建js程序

<script></script>

5.3 在script标签中构建select的change（下拉框改变事件）事件，并且获取到状态的值和

id{$(.sel_status).change(function(){// 获取状态的值var status = $(this).val() // 获取idvar uid = $(this).attr('uid')})
}

5.4 在change事件中构建ajax请求

// 构建ajax$.get('{% url 'myadmin/user/edit_status' %}',{'uid':uid,'status':status},function(data){},'json')1

5.5 构建视图函数逻辑

• 引入JsonResponse方法
• 接受ajax传过来的参数
• 实例化对象
• 构建修改数据
• 抛异常，保存操作
• 返回提示信息

return JsonResponse({'msg':'修改成功！'})

5.6 在第4步中的ajax请求的function函数中弹出返回的信息

alert(data.msg)

6 完善index.html中的组合搜索

6.1 修改select和input提交的名称

• <select data-am-selected="{btnSize: 'sm'}" style="display: none;" name="type">
• <input type="text" class="am-form-field " placeholder="可以组合搜索" name="keywords">
• 把button按钮中的type="button"删掉
• 在第1步，和第2步的最外面添加form表单，并且提交地址为myadmin/user/list

<form action="{% url 'myadmin/user/list' %}"></form>

6.2 在index的视图函数（整个开发步骤的第一步）中完善逻辑

	# 接受查询的参数user_type = request.GET.get('type',None)keywords = request.GET.get('keywords',None)# 导入Q方法from django.db.models import Qif user_type:if user_type == 'all':if keywords:# SELECT * FROM User_vip WHERE LIKE (nick_name '%keywords%',age '%keywords%')ob = ob.filter(Q(nick_name__contains=keywords)|Q(age__contains=keywords)|Q(sex__contains=keywords)|Q(email__contains=keywords)|Q(phone__contains=keywords)|Q(intergral__contains=keywords)|Q(status__contains=keywords)|Q(price__contains=keywords))else:search = {user_type+'__contains':keywords}ob = ob.filter(**search)

6.3 在本功能的第一步中完善默认值

完善index视图函数，把type和keywords传递到模板中

<select data-am-selected="{btnSize: 'sm'}" style="display: none;" name="type"><option value="all" {% if type == 'all' %}selected{% endif %}>所有类别</option><option value="nick_name" {% if type == 'nick_name' %}selected{% endif %}>昵称</option><option value="age" {% if type == 'age' %}selected{% endif %}>年龄</option><option value="sex" {% if type == 'sex' %}selected{% endif %}>性别</option><option value="email" {% if type == 'email' %}selected{% endif %}>邮箱</option><option value="phone" {% if type == 'phone' %}selected{% endif %}>电话</option><option value="intergral" {% if type == 'intergral' %}selected{% endif %}>积分</option><option value="status" {% if type == 'status' %}selected{% endif %}>状态</option><option value="price" {% if type == 'price' %}selected{% endif %}>资产</option>
</select>  

<input type="text" class="am-form-field " placeholder="可以组合搜索" name="keywords" {% if keywords %}value="{{ keywords }}"{% endif %}>

注：以上if中间的内容为补全内容

7 完善优化分页

7.1 在views文件夹的同级目录中创建templatetags的文件夹（文件夹名称只能是templatetags）

7.2 在templatetags文件夹中创建pagetag.py

7.3 填写pagetag.py中的内容

	from django import templatefrom django.utils.html import format_htmlregister = template.Library()@register.simple_tag# 定义分页优化的函数def PageShow(count,request):# count 是总页数# request 请求对象# count = int(count)# p接收当前的页码数p = int(request.GET.get('page',1))# 获取url中的所有参数data = request.GET.dict()print(count,type(count))args = ''for k,v in data.items():if k != 'page':args += '&'+k+'='+v# 开始start = p-5# 结束end = p+4# 判断当前页是否小于5if p <= 5:start = 1end = 10# 判断当前页大于总页数if p > count-5:start = count-5end = count# 判断总页数小于10if count < 10:start = 1end = countpageHtml = ''# 首页pageHtml += '<li><a href="?page=1{args}">首页</a></li>'.format(args=args)# 上一页if p>1:pageHtml += '<li><a href="?page={p}{args}">上一页</a></li>'.format(p=p-1,args=args)for x in range(start,end+1):if p == x:pageHtml += '<li class="am-active"><a href="?page={p}{args}">{p}</a></li>'.format(p=x,args=args)else:pageHtml += '<li><a href="?page={p}{args}">{p}</a></li>'.format(p=x,args=args)# 下一页if p<count:pageHtml += '<li><a href="?page={p}{args}">下一页</a></li>'.format(p=p+1,args=args)# 尾页pageHtml += '<li><a href="?page={p}{args}">尾页</a></li>'.format(p=count,args=args)return format_html(pageHtml)

7.4 在index的视图函数（整个开发步骤的第一步）中完善逻辑

	# 导入分页类from django.core.paginator import Paginator# 实例化分页类p = Paginator(ob,5)# 获取当前的页码数pageindex = request.GET.get('page',1)# 获取当前页的数据userlist = p.page(pageindex)# 获取所有页码# pages = p.page_range# 获取总页数pages = p.num_pages

7.5 把第4步pages传递到模板中

7.6 修改index.html页面中的分页内容

	{% load pagetag %}{% PageShow page request %}

作者：秋叶夏风
出处：https://blog.csdn.net/qq_40223983
本文版权归作者和CSDN博客共有。欢迎转载，但必须保留此段声明，且在文章页面明显位置给出原文连接！