day67 crm(4) stark组件的增删改以及 model

前情提要:Django stark 组件开发的增删改,

　　　　model_form组件的使用

　　　　form组件的回顾

　一:list_display_link 创建

　　功能描述:

　　　使包含的字段能用进行跳转(编辑界面)

　　　　1:在strak组件中设置对应的接口

　　　　　　2:在注册表中填写注册的内容

注意该内容要对应自制列中的属性元素,即model的属性名

　　　　3:在stark中给model普通属性附加a标签

4:效果图 ,即实现了反向解析,又实现了编辑功能

二:form 组件回顾

1: form 表单的功能

2: form 表单的参数

3:form 表单的一对多,以及多对多

　　3>1

3>2

多对多样式显示

4 :form 表单样式的调用

5:钩子函数

6:钩子函数的调用

三:modelform组件的学习

modelform 可以减少字段的使用

功能!: 将model 转化成form

model ------>form 不用亲自写form

原来需要自己动手写form 模型类

现在不需要自己动手即可完成

1:modelform 组件

是form 组件的进阶版本,可以更加高效的实现form组件功能

在此之上,还增加了数据渲染功能,至此大大减少了代码的使用量

2:modelform组件的增加界面

views 视图

路由层

前端代码

前端效果

3:modelform 组件的修改

3>1

get请求获取内容

视图

路由

前端代码

效果

3>2: post请求部分\

注意添加还是更新取决于后面是否有instance=对象这个属性,有就是更新

四:modelform 在stark组件的应用

　　1:创建modelform对象()供后面的内容使用

创建:接口,供子类进行修改

子类重写

重写model_for_calss

重写类似如下:

　　1>1:首先导包

from django.forms import ModelForm  # 导入包
导入modelform ,创建方法get_model_form

创建modelform 继承modelform 类,创建Meta 类(固定写法),供调用,
model =self.model 传入当前操作的表对象, 默认的获取全部
返回默认的类,如果有自定制的类则使用自定制类

　　2:写add_view视图函数

　　　　2>1:编写add_view方法,

　　　　get请求:　　　　

　　　　获取当前操作的表对象modelform类,

　　　　实例化modelform 获取渲染内容

　　　　POST请求:

　　　　modelform 实例接收请求内容

　　　　判断内容是否符合要求　　

　　　　　　然后save() 实例对象,会自动把内容加到数据库中

　　　　　否则,返回add界面

视图层:

前端代码:

include代码

<div class="container">

    <div class="row">

        <div class="col-md-6">

            <form action="" method="post" novalidate>

                {% csrf_token %}

                {% for field in form_obj %}

                   <div class="form-group">

                       <label for="">{{ field.label }}</label>

                       {{ field }}  <span class="error pull-right">{{ field.errors.0 }}</span>

                   </div>

                {% endfor %}

                <button class="btn btn-default">submit</button>

            </form>

        </div>

    </div>

</div>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

      <style>

        input,select{

            display: block;

            width: 100%;

            height: 34px;

            padding: 6px 12px;

            font-size: 14px;

            line-height: 1.42857143;

            color: #555;

            background-color: #fff;

            background-image: none;

            border: 1px solid #ccc;

            border-radius: 4px;

        }

        .error{

            color: red;

        }

    </style>

</head>

<body>

{% include "stark/form.html" %}

</body>

</html>

前端界面

　　　　3: 更改界面

　　　　3>1 :

知识点:

modelform 实例对象通过传入当前操作的实例对象进行渲染该对象的内容

注意修改时要用instance=modelform的对象,可以进行渲染

前端代码:

与add继承相同

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

      <style>

        input,select{

            display: block;

            width: 100%;

            height: 34px;

            padding: 6px 12px;

            font-size: 14px;

            line-height: 1.42857143;

            color: #555;

            background-color: #fff;

            background-image: none;

            border: 1px solid #ccc;

            border-radius: 4px;

        }

        .error{

            color: red;

        }

    </style>

</head>

<body>

{% include "stark/form.html" %}

</body>

</html>

前端效果

实现反向解析

4:删除数据

也是通过反向解析获取id,

直接通过pk主键删除对象,然后跳转展示界面

前端代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

</head>

<body>

<form action="" method="post">

{% csrf_token %}

<a href="{{list_url}}" class="btn btn-warning">取消</a>

<input type="submit" class="btn btn-danger" value="确认删除">

</form>

</body>

</html>

前端效果:

反向解析

show_index/

五:分页组件的应用

全局对象

.conut 显示对象个数

numpage. 显示每页多少个

page_range 显示页数范围

分页对象

has_next() 是否有上一页

has_previous 是否有下一页

next_page_number 转到下一页

previous_page_number 转到上一页

前端代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

</head>

<body>

<ul>

    {% for foo in page %}

        <li>{{foo}}</li>

    {% endfor %}

</ul>

<nav aria-label="Page navigation">

  <ul class="pagination">

    {% if page.has_previous%}

    <li>

      <a href="?page={{ page.previous_page_number }}" aria-label="Next">

        <span aria-hidden="true">上一页</span>

      </a>

    </li>

    {% else %}

     <li class="disabled">

      <a href="#" aria-label="Next">

        <span aria-hidden="true">上一页</span>

      </a>

    </li>

    {% endif %}

      {% for num in paginator.page_range %}

             {% if current_page == num %}

                 <li class="active"><a href="?page={{ num }}">{{ num }}</a></li>

             {% else %}

                 <li><a href="?page={{ num }}">{{ num }}</a></li>

             {% endif %}

      {% endfor %}

    {% if page.has_next %}

    <li>

      <a href="?page={{ page.next_page_number }}" aria-label="Next">

{#          a标签当前界面拼接#}

        <span aria-hidden="true">下一页</span>

      </a>

    </li>

    {% else %}

     <li class="disabled">

      <a href="#" aria-label="Next">

        <span aria-hidden="true">下一页</span>

      </a>

    </li>

    {% endif %}

  </ul>

</nav>

</body>

</html>

前端效果

import os

from django.core.paginator import Paginator

objects = ['john','paul','george','ringo','lucy','meiry','checy','wind','flow','rain']<br>

p = Paginator(objects,3) # 3条数据为一页，实例化分页对象

print p.count # 10 对象总共10个元素

print p.num_pages # 4 对象可分4页

print p.page_range # xrange(1, 5) 对象页的可迭代范围

page1 = p.page(1) # 取对象的第一分页对象

print page1.object_list # 第一分页对象的元素列表['john', 'paul', 'george']

print page1.number # 第一分页对象的当前页值 1

page2 = p.page(2) # 取对象的第二分页对象

print page2.object_list # 第二分页对象的元素列表 ['ringo', 'lucy', 'meiry']

print page2.number # 第二分页对象的当前页码值 2

print page1.has_previous() # 第一分页对象是否有前一页 False

print page1.has_other_pages() # 第一分页对象是否有其它页 True

print page2.has_previous() # 第二分页对象是否有前一页 True

print page2.has_next() # 第二分页对象是否有下一页 True

print page2.next_page_number() # 第二分页对象下一页码的值 3

print page2.previous_page_number() # 第二分页对象的上一页码值 1

print page2.start_index() # 第二分页对象的元素开始索引 4

print page2.end_index() # 第2分页对象的元素结束索引 6

day67 crm(4) stark组件的增删改以及 model_from使用和from组件回顾的更多相关文章

【ActionScript】ActionScript3.0对舞台组件的增删改查
以一个样例来说明ActionScript3.0对舞台组件的增删改查例如以下图: 在Flash执行的时候,通过脚本.斜向下生成text0-text9十个文本节点. 提供两个功能. 1.在右上角,用户输 ...
stark组件的增删改（新）
1.效果图 2.详细步骤解析 3.总结.代码 1.效果图增删除改 2.详细步骤解析 1.构造增删改查url,反向解析 2.ModelForm定制add.edit页面 3.starak中的 ...
stark组件的增删改
1.效果图 2.详细步骤解析 3.总结.代码 1.效果图增删除改 2.详细步骤解析 1.构造增删改查url,反向解析 2.ModelForm定制add.edit页面 3.starak中的 ...
模拟admin组件自己开发stark组件之增删改查
增删改查,针对视图我们需要modelform来创建,可自动生成标签,我们还要考虑用户是不是自己定制,依然解决方法是,继承和重写 app01下的joker.py文件 class BookModelFo ...
day25 crm 权限管理通用的增删改查框架
代码: https://github.com/liyongsan/git_class/tree/master/day25/LuffyCRM
CRM基于.NET的增删改查
一.准备工作: 1.添加 microsoft.crm.sdk.proxy.dll和microsoft.xrm.sdk.dll 引用到项目中!并引用以下using! using Microsoft.Xr ...
VUE2.0增删改查附编辑添加model(弹框)组件共用
Vue实战篇(增删改查附编辑添加model(弹框)组件共用) 前言最近一直在学习Vue,发现一份crud不错的源码预览链接 https://taylorchen709.github.io/vue- ...
SQL Server温故系列(1)：SQL 数据操作 CRUD 之增删改合
1.插入语句 INSERT INTO 1.1.用 INSERT 插入单行数据 1.2.用 INSERT 插入多行数据 1.3.用 INSERT 插入子查询结果行 1.4.INSERT 小结及特殊字段插 ...
9 stark组件增删改
1.效果图 2.详细步骤解析 1.构造增删改查url,反向解析 2.ModelForm定制add.edit页面 3.staradmin中的ModelForm 3.总结.代码 1.知识点 1.解决代码重 ...

随机推荐

什么是Jenkins 以及如何使用？
Jenkins是什么? Jenkins是一个功能强大的应用程序,允许持续集成和持续交付项目,无论用的是什么平台.这是一个免费的源代码,可以处理任何类型的构建或持续集成.集成Jenkins可以用于一些测 ...
Android无线调试(转)
Android无线调试——抛开USB数据线开发Android的朋友都知道,真机调试需要把手机与PC相连,然后把应用部署到真机上进行安装和调试.长长的USB线显得很麻烦,而且如果需要USB接口与其他设 ...
Devexpress VCL Build v2013 vol 14.1.3 发布
我修,我修,修修修. New Major Features in 14.1 What's New in VCL Products 14.1 Breaking Changes To learn abou ...
2018.07.04 POJ 3304 Segments（简单计算几何）
Segments Time Limit: 1000MS Memory Limit: 65536K Description Given n segments in the two dimensional ...
struts 拦截器
my-default.xml <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts ...
Sql Server R8 密码问题及5102错误
登录的两种方式: 集成登录连接:con = new SqlConnection("server=.\\SQLEXPRESS;database=db_news;Trusted_Connecti ...
基于Verilog HDL的二进制转BCD码实现
在项目设计中,经常需要显示一些数值,比如温湿度,时间等等.在数字电路中数据都是用二进制的形式存储,要想显示就需要进行转换,对于一个两位的数值,对10取除可以得到其十位的数值,对10取余可以得到个位的数 ...
SPFA穿越虫洞——负权回路得判断
poj3259 题目大意:穿越虫洞可以回到过去(时间--)所以能不能让时间倒流呢,就是判断有没有负权回路这次尝试用SPFA算法,也可以复习一下链式前向星准备工作,队列q,spfa算法得有点就在于这个 ...
深浅 buffer
var str = "深入浅出"; var buf = new Buffer(str, 'utf-8'); console.log(buf); 这种情况下是数字 var str = ...
DXDBGrid使用方法
http://www.cnblogs.com/gtsup/archive/2012/08/28/2660197.html dxDBGrid使用集锦转载自:http://hi.baidu.com/ ...

day67 crm(4) stark组件的增删改 以及 model_from使用和from组件回顾

day67 crm(4) stark组件的增删改 以及 model_from使用和from组件回顾的更多相关文章

随机推荐

热门专题

day67 crm(4) stark组件的增删改以及 model_from使用和from组件回顾

day67 crm(4) stark组件的增删改以及 model_from使用和from组件回顾的更多相关文章