实现效果：

代码示例：

代码：

models.py

from django.db import models

class UserInfo(models.Model):

    username = models.CharField(max_length=32)

    email = models.EmailField(max_length=32)　

urls.py

from django.conf.urls import url

from django.contrib import admin

from app01 import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^users/', views.users),

    url(r'^add_user/', views.add_user),

    url(r'^edit_user-(\d+)/', views.edit_user),

]

views.py

from django.shortcuts import render

from django.shortcuts import redirect

from app01 import models

from app01.forms import UserForm

def users(request):

    user_list = models.UserInfo.objects.all()

    return render(request,'users.html',{'user_list':user_list})

def add_user(request):

    if request.method == 'GET':

        obj = UserForm()

        return render(request,'add_user.html',{'obj':obj})

    else:

        obj = UserForm(request.POST)

        if obj.is_valid():

            models.UserInfo.objects.create(**obj.cleaned_data)

            return redirect('/users/')

        else:

            return render(request,'add_user.html',{'obj':obj})

def edit_user(request,nid):

    if request.method == "GET":

        data = models.UserInfo.objects.filter(id=nid).first()

        obj = UserForm({'username':data.username,'email':data.email})

        return render(request,'edit_user.html',{'obj':obj,'nid':nid})

    else:

        obj = UserForm(request.POST)

        if obj.is_valid():

            models.UserInfo.objects.filter(id=nid).update(**obj.cleaned_data)

            return redirect('/users/')

        else:

            return render(request,'edit_user.html',{'obj':obj,'nid':nid})

forms.py

from django import forms as dforms

from django.forms import fields

class UserForm(dforms.Form):

    username = fields.CharField()

    email = fields.EmailField()

users.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <a href="/add_user/">添加</a>

    <ul>

        {% for row in user_list %}

            <li>{{ row.id }}-{{ row.username }}-{{ row.email }} <a href="/edit_user-{{ row.id }}/">编辑</a></li>

        {% endfor %}

    </ul>

</body>

</html>

add_user.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

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

        {% csrf_token %}

        <p>{{ obj.username }}{{ obj.errors.username.0 }}</p>

        <p>{{ obj.email }}{{ obj.errors.email.0 }}</p>

        <input type="submit" value="提交" />

    </form>

</body>

</html>

edit_user.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    <form action="/edit_user-{{ nid }}/" method="POST" novalidate>

        {% csrf_token %}

        <p>{{ obj.username }}{{ obj.errors.username.0 }}</p>

        <p>{{ obj.email }}{{ obj.errors.email.0 }}</p>

        <input type="submit" value="提交" />

    </form>

</body>

</html>

django from组件 实现增加 删除 编辑（推荐用法）的更多相关文章

  1. UITableView 编辑模式(增加-删除-移动---自定义左滑 title)

    - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typica ...

  2. UITableView 编辑模式(增加-删除-移动---自定义左滑 title) xib cell

    参考:  http://www.open-open.com/lib/view/open1430008922468.html - (void)viewDidLoad { [super viewDidLo ...

  3. python 全栈开发，Day98(路飞学城背景,django ContentType组件,表结构讲解)

    昨日内容回顾 1. 为什么要做前后端分离? - 前后端交给不同的人来编写,职责划分明确. - API (IOS,安卓,PC,微信小程序...) - vue.js等框架编写前端时,会比之前写jQuery ...

  4. Nodejs之MEAN栈开发（九）---- 用户评论的增加/删除/修改

    由于工作中做实时通信的项目,需要用到Nodejs做通讯转接功能,刚开始接触,很多都不懂,于是我和同事就准备去学习nodejs,结合nodejs之MEAN栈实战书籍<Getting.MEAN.wi ...

  5. django form组件 cookies,session

    django form组件 渲染标签  就是组件里面的字段在前端展示叫做渲染标签 校验数据  用户输入的数据提交给后端组件叫做校验数据 forms组件中定义的字段都是必须传值的(required=Tr ...

  6. 自定义 Django admin 组件

    摘要:学习 Django admin 组件,仿照源码的逻辑,自定义了一个简易的 stark 组件,实现类似 admin 的功能. 可自动生成 url 路由,对于model 有与之相应的配置类对象,可进 ...

  7. 6月28日 Django form组件 和 modelform组件

    Form介绍 我们之前在HTML页面中利用form表单向后端提交数据时,都会写一些获取用户输入的标签并且用form标签把它们包起来. 与此同时我们在好多场景下都需要对用户的输入做校验,比如校验用户是否 ...

  8. django Form组件

    django Form组件 Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 小试牛刀 1.创建 ...

  9. CentOS如何手动增加 删除swap区

    SWAP是Linux中的虚拟内存,用于扩充物理内存不足而用来存储临时数据存在的.它类似于Windows中的虚拟内存.在Windows中,只可以使用文件来当作虚拟内存.而linux可以文件或者分区来当作 ...

随机推荐

  1. css写无缝滚动

    html结构: <div class="authority"> <ul> <li> <img src="./images/rep ...

  2. CentOS7.6安装screenfetch

    方法1:yum install -y gitcd /usr/local/srcgit clone https://github.com/KittyKatt/screenFetch.gitcp scre ...

  3. LoadRunner可以把关联取值当作检查点来使用

    在性能测试过程中,很多人都会想通过使用检查点来检查系统响应是否正常,LR的51Testing软件测试网E$S ]:x(d a6h.G \(y 检查点对“死”的,静态的 可以做到检查作业,但是对于动态时 ...

  4. 十 使用dict和set

    dict Python内置了字典:dict的支持,dict全称dictionary,在其他语言中也称为map,使用键-值(key-value)存储,具有极快的查找速度. 举个例子,假设要根据同学的名字 ...

  5. win7下docker环境centos容器中安装mysql5.7

    docker环境基于镜像skiychan/nginx-php7,进行安装 ps:skiychan/nginx-php7此镜像已封装nginx1.15.3+php7.2.9 1.环境配置 配置共享文件夹 ...

  6. docker-compose RabbitMQ与Nodejs接收端同时运行时的错误

    首先讲一下背景: 我现在在开发的一个项目,需要运行RabbitMQ和Nodejs接收端(amqplib库),但是在Nodejs接收端运行时,无法连接至RabbitMQ端,经常提示说 connect E ...

  7. 洛谷P2571 [SCOI2010]传送带 [三分]

    题目传送门 传送带 题目描述 在一个2维平面上有两条传送带,每一条传送带可以看成是一条线段.两条传送带分别为线段AB和线段CD.lxhgww在AB上的移动速度为P,在CD上的移动速度为Q,在平面上的移 ...

  8. 图形管线之旅 Part2

    原文:<A trip through the Graphics Pipeline 2011> 翻译:往昔之剑   转载请注明出处   还没那么快   在上一篇,讲述了渲染命令在被GPU处理 ...

  9. Centos7 安装单节点Torque PBS

    Operation system: CentOS 7.3 Torque PBS: torque-6.1.1.1.tar hostname: rfmlab user name: cfd01 1. Ins ...

  10. RabbitMQ （一）

    学习RabbitMQ 可以先先了解一下AMQP 简单介绍: AMQP从一开始就设计成为开放标准,以解决众多的消息队列需求和拓扑结构问题,凭借开发,任何人都可以执行这一标准.针对标准编码的任何人都可以和 ...