在web日常中表单是必不可少的，处理数据的输入与交互在web站点中是非常重要的，Django提供了一系列的工具和库来帮助您构建表单来接收网站访客的输入，然后处理以及响应这些输入。

## HTML表单

表单在HTML使用`<form></form>`标签包围，它包括很多表单标签，例如输入框、单选和多选框、文本输入域等，处理表单是通过get或post方法来传输数据，在表单的action中指定一个URL，数据会提交到这个URL来进行响应，其中get会明文以键值方式，通过URL地址来发送表单中的数据。

## 使用Django的表单

Django中使用表单是非常简单的，甚至可以不用去写任何的HTML，Django封装大量的常用表单，只需要配置表单的相关选项即可使用。

### 构建Form 类

在使用Django表单前需要创建相关表单的类，例如：

    from django import forms

    class ArticleForm(forms.Form):
        title = forms.CharField(label="title", max_length=100)
        content = forms.CharField(widget=forms.Textarea(attrs={'rows':'5'}))

引入Django表单类forms，创建表单类，创建字段并设置字段的属性和widget，上边定义了两个字段。

### 视图中使用表单


    def test_form(request):
        if request.method == 'POST':
            form = ArticleForm(request.POST)
            if form.is_valid():
                return HttpResponseRedirect("/show/")
        else:
            form = ArticleForm()
            return render(request, "test_form.html", {'form': form})


    def show(request):
    if request.method == "POST":
        # print(request.POST)
        title = request.POST.get('title')
        content = request.POST.get('content')
        return HttpResponse("title:"+title+"</br>content:"+content)


`test_form`负责创建表单，`form = ArticleForm({'title':'11','content':'222'})`可以预填充表单的内容。

`show`用来响应并接收表单发来的数据，用来展示数据。

### 设置路由

    path("test_form/", views.test_form, name="test_form"),
    path("show/", views.show, name="show"),

然后运行Django的服务器，打开`http://127.0.0.1:8000/myapp/test_form/`，提交数据，在show的页面显示数，类似下边：

    title:11
    content:222

## 总结

至此，一个表单的完整使用就基本设置完成，表单类和飙到的小部件还有很多的属性，这里就不一一介绍了，可以参考下边的网址。

参考网站：

[使用表单](https://docs.djangoproject.com/zh-hans/4.2/topics/forms/)

[表单 AP](https://docs.djangoproject.com/zh-hans/4.2/ref/forms/api/)

[Widgets 小部件](https://docs.djangoproject.com/en/4.2/ref/forms/widgets/)

[使用Request and response表单](https://docs.djangoproject.com/en/4.2/ref/request-response/)


在web日常中表单是必不可少的，处理数据的输入与交互在web站点中是非常重要的，Django提供了一系列的工具和库来帮助您构建表单来接收网站访客的输入，然后处理以及响应这些输入。

Django 4.2 复习笔记(九)Django Forms 使用表单


![矩阵头像](https://suiyan.cc/assets/images/2023/ax.gif)

使用之前编写的 Matrix JavaScript 代码生成器做了一个动态的头像，效果还不错，分享给大家，喜欢的可以试一下，做好了嵌入自己的网站使用还是挺酷的！

## 生成代码

首先打开下边的网址，设置自己的头像属性，例如，尺寸 200\*200，还有下落的字符列数和每列字符的个数，起始坐标等，总之先调试出一个满意的矩阵，然后在继续镶嵌在站点内使用。



[Matrix 矩阵 JavaScript 代码生成器](https://suiyan.cc/matrix/index.html)


## 网页设置

1. 在你需要插入头像的地方，放置`<canvas id="matrix"></canvas>`
2. 复制生成的代码插入到页面中的`<script>`标签中。
3. 此时，你的页面已经显示出一个正方形的矩阵动画，为`#matrix`添加CSS`    border-radius: 50%!important;`,头像就会变成圆形的了。

好了，简单吧？赶紧试试吧，当然你也可以制作其他尺寸的矩阵来装饰页面。

使用之前编写的Matrix JavaScript代码生成器做了一个动态的头像，效果还不错，分享给大家，喜欢的可以试一下，做好了嵌入自己的网站使用还是挺酷的！

一键生成Matrix动态头像

[使用Python编写并部署个人静态博客:(一)分析与设计](https://suiyan.cc/2023/20230410075954.html)

[使用Python编写并部署个人静态博客:(二)实现静态页面的输出](https://suiyan.cc/2023/20230420101527.html)

[使用Python编写并部署个人静态博客:(三)搜集博客数据](https://suiyan.cc/2023/20230517084718.html)

[使用Python编写并部署个人静态博客:(四)逐步输出静态页面](https://suiyan.cc/2023/20230609081842.html)

[使用Python编写并部署个人静态博客:(五)Python异步输出博文页面](https://suiyan.cc/2023/20230613193700.html)

## 生成博文页面

博客文章页面的数量可多可少，如果坚持写作，一个博客文章数目可达数百数千，对于静态博客来说，页面上的结构、css等一旦更新，所属的文章页面也需要相应的更新，所以对于页面的批量生成和更新需要更快才是最佳，这里推荐Python的异步协程文件处理方法，可以达到很不错的速度！

## 技术选择

在大批量生成页面的时候，我做了一些测试，单线程和多线程、线程池、还有异步协程，最终的测试速度在生成和保存HTML页面的操作上还是异步协程快了很多，因为IO密集型的操作异步有很大的优势。那么既然确定，就开始吧：

    import asyncio
    import aiofiles

引入依赖，aiofiles是异步的文件操作。

## 编写代码

    ct = [create_blog_html(blogdata, tagsdata, tmp, blog) for blog in blogdata]  # 列表生成式
        loop = asyncio.new_event_loop()
        loop.run_until_complete(asyncio.wait(ct))

create_blog_html()方法负责根据数据生成博文的HTML页面，创建一个列表生成式，包含了所有准备生成文章页面，调用asyncio.get_event_loop()获取事件循环对象，loop.run_until_complete(asyncio.wait(ct))用来运行事件循环，直到所有任务都完成。

create_blog_html()方法中的代码就不贴了，具体可以查看GitHub的代码仓库，地址在页面最下边哪里有。同样首页和列表页面一是采用相同的方法生成的。

## 总结

使用Python的异步大大提高了页面的生成速度，几百上千的页面瞬间就可以生成，如果不习惯异步的方式，多线程也可以的，但是速度先对来说会慢那么一丢丢的。

对于静态博客来说，对于页面的批量生成和更新需要更快的速度才是最佳，这里推荐Python的异步协程文件处理方法，可以达到很不错的速度！

一键生成Matrix动态头像

生成代码

网页设置

相关文章