前言

　　对于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 ，你可以在此基础上继续扩展，例如用户提交成功后，将用户名上传的文件名显示出来，或为上传页面加一个漂亮的样式等。

django 快速实现文件上传的更多相关文章

  1. django 快速实现文件上传（四）

    继博客(三)实现的, 建两个字段,username 用户存放用户名,headImg 用户存放上传文件的路径. 重新同步数据库: 提示: 这个可能是之前已创建了表中的一条记录,之后模型中增加了一个非空的 ...

  2. 第三百一十九节，Django框架，文件上传

    第三百一十九节,Django框架,文件上传 1.自定义上传[推荐] 请求对象.FILES.get()获取上传文件的对象上传对象.name获取上传文件名称上传对象.chunks()获取上传数据包,字节码 ...

  3. Day21 Django之Form文件上传、原生Ajax和实现抽屉实例

    一.Form文件上传 """ Django settings for prev_chouti project. Generated by 'django-admin st ...

  4. Django之Ajax文件上传

    请求头ContentType ContentType指的是请求体的编码类型,常见的类型共有3种: 1 application/x-www-form-urlencoded(看下图) 这应该是最常见的 P ...

  5. python 全栈开发，Day75(Django与Ajax,文件上传,ajax发送json数据,基于Ajax的文件上传,SweetAlert插件)

    昨日内容回顾 基于对象的跨表查询 正向查询:关联属性在A表中,所以A对象找关联B表数据,正向查询 反向查询:关联属性在A表中,所以B对象找A对象,反向查询 一对多: 按字段:xx book ----- ...

  6. Django之三种文件上传

    方式一: 通过form表单提交到后台 前端: <!DOCTYPE html> <html lang="en"> <head> <meta ...

  7. django中处理文件上传文件

    1 template模版文件uploadfile.html 特别注意的是,只有当request方法是POST,且发送request的<form>有属性enctype="multi ...

  8. Django实现任意文件上传（最简单的方法）

    利用Django实现文件上传并且保存到指定路径下,其实并不困难,完全不需要用到django的forms,也不需要django的models,就可以实现,下面开始实现. 第一步:在模板文件中,创建一个f ...

  9. python django web 端文件上传

    利用Django实现文件上传并且保存到指定路径下,其实并不困难,完全不需要用到django的forms,也不需要django的models,就可以实现,下面开始实现. 第一步:在模板文件中,创建一个f ...

随机推荐

  1. Android 的EditText实现不可编辑

    android:editable is deprecated: Use an <EditText> to make it editable android:editable is depr ...

  2. Android UI系列-----EditText和AutoCompleteTextView

    在这篇随笔里将主要讲解一下EditText和AutoCompleteTextView这个控件 1.EditText 首先我们先简单来说说EditText这个控件,这个就相当于我们平常web开发中的文本 ...

  3. Java多线程(3) Volatile的实现原理

    Volatile变量 在程序设计中,尤其是在C语言.C++.C#和Java语言中,使用volatile关键字声明的变量或对象通常拥有和优化和(或)多线程相关的特殊属性.通常,volatile关键字用来 ...

  4. 趣拍SDK接入问题Android

    Android接入趣拍问题. 大部分android开发者第一次下载SDK后,特别是导入到eclipse后,可以运行工程,但点击app中的record没反映,每次点击record按钮 会出现如下log. ...

  5. WebSocket桌面客户端工具

    考虑到WebSocket的诸多优点和未来的趋势,去年底把服务端通讯全部由HTTP改成WebSocket,期间为了方便测试,做了这个小工具.共享出来以方便有同样需求的程序员. 下载的压缩包里含有源代码和 ...

  6. Codeforces Round #182 (Div. 1)题解【ABCD】

    Codeforces Round #182 (Div. 1)题解 A题:Yaroslav and Sequence1 题意: 给你\(2*n+1\)个元素,你每次可以进行无数种操作,每次操作必须选择其 ...

  7. 如何评价微软Connect 2015？[转载]

    全部的新闻和公告在这里:News and Announcements at Connect(); //2015微博话题:Sina Visitor System根据题主的理解大致地总结一下……1. Vi ...

  8. ecshop 加广告出现广告位的宽度值必须在1到1024之间

    打开 admin/ad_position.php这个文件,搜索1024,这里你会搜到两个地方 在236行左右 if ($ad_width > 1024 || $ad_width < 1) ...

  9. 苹果 Mac OS 下查看系统隐藏文件

    Mac OS X中有很多系统隐藏的信息文件, 一般在Finder中都是看不到,也修改不了的. 但通过在"终端"中输入命令, 就可以在Finder中显示出来: defaults wr ...

  10. android 内置视频目录

    在做引导界面的时候有一个视频文件, 把它放在res/raw目录下面. 引用方法 如下: videoView = (VideoView) findViewById(R.id.video_view); v ...