步驟
•創(chuàng)建Django項(xiàng)目，創(chuàng)建Django應(yīng)用
•設(shè)計(jì)模型
•處理urls.py 以及views.py
•設(shè)計(jì)模板，設(shè)計(jì)表單
•運(yùn)行項(xiàng)目，查看數(shù)據(jù)庫

下面我們就一起來分別完成每一個(gè)小部分吧。

創(chuàng)建項(xiàng)目和應(yīng)用

django-admin startproject Django_upload

django-admin startapp app

添加一個(gè)名為upload的目錄，待會(huì)要用哦。

然后記得在settings.py 中的INSTALLED_APPS中加上'app',。注意那個(gè)小逗號(hào)就行了~~

設(shè)計(jì)模型

上傳文件需要知道是誰上傳的，上傳了什么。所以我們的模型很簡單，一個(gè)用戶名，一個(gè)文件名即可。如下app.models.py

from __future__ import unicode_literals

from django.db import models

# Create your models here.

# User CLass for user,username and userimg path
class NormalUser(models.Model):
  username = models.CharField(max_length=30)
  headImg = models.FileField(upload_to='./upload')

  def __unicode__(self):
    return self.username

  class Meta:
    ordering = ['username']

模型創(chuàng)建完成了，接下來我們就趕緊同步一下數(shù)據(jù)庫吧。命令很簡單，由于我的Django版本是1.9.6的，所以原來的

python manage.py syncdb 不能用了

我們可以使用下面的命令來代替

python manage.py makemigrations

python manage.py migrate

urls.py 以及 views.py

這兩個(gè)文件就是為了實(shí)現(xiàn)MVC模型的V，C而存在的。
views.py 如下：

from django.shortcuts import render,render_to_response
from django import forms
from django.http import HttpResponse
from app.models import *
# Create your views here.

class NormalUserForm(forms.Form):
  username = forms.CharField()
  headImg = forms.FileField()


def registerNormalUser(request):
  if request.method == "POST":
    uf = NormalUserForm(request.POST,request.FILES)
    if uf.is_valid():
      # get the info of the form
      username = uf.cleaned_data['username']
      headImg = uf.cleaned_data['headImg']
      # write in database
      normalUser = NormalUser()
      normalUser.username = username
      normalUser.headImg = headImg
      normalUser.save()
      return HttpResponse('Upload Succeed!')
  else:
    uf = NormalUserForm()
  return render(request,'register.html',{'uf':uf})

urls.py

"""Django_upload URL Configuration

The `urlpatterns` list routes URLs to views. For more information please see:
  https://docs.djangoproject.com/en/1.9/topics/http/urls/
Examples:
Function views
  1. Add an import: from my_app import views
  2. Add a URL to urlpatterns: url(r'^$', views.home, name='home')
Class-based views
  1. Add an import: from other_app.views import Home
  2. Add a URL to urlpatterns: url(r'^$', Home.as_view(), name='home')
Including another URLconf
  1. Import the include() function: from django.conf.urls import url, include
  2. Add a URL to urlpatterns: url(r'^blog/', include('blog.urls'))
"""
from django.conf.urls import url
from django.contrib import admin
from app.views import *
urlpatterns = [
  url(r'^admin/', admin.site.urls),
  url(r'^register/$',registerNormalUser),
]

一般來說我們會(huì)創(chuàng)建一個(gè)超級管理員，命令如下：

python manage.py createsuperuser

然后按照相應(yīng)的提示進(jìn)行創(chuàng)建就可以了。

設(shè)計(jì)模板以及表單

其實(shí)剛才就可以在views.py中看到一個(gè)為NormalUserForm的類，其存在的意義就是方便從request中取得我們需要的表單數(shù)據(jù)。而且，恐怕你也注意到了，NormalUserForm的字段和NormalUser模型是一樣的呢。各中哲理自己品味吧 :-)

templates/register.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Register</title>
</head>
<body>
<h2 align="center">Register</h2>

<form method="POST" enctype="multipart/form-data">
  {% csrf_token %}
  {{ uf.as_p }}
  <input type="submit" value="Submit">
</form>


</body>
</html>

這里面比較重要的地方有三點(diǎn)：
•<form method="POST" enctype="multipart/form-data">: 表單特定的格式，注意上傳數(shù)據(jù)的時(shí)候把enctype明確就可以

•{% csrf_token %}: 跨域請求，我們需要在表單標(biāo)簽的內(nèi)部加上這個(gè)模板標(biāo)簽，而且要在views.py中配合render而不是render_to_response來實(shí)現(xiàn)

•{{ uf.as_p }}: 使用.as_p 方式的話，django就會(huì)按照默認(rèn)的樣式在模板頁面輸出表單的所有的字段。

調(diào)試，開啟應(yīng)用

好了，大部分的任務(wù)都做好了，下面就打開我們的開發(fā)服務(wù)器來驗(yàn)證一下吧。

python manage.py runserver

打開瀏覽器輸入http://127.0.0.1:8000/register

然后按要求填寫表單，就可以了。彩蛋就是加上了is_valid()方法的views.py會(huì)自動(dòng)的幫助我們對表單數(shù)據(jù)字段進(jìn)行驗(yàn)證！

打開我們的數(shù)據(jù)庫管理軟件，就會(huì)發(fā)現(xiàn)里面存儲(chǔ)的只是路徑，而并不是真正的數(shù)據(jù)。這也體現(xiàn)了大數(shù)據(jù)存儲(chǔ)的核心理念了。點(diǎn)擊upload目錄，發(fā)現(xiàn)文件確實(shí)上傳成功了！

總結(jié)

今天的這個(gè)小例子雖然很簡單，但是里面也有很多值得我們推敲的地方，我的收獲如下。
•使用models.FileField()實(shí)現(xiàn)文件上傳組件

•對應(yīng)模型添加一個(gè)表單類，字段相同。這樣對于表單數(shù)據(jù)的獲取會(huì)更加更加的方便。uf = NormalUserForm(request.POST,request.FILES)。

•模板界面表單enctype格式，以及.as_p方式的在html頁面上的表單輸出

就是這樣了！

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: