django搭建BBS-表單創建&註冊

来源:https://www.cnblogs.com/pythonywy/archive/2019/08/24/11405681.html
-Advertisement-
Play Games

django搭建BBS 表單創建&註冊 0824自我總結 文件結構 app 介面 migrations _\_inint\_\_.py admin.py apps.py bbsform.py models.py tests.py views.py avatar BBS \_\_inint\_\_.p ...


django搭建BBS-表單創建&註冊

0824自我總結

文件結構

  • app 介面
    • migrations
    • __inint__.py
    • admin.py 管理員頁面註冊表單用
    • apps.py
    • bbsform.py form組件相關設置
    • models.py 模型存放
    • tests.py
    • views.py 業務邏輯
  • avatar 圖片文件存儲
  • BBS 項目名稱以及路由存放
    • __inint__.py
    • settings.py
    • urls.py
    • wsgi.py
  • static
    • bootstrap-3.3.7-dist bootstrap文件網上下載的
    • jquery-3.4.1.min.js jq文件
  • templates 頁面文件存放

一.django相關設置

settings.py

"""
Django settings for BBS project.

Generated by 'django-admin startproject' using Django 1.11.22.

For more information on this file, see
https://docs.djangoproject.com/en/1.11/topics/settings/

For the full list of settings and their values, see
https://docs.djangoproject.com/en/1.11/ref/settings/
"""

import os

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))


# Quick-start development settings - unsuitable for production
# See https://docs.djangoproject.com/en/1.11/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 's0x+v@gqeoxs4ruj58cq5&*5#7on_h$n4-$hwb3cr&h(@qcmoc'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app.apps.AppConfig',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'BBS.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'BBS.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.11/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}


# Password validation
# https://docs.djangoproject.com/en/1.11/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]


# Internationalization
# https://docs.djangoproject.com/en/1.11/topics/i18n/

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.11/howto/static-files/

STATIC_URL = '/static/'
STATICFILES_DIRS=(
    os.path.join(BASE_DIR,'static'),
)

#因為我創建模型的時候用到了user的類
AUTH_USER_MODEL='app.Userinfo'

二.模型的創建&管理頁面註冊

models.py

from django.db import models
from django.contrib.auth.models import AbstractUser


class UserInfo(AbstractUser):
    nid = models.AutoField(primary_key=True)
    # 頭像：FileField文件（varchar類型），default：預設值，upload_to上傳的路徑
    avatar = models.FileField(upload_to='avatar/', default='avatar/default.png')
    #跟blog表一對一
    #OneToOneField本質就是ForeignKey，只不過有個唯一性約束
    blog = models.OneToOneField(to='Blog', to_field='nid',null=True)
    # blog = models.ForeignKey(to='Blog', to_field='nid',null=True,unique=True)

    class Meta:
        # db_table='xxxx'
        # 在admin中顯示的表名
        verbose_name='用戶表'
        #去掉  用戶表  後的s
        verbose_name_plural = verbose_name

class Blog(models.Model):
    nid = models.AutoField(primary_key=True)
    #站點名稱
    title = models.CharField(max_length=64)
    #站點副標題
    site_name = models.CharField(max_length=32)
    #不同人不同主題
    theme = models.CharField(max_length=64)
    def __str__(self):
        return self.site_name
#分類表
class Category(models.Model):
    nid = models.AutoField(primary_key=True)
    #分類名稱
    title = models.CharField(max_length=64)
    #跟博客是一對多的關係，關聯欄位寫在多的一方
    #to  是跟哪個表關聯   to_field跟表中的哪個欄位做關聯， null=True 表示可以為空
    blog = models.ForeignKey(to='Blog', to_field='nid', null=True)
    def __str__(self):
        return self.title

class Tag(models.Model):
    nid = models.AutoField(primary_key=True)
    #標簽名字
    title = models.CharField(max_length=64)
    # 跟博客是一對多的關係，關聯欄位寫在多的一方
    blog = models.ForeignKey(to='Blog', to_field='nid', null=True)
    def __str__(self):
        return self.title

class Article(models.Model):
    nid = models.AutoField(primary_key=True)
    #verbose_name在admin中顯示該欄位的中文
    title = models.CharField(max_length=64,verbose_name='文章標題')
    #文章摘要
    desc = models.CharField(max_length=255)
    #文章內容  大文本
    content = models.TextField()
    #DateTimeField 年月日時分秒（註意跟datafield的區別）
    #auto_now_add=True:插入數據會存入當前時間
    #auto_now=True  修改數據會存入當前時間
    create_time = models.DateTimeField(auto_now_add=True)
    commit_num=models.IntegerField(default=0)
    up_num=models.IntegerField(default=0)
    down_num=models.IntegerField(default=0)
#一對多的關係
    blog = models.ForeignKey(to='Blog', to_field='nid', null=True)
    # 一對多的關係
    category = models.ForeignKey(to='Category', to_field='nid', null=True)
    #多對多關係  through_fields  不能寫反了：
    tag = models.ManyToManyField(to='Tag', through='ArticleTOTag', through_fields=('article', 'tag'))
    def __str__(self):
        return self.title+'----'+self.blog.userinfo.username

class ArticleTOTag(models.Model):
    nid = models.AutoField(primary_key=True)
    article = models.ForeignKey(to='Article', to_field='nid')
    tag = models.ForeignKey(to='Tag', to_field='nid')

class Commit(models.Model):
    #誰對那篇文章評論了什麼內容
    nid = models.AutoField(primary_key=True)
    user = models.ForeignKey(to='UserInfo', to_field='nid')
    article = models.ForeignKey(to='Article', to_field='nid')
    content = models.CharField(max_length=255)
    #評論時間
    create_time = models.DateTimeField(auto_now_add=True)
    #自關聯（）
    parent = models.ForeignKey(to='self', to_field='nid',null=True,blank=True)

class UpAndDown(models.Model):
    #誰對那篇文章點贊或點踩
    nid = models.AutoField(primary_key=True)
    user = models.ForeignKey(to='UserInfo', to_field='nid')
    article = models.ForeignKey(to='Article', to_field='nid')
    #布爾類型，本質也還是0和1
    is_up = models.BooleanField()

    class Meta:
        #聯合唯一，一個用戶只能給一片文章點贊或點踩
        unique_together = (('user', 'article'),)

admin.py

from django.contrib import admin

# Register your models here.
#先導入模型
from app import models

#註冊表
admin.site.register(models.UserInfo)
admin.site.register(models.Blog)
admin.site.register(models.Category)
admin.site.register(models.Tag)
admin.site.register(models.Article)
admin.site.register(models.ArticleTOTag)
admin.site.register(models.Commit)
admin.site.register(models.UpAndDown)

三.路由

urls.py

from django.conf.urls import url
from django.contrib import admin
#主路由導入視圖內函數
from app import views
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^register/', views.register),
]

四.form組件


from django import forms
from django.forms import widgets

from django.core.exceptions import ValidationError

from app import models
#寫一個類，繼承Form  沒有頭像校驗的欄位
class Register(forms.Form):
    username=forms.CharField(max_length=18,min_length=3,label="用戶名",
                         error_messages={'max_length':'太長了',
                                         'min_length':'太短了',
                                         'required':'不能為空'},
                            widget=widgets.TextInput(attrs={'class':'form-control'}),
                         )
    password=forms.CharField(max_length=18,min_length=3,label="密碼",
                         error_messages={'max_length':'太長了',
                                         'min_length':'太短了',
                                         'required':'不能為空'},
                            widget=widgets.PasswordInput(attrs={'class':'form-control'}),
                         )
    re_pwd=forms.CharField(max_length=18,min_length=3,label="確認密碼",
                         error_messages={'max_length':'太長了',
                                         'min_length':'太短了',
                                         'required':'不能為空'},
                            widget=widgets.PasswordInput(attrs={'class':'form-control'}),
                         )
    email=forms.EmailField(max_length=18,min_length=3,label="郵箱",
                         error_messages={'max_length':'太長了',
                                         'min_length':'太短了',
                                         'required':'不能為空'},
                            widget=widgets.EmailInput(attrs={'class':'form-control'}),
                         )
    #局部鉤子，局部校驗
    def clean_username(self):
        #取出name對應的值
        name=self.cleaned_data.get('username')
        # if name.startswith('sb'):
        #     #校驗不通過，拋異常
        #     raise ValidationError('不能以sb開頭')
        #     #校驗通過，直接return name值
        # else:
        #     return name
        user=models.UserInfo.objects.filter(username=name).first()
        if user:
            #用戶存在，拋異常
            raise ValidationError('用戶已經存在')
        else:
            return name
    #全局鉤子，全局校驗

    def clean(self):
        pwd=self.cleaned_data.get('password')
        r_pwd=self.cleaned_data.get('re_pwd')
        if pwd==r_pwd:
            #校驗通過，返回清洗後的數據
            return self.cleaned_data
        else:
            #校驗不通過，拋異常
            raise ValidationError('兩次密碼不一致')

五.業務邏輯&html頁面

1.業務邏輯

views.py

from django.shortcuts import render,HttpResponse,redirect
from django.http import JsonResponse
#Image導入
#ImageDraw在圖片上寫字
#ImageFont 寫字的格式
from PIL import Image,ImageDraw,ImageFont
import random
# 相當於把文件以byte格式存到記憶體中
from io import BytesIO

from django.contrib import auth

from app.bbsforms import Register
from app import models

from django.db.models import Count
from django.db.models.functions import TruncMonth
from django.db.models import F





# Create your views here.
def register(request):
    if request.method=='GET':
        form=Register()
        return render(request,'register.html',{'form':form})
    elif request.is_ajax():
        response={'code':100,'msg':None}
        form = Register(request.POST)
        if form.is_valid():
            #校驗通過的數據
            clean_data=form.cleaned_data
            #把re_pwd剔除
            clean_data.pop('re_pwd')
            #取出頭像
            avatar=request.FILES.get('avatar')
            if avatar:
                #因為用的是FileField，只需要把文件對象賦值給avatar欄位，自動做保存
                clean_data['avatar']=avatar
            user=models.UserInfo.objects.create_user(**clean_data)
            if user:
                response['msg'] = '創建成功'
            else:
                response['code'] = 103
                # 把校驗不通過的數據返回
                response['msg'] = '創建失敗'
        else:
            response['code']=101
            #把校驗不通過的數據返回
            response['msg']=form.errors
            print(type(form.errors))
        return JsonResponse(response,safe=False)

2.網頁

常見的幾條函數的封裝

jq.html

<script src="/static/jquery-3.4.1.min.js"></script>

bootstrap.html

<link rel="stylesheet" href='/static/bootstrap-3.3.7-dist/css/bootstrap.min.css'>
<script src="/static/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

主視圖

register.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>註冊</title>
    {% include 'bootstrap.html' %}
</head>
<body>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-6 col-md-offset-3">

            <h1>註冊</h1>
            <form id="my_form">
                {% csrf_token %}
                {% for foo in form %}
                    <div class="form-group">
                        {#foo.auto_id   就是foo生成的input的id#}
                        <label for="{{ foo.auto_id }}">{{ foo.label }}</label>
                        {{ foo }} <span style="color: red" class="error pull-right"></span>
                    </div>

                {% endfor %}
                <div class="form-group">
                    <label for="id_file">頭像
                        <img src="/static/img/default.png" width="80" height="80" style="margin-left: 20px" id="id_img">
                    </label>


                    <input type="file" name="file" id="id_file" style="display: none">
                </div>
                <input type="button" class="btn btn-success" value="提交" id="id_submit">
            </form>
        </div>
    </div>
</div>
</body>
{% include 'jq.html' %}
<script>
    //當該控制項發生變化，響應該事件
    $("#id_file").change(function () {
        //alert(1)
        //取到文件對象
        var file = $("#id_file")[0].files[0]
        //放到img控制項上，藉助於filereader 中間的東西，文件閱讀器
        //生成一個文件閱讀器對象賦值給filereader
        var filereader = new FileReader()
        //把文件讀到filereader對象中
        //讀文件需要時間，需要文件讀完再去操作img
        filereader.readAsDataURL(file)

        filereader.onload = function () {
            $("#id_img").attr('src', filereader.result)
        }

    })
    $("#id_submit").click(function () {

        //ajax 上傳文件


        var formdata = new FormData()
        //一個一個往裡添加，稍微複雜，用簡便方法
        // formdata.append('name',$("#id_name").val())
        // formdata.append('pwd',$("#id_pwd").val())

        //簡便方法
        //form 對象的serializeArray，它會把form中的數據包裝到一個對象中（不包含文件）
        var my_form_data = $("#my_form").serializeArray()
        //console.log(typeof my_form_data)
        //console.log(my_form_data)
        //jq的迴圈，傳兩個參數，第一個是要迴圈的對象，第二個參數是一個匿名函數
        $.each(my_form_data, function (k, v) {
            {#console.log(k)#}
            {#console.log(v)#}
            formdata.append(v.name, v.value)
        })
        formdata.append('avatar', $("#id_file")[0].files[0])


        $.ajax({
            url: '/register/',
            type: 'post',
            processData: false, //告訴jQuery不要去處理髮送的數據
            contentType: false,// 告訴jQuery不要去設置Content-Type請求頭
            data: formdata,
            success: function (data) {
                //console.log(data)
                if(data.code==100){
                    location.href='/login/'
                }else if(data.code==101){
                    $.each(data.msg,function (k,v) {
                        console.log(k)
                        console.log(v)
                        $("#id_"+k).next().html(v[0])
                        if(k=='__all__'){
                            $("#id_re_pwd").next().html(v[0])
                        }

                    })

                }
                //定時器
                setTimeout(function () {
                    $(".error").html("")
                },3000)
            }


        })
    })


</script>
</html>

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • SpringBoot進階教程(六十)intellij idea project下建多個module搭建架構(上)
    在 IntelliJ IDEA 中，沒有類似於 Eclipse 工作空間（Workspace）的概念，而是提出了Project和Module這兩個概念。多module有一個父maven工程，多個子工程。在多個子工程中，可能有一個web工程，也可能有多個web工程。這樣的好處在於大大解耦各個modul... ...
  • javaWeb核心技術第八篇之Cookie和Session
    會話技術: 會話是什麼? 瀏覽器和伺服器交互,瀏覽器打開網頁訪問伺服器,會話開始,正常交互. 瀏覽器關閉,會話結束. 會話能幹什麼? 會話可以共用數據. Cookie和session將數據保存在不同的位置 進行數據共用 Cookie入門案例 1.創建一個cookie對象 a. Cookie cook ...
  • day30-python之socket
    1.iter補充 2.ntp_client和ntp_server 3.time複習 4.udp的客戶端與服務端通信 5.解決粘包 # from socket import * # ip_port=('127.0.0.1',8080) # back_log=5 # buffer_size=1024 # ...
  • 6.併發編程,總結
    1. course 1.進程創建的兩種方式 1. 開啟進程的第一種方式: 2. 開啟進程的第二種方式: 3. 簡單應用 2.獲取進程pid 3.驗證進程之間的空間隔離 4. join 5.進程的其他參數 6.守護進程 7.僵屍進程孤兒進程 基於 環境( ) 主進程需要等待子進程結束之後,主進程才結束 ...
  • 服務鏈路跟蹤 && 服務監控
    服務鏈路跟蹤 背景 微服務以微出名，在實際的開發過程中，涉及到成百上千個服務，網路請求引起服務之間的調用極其複雜。 當請求不可用或者變慢時，需要及時排查出故障服務點成為了微服務維護的一大難關。 服務鏈路跟蹤技術應運而生。 ZipKin Zipkin 是一個開放源代碼分散式的跟蹤系統，由Twitter ...
  • Python 入門之常用運算符
    Python 入門之常用運算符 算數運算符 比較運算符 賦值運算符 邏輯運算符 成員運算符 位運算符 身份運算符 Python運算符優先順序 ...
  • Servlet Cookie、Session
    HTTP不能保持連接，可使用會話保存用戶信息。 常用的會話技術有2種：Cookie、Session。 Cookie 1、原理 當用戶第一次訪問某個網站時，伺服器設置Cookie，存儲用戶信息，放在響應頭欄位中，隨HTTP響應傳給瀏覽器，瀏覽器把Cookie存儲到本地電腦上。 當用戶再次訪問該網站時 ...
  • Springboot源碼分析之代理三板斧
    摘要： 在 的版本變遷過程中，註解發生了很多的變化，然而代理的設計也發生了微妙的變化，從 的`ProxyFactoryBean Spring2.x Aspectj`註解，最後到了現在廣為熟知的自動代理。 說明： 代理的相關配置類 實現了 ，封裝了對 和`Advisor`的操作 該類及其子類主要是利用 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類