创建django项目完整实例

虚拟环境搭配

安装和配置

安装虚拟环境的命令：

1）sudo pip install virtualenv #安装虚拟环境

2）sudo pip install virtualenvwrapper #安装虚拟环境扩展包

3）编辑家目录下面的.bashrc文件，添加下面两行。

export WORKON_HOME=$HOME/.virtualenvs

source /usr/local/bin/virtualenvwrapper.sh

4）使用source .bashrc使其生效一下。

使用

创建python3虚拟环境：

mkvirtualenv -p python3 bj19  # bj19是虚拟环境名

进入虚拟环境工作：

workon 虚拟环境名

查看机器上有多少个虚拟环境：

workon 空格 + 两个tab键

退出虚拟环境：

deactivate

删除虚拟环境：

rmvirtualenv 虚拟环境名

虚拟环境下安装包的命令：

pip install 包名

注意：不能使用sudo pip install 包名，这个命令会把包安装到真实的主机环境上而不是安装到虚拟环境中。

查看虚拟环境中安装了哪些python包：

pip list  
pip freeze

安装django环境：

pip install django==1.8.2

创建项目

建立文件夹

mkdir bj19  # bj19是文件夹名 随便起

进入bj19 创建应用包

python manage.py startapp booktest  # booktest是应用名，可以随便起

更改settings.py设置

# 注册应用
INSTALLED_APPS = (
    \'django.contrib.admin\',
    \'django.contrib.auth\',
    \'django.contrib.contenttypes\',
    \'django.contrib.sessions\',
    \'django.contrib.messages\',
    \'django.contrib.staticfiles\',
    \'booktest\',  # 注册创建的booktest应用 如果没有这个 创建数据库会报NO changes 错误
)
....
# 模板配置
TEMPLATES = [
    {
        \'BACKEND\': \'django.template.backends.django.DjangoTemplates\',
        \'DIRS\': [os.path.join(BASE_DIR, \'templates\')],  # 指定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\',
            ],
        },
    },
]
....
# 数据库配置
DATABASES = {
    \'default\': {
        \'ENGINE\': \'django.db.backends.mysql\',  # 指定用什么数据库
        \'NAME\': \'test1\',  # 指定数据库名
        \'USER\': \'root\',  # 数据库账号
        \'PASSWORD\': \'mysql\',  # 数据库密码
        \'HOST\': \'localhost\',  # 数据库IP 本机用localhost
        \'PORT\': 3306,  # 端口
    }
}
....
# 本地化配置
LANGUAGE_CODE = \'zh-hans\'  # 本地化语言

TIME_ZONE = \'Asia/Shanghai\'  # 本地化时间
....
# 静态资源配置
STATIC_URL = \'/static/\'
STATICFILES_DIR=[os.path.join(BASE_DIR, \'static\')]  # 静态资源存放路径

创建模板文件夹对应应用名在templates创建子目录

创建静态资源文件包

创建数据库test1

create database test1 charset=utf8;

项目中引用pymysql

test1/__init__.py文件中

import pymysql
pymysql.install_as_MySQLdb()

建表

booktest/models.py中

from django.db import models
from datetime import date
# Create your models here.
class BookInfo(models.Model):
    \'\'\'图书模型类\'\'\'
    # 书名
    # btitle = models.CharField(verbose_name=\'书名\', max_length=20)  # verbose_name= 在admin后台显示的标题 max_length=最大长度
    btitle = models.CharField(\'书名\', max_length=20)  # 如果标题放在第一位 则可以省略verbose_name=
    # 出版时间
    bpub_date = models.DateField()
    # 阅读量
    bread = models.IntegerField(default=0)  # default 设置默认值
    # 评论数
    bcomment = models.IntegerField(default=0)
    # 是否删除
    isDelete = models.BooleanField(default=False)

    # 定义数据表名称--元选项
    class Meta:
        # 指定生成的数据表名
        db_table = \'bookinfo\'


class HeroInfo(models.Model):
    \'\'\'英雄模型类\'\'\'
    # 姓名
    hname = models.CharField(\'英雄\', max_length=20)
    # 性别
    hgender = models.BooleanField(default=False)
    # 功夫
    hcomment = models.CharField(\'功夫\', max_length=128)
    # 关联书名
    hbook = models.ForeignKey(\'BookInfo\')
    # 是否删除
    isDelete = models.BooleanField(default=False)

    # 数据表名
    class Meta:
        db_table = \'heroinfo\'


class AreaInfo(models.Model):
    \'\'\'地域模型类\'\'\'
    # 地名
    atitle = models.CharField(\'地名\', max_length=20)
    # 自关联pid
    aParent = models.ForeignKey(\'self\', null=True, blank=True)

    # 表名
    class Meta:
        db_table = \'areainfo\'

迁移

python manage.py makemigrations
python manage.py migrate

报错

解决方案：

看一下settings.py文件 apps中有没有添加 booktest

迁移成功

查看数据库

默认值并不在数据库层面生效，而是在django创建对象时生效。

图书表结构

表heroinfo结构如下：

Django框架会根据关系属性生成一个关系字段，并创建外键约束。

测试数据
在数据库命令行中，复制如下语句执行，向booktest_bookinfo表中插入测试数据：

insert into bookinfo(btitle,bpub_date,bread,bcomment,isDelete) values
(\'射雕英雄传\',\'1980-5-1\',12,34,0),
(\'天龙八部\',\'1986-7-24\',36,40,0),
(\'笑傲江湖\',\'1995-12-24\',20,80,0),
(\'雪山飞狐\',\'1987-11-11\',58,24,0);

向booktest_heroinfo表中插入测试数据：

insert into heroinfo(hname,hgender,hbook_id,hcomment,isDelete) values
(\'郭靖\',1,1,\'降龙十八掌\',0),
(\'黄蓉\',0,1,\'打狗棍法\',0),
(\'黄药师\',1,1,\'弹指神通\',0),
(\'欧阳锋\',1,1,\'蛤蟆功\',0),
(\'梅超风\',0,1,\'九阴白骨爪\',0),
(\'乔峰\',1,2,\'降龙十八掌\',0),
(\'段誉\',1,2,\'六脉神剑\',0),
(\'虚竹\',1,2,\'天山六阳掌\',0),
(\'王语嫣\',0,2,\'神仙姐姐\',0),
(\'令狐冲\',1,3,\'独孤九剑\',0),
(\'任盈盈\',0,3,\'弹琴\',0),
(\'岳不群\',1,3,\'华山剑法\',0),
(\'东方不败\',0,3,\'葵花宝典\',0),
(\'胡斐\',1,4,\'胡家刀法\',0),
(\'苗若兰\',0,4,\'黄衣\',0),
(\'程灵素\',0,4,\'医术\',0),
(\'袁紫衣\',0,4,\'六合拳\',0);

后台管理

本地化设置已经在settings.py设置好了

创建后台管理账号

python manage.py createsuperuser

运行项目然后登陆后台

#python manage.py runserver 服务器IP:端口
python manage.py runserver 192.168.121.130:8000

登录后台查看

192.168.121.130:8000/admin

注册和登录

添加用户表

class AdminInfo(models.Model):
    # 管理员
    user = models.CharField(max_length=20, unique=True)
    # 密码
    password = models.CharField(max_length=128)
    # 是否删除
    isDelete = models.BooleanField(default=False)

创建regist.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/static/js/jquery-1.12.4.min.js"></script>

</head>
<body>

<form action="/regist_handle" method="post">
    {% csrf_token %}
    <lable>账号:</lable>
    <input type="text" name="user"><br>
    <lable>密码：</lable>
    <input type="password" name="password">
    <br>
    <input type="text" name="verify_code" placeholder="请输入验证码">
    <img src="/verify_code" onclick="this.src=\'/verify_code?\'+ Math.random()" alt="" ><br>  <-- 点击更换验证码 !-->
    <input type="submit" value="注册">
</form>
</body>
</html>

注册及验证码的视图函数views.py

def regist(request):
    return render(request, \'booktest/regist.html\')

def regist_handle(request):
    user = request.POST.get(\'user\')  # POST或GET要大写
    password = request.POST.get(\'password\')
    verifycode = request.POST.get(\'verify_code\')

    if verifycode != request.session[\'verifycode\']:
        return HttpResponse(\'验证码不正确\')
    u = AdminInfo()
    u.user = user
    u.password = password
    u.save()
    return redirect(\'/login\')


# 验证码
from PIL import Image, ImageDraw, ImageFont
from django.utils.six import BytesIO
def verify_code(request):
    #引入随机函数模块
    import random
    #定义变量，用于画面的背景色、宽、高
    bgcolor = (random.randrange(20, 100), random.randrange(
        20, 100), 255)
    width = 100
    height = 25
    #创建画面对象
    im = Image.new(\'RGB\', (width, height), bgcolor)
    #创建画笔对象
    draw = ImageDraw.Draw(im)
    #调用画笔的point()函数绘制噪点
    for i in range(0, 100):
        xy = (random.randrange(0, width), random.randrange(0, height))
        fill = (random.randrange(0, 255), 255, random.randrange(0, 255))
        draw.point(xy, fill=fill)
    #定义验证码的备选值
    str1 = \'ABCD123EFGHIJK456LMNOPQRS789TUVWXYZ0\'
    #随机选取4个值作为验证码
    rand_str = \'\'
    for i in range(0, 4):
        rand_str += str1[random.randrange(0, len(str1))]
    #构造字体对象，ubuntu的字体路径为“/usr/share/fonts/truetype/freefont”
    font = ImageFont.truetype(\'FreeMono.ttf\', 23)
    #构造字体颜色
    fontcolor = (255, random.randrange(0, 255), random.randrange(0, 255))
    #绘制4个字
    draw.text((5, 2), rand_str[0], font=font, fill=fontcolor)
    draw.text((25, 2), rand_str[1], font=font, fill=fontcolor)
    draw.text((50, 2), rand_str[2], font=font, fill=fontcolor)
    draw.text((75, 2), rand_str[3], font=font, fill=fontcolor)
    #释放画笔
    del draw
    #存入session，用于做进一步验证
    request.session[\'verifycode\'] = rand_str
    #内存文件操作
    buf = BytesIO()
    #将图片保存在内存中，文件类型为png
    im.save(buf, \'png\')
    #将内存中的图片数据返回给客户端，MIME类型为图片png
    return HttpResponse(buf.getvalue(), \'image/png\')

注册路由urls.py

    url(r\'regist$\', views.regist),
    url(r\'regist_handle$\', views.regist_handle),
    url(r\'verify_code\', views.verify_code),

登录页面login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="/login_check" method="post">
    {% csrf_token %}
    <lable>账号:</lable>
    <input type="text" name="user"><br>
    <lable>密码：</lable>
    <input type="password" name="password">
    <br>

    <input type="submit" value="登陆">
</form>
</body>
</html>

登录的视图函数views.py

# 登陆页面
def login(request):
   return render(request, \'booktest/login.html\')

# 登陆校验
def login_check(request):

    user = request.POST.get(\'user\')
    password = request.POST.get(\'password\')
    userinfo = AdminInfo.objects.filter(user=user)  # filter取的是一个questset集 要加get()才能取到值 如果不用filter()用get()取值的话 为空的时候会报错
    if not userinfo:
        return HttpResponse("无数据")
    else:
        userinfo = userinfo.get()  # QuestSet无法直接读取值 要用get()取值
    if user==userinfo.user and password==userinfo.password:
        request.session[\'isLogin\'] = True
        request.session[\'user\'] = user
        return redirect(\'/index\')
    else:
        return redirect(\'/login\')

注册路由urls.py

    url(r\'^login$\', views.login),
    url(r\'^login_check$\', views.login_check),

登录校验装饰器views.py

# 校验是否登录，如果没登录返回登录页面
def login_check(func):
    def wapper(request, *view_args, **view_kwarga):
        if not request.session.has_key(\'isLogin\'):
            return redirect(\'/login\')
        return func(request, *view_args, **view_kwarga)
    return wapper

上传图片

定义模型类models.py

class Uploads(models.Model):
    \'\'\'图片模型类\'\'\'
    pic = models.ImageField(upload_to=\'booktest\') # upload_to= 上传到哪个文件夹

设置路径settings.py

UPLOAD_ROOT = os.path.join(BASE_DIR, \'static/upload\')  # 没有中括号

上传页面pic_upload.html

在模板中定义上传表单，要求如下：

form的属性enctype="multipart/form-data"
form的method为post
input的类型为file

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="upload_handle" method="post" enctype="multipart/form-data">
    {% csrf_token %}
    <input type="file" name="pic"><br>
    <input type="submit" value="上传">
</form>
</body>
</html>

上传和处理的视图函数 views.py

# 上传页面
def pic_upload(request):
    return render(request, \'booktest/pic_upload.html\')

# 上传处理
from django.conf import settings  # 为了导入上传路径
def upload_handle(request):
    pic = request.FILES.get(\'pic\')  # 图片用FILES.get() 接收
    print(pic.name)
    p = Uploads()
    p.pic = \'booktest/%s\' % pic.name  # 保存到数据库
    p.save()
    pname = \'%s/booktest/%s\' % (settings.UPLOAD_ROOT, pic.name)
    with open(pname, \'wb\') as f:  # 写入到指定文件夹
        for content in pic.chunks():  # pic.chunks() 一段一段读取
            f.write(content)
    return HttpResponse(\'ok\')

分页

Paginator类对象的属性:

属性名	说明
num_pages	返回分页之后的总页数
page_range	返回分页后页码的列表

Paginator类对象的方法:

方法名	说明
page(self, number)	返回第number页的Page类实例对象

Page类对象的属性：

属性名	说明
number	返回当前页的页码
object_list	返回包含当前页的数据的查询集
paginator	返回对应的Paginator类对象

Page类对象的方法：

属性名	说明
has_previous	判断当前页是否有前一页
has_next	判断当前页是否有下一页
previous_page_number	返回前一页的页码
next_page_number	返回下一页的页码

Paginator类实例对象

方法_init_(列表,int)：返回分页对象，第一个参数为列表数据，第二个参数为每页数据的条数。
属性count：返回对象总数。
属性num_pages：返回页面总数。
属性page_range：返回页码列表，从1开始，例如[1, 2, 3, 4]。
方法page(m)：返回Page类实例对象，表示第m页的数据，下标以1开始。

Page类实例对象

调用Paginator对象的page()方法返回Page对象，不需要手动构造。
属性object_list：返回当前页对象的列表。
属性number：返回当前是第几页，从1开始。
属性paginator：当前页对应的Paginator对象。
方法has_next()：如果有下一页返回True。
方法has_previous()：如果有上一页返回True。
方法len()：返回当前页面对象的个数。

创建视图page_test.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>省</h1>
<ul>
    {% for p in page %}
        <li>{{ p.atitle }}</li>
    {% endfor %}
</ul>

{#页码#}
{#判断是否有上一页#}
{% if page.has_previous %}
    <a href="/page_test/{{ page.previous_page_number }}">《上一页</a>
{% endif %}
{% for pindex in plist %}
{#    判断当前页 撤销当前页a标签#}
    {% if pindex == page.number %}
        {{ pindex }}
    {% else %}
        <a href="/page_test/{{ pindex }}">{{ pindex }}</a>
    {% endif %}
{% endfor %}
{#判断是否有下一页#}
{% if page.has_next %}
    <a href="/page_test/{{ page.next_page_number }}">下一页》</a>
{% endif %}
</body>
</html>

分页的视图函数views.py

from django.core.paginator import Paginator # 分页需导入paginator包
def page_test(request, pindex):  # 红字参数与路由要一致
    # 查询所有省的名称
    prov_list = AreaInfo.objects.filter(aParent__isnull=True)
    print(prov_list)
    # 分页 每页显示10条内容
    provs = Paginator(prov_list,10)
    # 如果当前没有传递页码信息，则认为是第一页，这样写是为了请求第一页时可以不写页码
    if pindex==\'\':
        pindex = 1
    else:
        # 通过url匹配的参数都是字符串类型，转换成int类型
        pindex = int(pindex)
    # 获取第pIndex页的数据
    page = provs.page(pindex)
    # 获取所有的页码信息
    plist = provs.page_range
    return render(request, \'booktest/page_test.html\', {\'page\':page, \'plist\':plist})

路由urls.py

url(r\'page_test/(?P<pindex>\d*)$\', views.page_test), # 红字部分要和views.py 中视图函数的形参保持一致

三级联动

创建视图areas.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>省市县选择案例</title>
    <script src="/static/js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            // 发起一个ajax请求 /prov，获取所有省级地区的信息
            // 获取信息,使用get
            // 涉及到信息修改,使用post
            $.get(\'/prov\', function (data) {
                // 回调函数
                // 获取返回的json数据
                res = data.data
                // 获取prov下拉列表框
                prov = $(\'#prov\')
                // 变量res数组，获取每一个元素:[地区id, 地区标题]
                /*
                for(i=0; i<res.length; i++){
                    id = res[i][0]
                    atitle = res[i][1]

                    option_str = \'<option value="\'+id + \'">\'+ atitle+ \'</option>\'
                    // 向prov下拉列表框中追加元素
                    prov.append(option_str)
                }*/
                $.each(res, function (index, item) {
                    id = item[0]
                    atitle = item[1]
                    option_str = \'<option value="\'+id + \'">\'+ atitle+ \'</option>\'
                    // 向prov下拉列表框中追加元素
                    prov.append(option_str)
                })
            })

            // 绑定prov下拉列表框的change事件，获取省下面的市的信息
            $(\'#prov\').change(function () {
                // 发起一个ajax请求 /city，获取省下面市级地区的信息
                // 获取点击省的id
                prov_id=$(this).val()
                $.get(\'/city\'+prov_id, function (data) {
                    // 获取返回的json数据
                    res = data.data
                    // 获取city下拉列表框
                    city = $(\'#city\')
                    // 清空city下拉列表框
                    city.empty().append(\'<option>---请选择市---</option>\')
                    // 获取dis下拉列表框
                    dis = $(\'#dis\')
                    // 清空dis下拉列表框
                    dis.empty().append(\'<option>---请选择县---</option>\')
                    // 变量res数组，获取每一个元素:[地区id, 地区标题]
                    // 遍历取值添加到city下拉列表框中
                    $.each(res, function (index, item) {
                        id = item[0]
                        atitle = item[1]
                        option_str = \'<option value="\'+id + \'">\'+ atitle+ \'</option>\'
                        // 向city下拉列表框中追加元素
                        city.append(option_str)
                    })
                })
            })

             // 绑定city下拉列表框的change事件，获取市下面的县的信息
            $(\'#city\').change(function () {
                // 发起一个ajax请求 /dis，获取市下面县级地区的信息
                // 获取点击市的id
                city_id=$(this).val()
                $.get(\'/dis\'+city_id, function (data) {
                    // 获取返回的json数据
                    res = data.data
                    // 获取dis下拉列表框
                    dis = $(\'#dis\')
                    // 清空dis下拉列表框
                    dis.empty().append(\'<option>---请选择县---</option>\')
                    // 变量res数组，获取每一个元素:[地区id, 地区标题]
                    // 遍历取值添加到dis下拉列表框中
                    $.each(res, function (index, item) {
                        id = item[0]
                        atitle = item[1]
                        option_str = \'<option value="\'+id + \'">\'+ atitle+ \'</option>\'
                        // 向dis下拉列表框中追加元素
                        dis.append(option_str)
                    })
                })
            })
        })
    </script>
</head>
<body>
<select id="prov">
    <option>---请选择省---</option>
</select>
<select id="city">
    <option>---请选择市---</option>
</select>
<select id="dis">
    <option>---请选择县---</option>
</select>
</body>
</html>

视图函数views.py

# /areas
def areas(request):
    \'\'\'省市县选中案例\'\'\'
    return render(request, \'booktest/areas.html\')


# /prov
def prov(request):
    \'\'\'获取所有省级地区的信息\'\'\'
    # 1.获取所有省级地区的信息
    areas = AreaInfo.objects.filter(aParent__isnull=True)

    # 2.变量areas并拼接出json数据：atitle id
    areas_list = []
    for area in areas:
        areas_list.append((area.id, area.atitle))

    # 3.返回数据
    return JsonResponse({\'data\':areas_list})


def city(request, pid):
    \'\'\'获取pid的下级地区的信息\'\'\'
    # 1.获取pid对应地区的下级地区
    # area = AreaInfo.objects.get(id=pid)
    # areas = area.areainfo_set.all()
    areas = AreaInfo.objects.filter(aParent__id=pid)

    # 2.变量areas并拼接出json数据：atitle id
    areas_list = []
    for area in areas:
        areas_list.append((area.id, area.atitle))

    # 3.返回数据
    return JsonResponse({\'data\': areas_list})

路由配置urls.py

    url(r\'^areas$\', views.areas), # 省市县选中案例
    url(r\'^prov$\', views.prov), # 获取所有省级地区的信息
    url(r\'^city(\d+)$\', views.city), # 获取省下面的市的信息
    url(r\'^dis(\d+)$\', views.city), # 获取市下面的县的信息

posted on 2019-09-19 10:21 BZ易风阅读(3876) 评论(0) 编辑收藏举报