對于web開來說，用戶登陸、注冊、文件上傳等是最基礎(chǔ)的功能，針對不同的web框架，相關(guān)的文章非常多，但搜索之后發(fā)現(xiàn)大多都不具有完整性，對于想學習web開發(fā)的新手來說就沒辦法一步一步的操作練習；對于web應用來說，包括數(shù)據(jù)庫的創(chuàng)建，前端頁面的開發(fā)，以及中間邏輯層的處理三部分。
本系列以可操作性為主，介紹如何通過django web框架來實現(xiàn)一些簡單的功能。每一章都具有完整性和獨立性。使用新手在動手做的過程中體會web開發(fā)的過程，過程中細節(jié)請參考相關(guān)文檔。
本操作的環(huán)境：
===================
deepin linux 2013（基于ubuntu）
python 2.7
Django 1.6.2
===================
創(chuàng)建項目與應用
#創(chuàng)建項目
fnngj@fnngj-H24X:~/djpy$ django-admin.py startproject mysite2
fnngj@fnngj-H24X:~/djpy$ cd mysite2
#在項目下創(chuàng)建一個disk應用
fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py startapp disk
目錄結(jié)構(gòu)如下：
打開mysite2/mysite2/settings.py文件，將disk應用添加進去：
# Application definitionINSTALLED_APPS = ( 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', 'disk',)
設(shè)計Model（數(shù)據(jù)庫）
打開mysite2/disk/models.py文件，添加如下內(nèi)容
from django.db import models# Create your models here.class User(models.Model): username = models.CharField(max_length = 30) headImg = models.FileField(upload_to = './upload/') def __unicode__(self): return self.username
創(chuàng)建兩個字段，username 用戶存放用戶名，headImg 用戶存放上傳文件的路徑。
下面進行數(shù)據(jù)庫的同步
fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py syncdbCreating tables ...Creating table django_admin_logCreating table auth_permissionCreating table auth_group_permissionsCreating table auth_groupCreating table auth_user_groupsCreating table auth_user_user_permissionsCreating table auth_userCreating table django_content_typeCreating table django_sessionCreating table disk_userYou just installed Django's auth system, which means you don't have any superusers defined.Would you like to create one now? (yes/no): yes 輸入yes/noUsername (leave blank to use 'fnngj'): 用戶名（默認當前系統(tǒng)用戶名）Email address: fnngj@126.com 郵箱地址Password: 密碼Password (again): 確認密碼Superuser created successfully.Installing custom SQL ...Installing indexes ...Installed 0 object(s) from 0 fixture(s)
最后生成的 disk_user 表就我是我們models.py 中所創(chuàng)建的類。Django 提供了他們之間的對應關(guān)系。
創(chuàng)建視圖
1、打開mysite2/disk/views.py 文件
from django.shortcuts import render,render_to_response# Create your views here.def register(request): return render_to_response('register.html',{})2、創(chuàng)建注冊頁面
先在mysite2/disk/目錄下創(chuàng)建templates目錄，接著在mysite2/disk/templates/目錄下創(chuàng)建register.html 文件：
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title></head><body><h1>register</h1></body></html>
3、設(shè)置模板路徑
打開mysite2/mysite2/settings.py文件，在底部添加：
#templateTEMPLATE_DIRS=( '/home/fnngj/djpy/mysite2/disk/templates')
4、設(shè)置URL
from django.conf.urls import patterns, include, urlfrom django.contrib import adminadmin.autodiscover()urlpatterns = patterns('', # Examples: # url(r'^$', 'mysite2.views.home', name='home'), # url(r'^blog/', include('blog.urls')), url(r'^admin/', include(admin.site.urls)), url(r'^disk/', 'disk.views.register'),)5、啟動服務
fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py runserverValidating models...0 errors foundMay 20, 2014 - 13:49:21Django version 1.6.2, using settings 'mysite2.settings'Starting development server at http://127.0.0.1:8000/Quit the server with CONTROL-C.
6、訪問http://127.0.0.1:8000/disk/
注冊頁面可以正常打開說明整個過程已經(jīng)走通。這也是Django開發(fā)的基本套路。讀者一定要熟練理解這個基本套路。
完善表單提交
通過上面的過程，我們只是把過程串了起來，細心你一定發(fā)現(xiàn)，我們的register.html 文件，并沒有創(chuàng)建用戶提交的表單，views.py文件中也并沒有對用戶提交的信息做處理。下面我們就針對這兩個文件進一步的補充。
打開mysite2/disk/templates/register.html 文件：
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title></title></head><body><h1>register</h1><form method="post" enctype="multipart/form-data" >{{uf.as_p}}<input type="submit" value="ok"/></form></body></html>打開mysite2/disk/views.py 文件：
from django.shortcuts import render,render_to_responsefrom django import formsfrom django.http import HttpResponse# Create your views here.class UserForm(forms.Form): username = forms.CharField() headImg = forms.FileField()def register(request): if request.method == "POST": uf = UserForm(request.POST,request.FILES) if uf.is_valid(): return HttpResponse('upload ok!') else: uf = UserForm() return render_to_response('register.html',{'uf':uf})再次刷新http://127.0.0.1:8000/disk/ 頁面
填寫用戶名，選擇本地上傳文件，點擊“ok”
拋出一個錯誤，這個錯誤比較友好，所以不是我們操作過程中的小錯誤。
打開mysite2/mysite2/settings.py文件，將下面一行代碼注釋：
MIDDLEWARE_CLASSES = ( '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',)
再次刷新http://127.0.0.1:8000/disk/ 頁面,我們就可以正常將用戶名和文件提交了!
將數(shù)據(jù)寫入數(shù)據(jù)庫
雖然已經(jīng)實現(xiàn)了數(shù)據(jù)的提交，但用戶名與文件并沒有真正的寫入到數(shù)據(jù)庫。我們來進一步的完善mysite2/disk/views.py 文件：
#coding=utf-8from django.shortcuts import render,render_to_responsefrom django import formsfrom django.http import HttpResponsefrom disk.models import User# Create your views here.class UserForm(forms.Form): username = forms.CharField() headImg = forms.FileField()def register(request): if request.method == "POST": uf = UserForm(request.POST,request.FILES) if uf.is_valid(): #獲取表單信息 username = uf.cleaned_data['username'] headImg = uf.cleaned_data['headImg'] #寫入數(shù)據(jù)庫 user = User() user.username = username user.headImg = headImg user.save() return HttpResponse('upload ok!') else: uf = UserForm() return render_to_response('register.html',{'uf':uf})再次刷新http://127.0.0.1:8000/disk/ 頁面，完成文件的上傳。
那數(shù)據(jù)庫中保存的是什么呢？
fnngj@fnngj-H24X:~/djpy/mysite2$ sqlite3 db.sqlite3 SQLite version 3.7.15.2 2013-01-09 11:53:05Enter ".help" for instructionsEnter SQL statements terminated with a ";"sqlite> select * from disk_user;1 | Alen | upload/desk.jpgsqlite>
通過查看數(shù)據(jù)庫發(fā)現(xiàn)，我們數(shù)據(jù)庫中存放的并非用戶上傳的文件本身，而是文件的存放路徑。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網(wǎng)。
新聞熱點
疑難解答
圖片精選
