前言
對於web開來說,用戶登陸、注冊、文件上傳等是最基礎的功能,針對不同的web框架,相關的文章非常多,但搜索之后發現大多都不具有完整性,對於想學習web開發的新手來說就沒辦法一步一步的操作練習;對於web應用來說,包括數據庫的創建,前端頁面的開發,以及中間邏輯層的處理三部分。
本系列以可操作性為主,介紹如何通過django web框架來實現一些簡單的功能。每一章都具有完整性和獨立性。使用新手在動手做的過程中體會web開發的過程,過程中細節請參考相關文檔。
本操作的環境:
===================
deepin linux 2013(基於ubuntu)
python 2.7
Django 1.6.2
===================
創建項目與應用
#創建項目
fnngj@fnngj-H24X:~/djpy$ django-admin.py startproject mysite2
fnngj@fnngj-H24X:~/djpy$ cd mysite2
#在項目下創建一個disk應用
fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py startapp disk
目錄結構如下:
打開mysite2/mysite2/settings.py文件,將disk應用添加進去:
# Application definition
INSTALLED_APPS = (
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
'disk',
)
設計Model(數據庫)
打開mysite2/disk/models.py文件,添加如下內容
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
創建兩個字段,username 用戶存放用戶名,headImg 用戶存放上傳文件的路徑。
下面進行數據庫的同步
fnngj@fnngj-H24X:~/djpy/mysite2$ python manage.py syncdb
Creating tables ...
Creating table django_admin_log
Creating table auth_permission
Creating table auth_group_permissions
Creating table auth_group
Creating table auth_user_groups
Creating table auth_user_user_permissions
Creating table auth_user
Creating table django_content_type
Creating table django_session
Creating table disk_user
You 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/no
Username (leave blank to use 'fnngj'): 用戶名(默認當前系統用戶名)
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 中所創建的類。Django 提供了他們之間的對應關系。
創建視圖
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、創建注冊頁面
先在mysite2/disk/目錄下創建templates目錄,接着在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>
</body>
</html>
3、設置模板路徑
打開mysite2/mysite2/settings.py文件,在底部添加:
#template
TEMPLATE_DIRS=(
'/home/fnngj/djpy/mysite2/disk/templates'
)
4、設置URL
from django.conf.urls import patterns, include, url from django.contrib import admin admin.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 runserver
Validating models...
0 errors found
May 20, 2014 - 13:49:21
Django 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/
注冊頁面可以正常打開說明整個過程已經走通。這也是Django開發的基本套路。讀者一定要熟練理解這個基本套路。
完善表單提交
通過上面的過程,我們只是把過程串了起來,細心你一定發現,我們的register.html 文件,並沒有創建用戶提交的表單,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_response from django import forms from 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/ 頁面,我們就可以正常將用戶名和文件提交了!
將數據寫入數據庫
雖然已經實現了數據的提交,但用戶名與文件並沒有真正的寫入到數據庫。我們來進一步的完善mysite2/disk/views.py 文件:
#coding=utf-8
from django.shortcuts import render,render_to_response from django import forms from django.http import HttpResponse from 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'] #寫入數據庫
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/ 頁面,完成文件的上傳。
在項目的目錄下,我們居然發現了用戶提交的文件。
那數據庫中保存的是什么呢?
fnngj@fnngj-H24X:~/djpy/mysite2$ sqlite3 db.sqlite3 SQLite version 3.7.15.2 2013-01-09 11:53:05 Enter ".help" for instructions Enter SQL statements terminated with a ";" sqlite> select * from disk_user; 1 | Alen | upload/desk.jpg sqlite>
通過查看數據庫發現,我們數據庫中存放的並非用戶上傳的文件本身,而是文件的存放路徑。
OK ,你可以在此基礎上繼續擴展,例如用戶提交成功后,將用戶名上傳的文件名顯示出來,或為上傳頁面加一個漂亮的樣式等。