基于Django的form模块，快速的搭建注册页面，每个限制条件，都放在form模块里面，不单独对每一项编写标签，使用模版的 for 循环来渲染。

  • 首先设置form模块

在blogs模块下创建一个blogs_form.py文件

注意一点，需要引用django模块下的forms模块，还有widgets模块，widget是设置input的类型，比如TextInput文本框，PasswordInput密码框，EmailInput邮箱框等等，这些好处就不用对其做判断，是否符合邮箱的匹配条件，forms模块就帮忙做了。

attrs：添加input的属性和属性值，key-value 形式，我想在class添加form-control（Bootstrap的样式），使用 attrs={"class","form-control"}

 from django import forms

 from django.forms import widgets

 class UserForm(forms.Form):

     user = forms.CharField(max_length=32,

                            label="用户名",

                            widget=widgets.TextInput(attrs={"class": "form-control"}))

     pwd = forms.CharField(max_length=32,

                           label="密码",

                           widget=widgets.PasswordInput(attrs={"class": "form-control"}))

     re_pwd = forms.CharField(max_length=32,

                              label="确认密码",

                              widget=widgets.PasswordInput(attrs={"class": "form-control"}))

     email = forms.EmailField(max_length=32,

                              label="邮箱",

                              widget=widgets.EmailInput(attrs={"class": "form-control"}))
  • view视图添加注册

创建forms对象，直接返回。

记得引入刚刚写的UserForm到view中。

from .blog_form import UserForm

def register(request):

    form = UserForm()

    return render(request, "register.html", locals())

　　

  • urls路由中添加路径

添加路径，将url路径和view中的register函数，关联起来。

path("register/", views.register)

　　

  • 重头戏，写register.html

首先，使用Bootstrap将布局搭建好，把<form>标签中的位置空出来

记得在form标签中，写 csrf_token 解决跨站问题

循环 UserForm对象， 每次拿到一个filed对象

filed.name：对象的label名

filed.label：对象的label

filed： input标签

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">

    <script src="/static/js/jquery-3.4.1.js" type="text/javascript"></script>

    <style type="text/css">

    </style>

</head>

<body>

<div class="container">

    <div class="row">

        <div class="col-md-6 col-lg-offset-3">

            <h3>注册页面</h3>

            <form>

                {% csrf_token %}

                {% for filed in form %}

                    <div class="form-group">

                        <label for="id_{{ filed.name }}">{{ filed.label }}</label>

                        {{ filed }}

                    </div>

                {% endfor %}

            </form>

        </div>

    </div>

</div>

<script type="text/javascript">

</script>

</body>

</html>

　　

注册页面-使用form模块搭建的更多相关文章

  1. php登录注册页面及加载

                           php注册界面                               <h1>注册页面</h1> <form acti ...

  2. php做登录注册页面及加载

    //SQL注入攻击 //1.过滤用户的输入 //2.使用预处理语句 //3.写代码的时候尽量避免 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1. ...

  3. javaweb 登陆注册页面

    视图的数据修改,表中也修改引用工具类用<%@ page import=""%> <%@ page import="java.util.Date" ...

  4. 注册页面html版本

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. 扩展auth_user字段、BBS需求分析、创建BBS数据库、注册页面搭建与用户头像展示及Ajax提交数据

    昨日内容回顾 csrf跨站请求 1. SQL注入 2. xss攻击 3. csrf跨站请求 4. 密码加密(加盐) '''django中默认有一个中间件来验证csrf''' # 只针对post请求才验 ...

  6. 07-SSH综合案例：前台用户模块：结构创建及注册页面跳转

    现在就不要直接访问一个JSP,要通过一个Action映射过去.我现在点击要去一个注册的页面 这还不是一个真正的注册,只是一个页面的跳转. 1.5.2 用户模块 注册功能: 在index.jsp页面中点 ...

  7. 注册页面的简单搭建（H5）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  8. Django内置form表单和ajax制作注册页面

    settings.py import os # Build paths inside the project like this: os.path.join(BASE_DIR, ...) BASE_D ...

  9. 使用Html和ashx文件实现其简单的注册页面

    记得上一次博客中实现的是其登录页面,其实学会了登录页面,注册页面自然就知道怎么写啦,都是一个意思的,但是今天不知道怎么个情况,写一个注册页面程序 中 一直在出错,大的问题小的问题一直出错,似乎是不在状 ...

随机推荐

  1. Node.js、vue.js的使用

    Vue.js的使用 1.下载Node.js 2.打开cmd 3.执行命令 npm i 4.输入命令 npm run serve 5.浏览器打开  http://localhost:8080

  2. vue 各种 import 引入

    vue 各种 import 引入: https://www.jianshu.com/p/784e51ec68ce 阮一峰:http://es6.ruanyifeng.com/#docs/module

  3. windows下虚拟环境的安装与创建

    使用虚拟环境的好处: 可以方便的解决不同项目对类库的依赖问题. 可以在系统中Python解释器中避免包的混乱和版本的冲突. 为每个程序单独创建虚拟环境,可以保证程序只能访问虚拟环境中的包,保持全局解释 ...

  4. USACO 2014 US Open Decorating The Pastures

    题目大意: 给定n个点m条边的无向图 判断这个图能否将所有点依次染色为F J F J 若能输出最多能染多少个J 若不能输出-1 就是给一个图01染色 过程中判断是否出现不符合的情况 即点1到点2到点3 ...

  5. sort的排序及使用

    sort() 方法在适当的位置对数组的元素进行排序,并返回数组.数组会按照字符的Unicode进行排序(把数组里面当成字符串处理) 1. 按升序排列: var arr=[1,11,2,22,5,4,0 ...

  6. 微信小程序生命周期、页面生命周期、组件生命周期

    1. 生命周期 App(全局) 位置:项目根目录app.js文件 App({ onLaunch (options) { // console.log('小程序初始化') }, onShow(optio ...

  7. Mysql中（@i:=@i+1）的作用

    Oracle中有一个伪列rownum,可以在生成查询结果表的时候生成一组递增的序列号.MySQL中没有这个伪列,但是有时候要用,可以用如下方法模拟生成一列自增序号. (1)sql示例:select ( ...

  8. Lenovo E42-80安装Linux的注意事项

    Lenovo E42-80安装Linux的注意事项 https://www.cnblogs.com/dylanchu/p/9750760.html 1. 用U盘做个liveCD While makin ...

  9. TCP协议中的三次握手和四次挥手(图解)（转）

    转自:http://blog.csdn.net/whuslei/article/details/6667471 建立TCP需要三次握手才能建立,而断开连接则需要四次握手.整个过程如下图所示: 先来看看 ...

  10. PHP-移除元素

    给定一个数组 nums 和一个值 val,你需要原地移除所有数值等于 val 的元素,返回移除后数组的新长度. 不要使用额外的数组空间,你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成 ...