Django 05购物商城项目（建立数据表axf_nav、轮播条、建立数据表axf_mustbuy、程序调试技巧）

1、建立数据表axf_nav

App/models.py

from django.db import models


class Main(models.Model):
    img = models.CharField(max_length=255)
    name = models.CharField(max_length=64)
    trackid = models.IntegerField(default=1)

    class meta:
        abstract = True


class MainWheel(Main):
    class Meta:
        db_table = 'axf_wheel'


class MainNav(Main):
    class Meta:
        db_table = 'axf_nav'

迁移:

#生成迁移文件：
python manage.py makemigrations
#执行迁移文件：
python manage.py migrate

插入数据:



展示:

css

/*底部图标和文字样式*/
footer .home span {
    background: url(/static/img/home_selected.png) no-repeat;
    background-size: 0.513889rem;
}

footer .home dd {
    color: orange;
}

/*顶部轮播*/
#home {
    padding: 1.5rem 0;
    overflow: auto;
    height: 100%;
    width: 100%;
    padding-bottom: 3rem;
    position: fixed;
}

#topSwiper {
    height: 3.95rem;
    width: 10rem;
    overflow: hidden;
}

#topSwiper div a {
    display: inline-block;
    height: 3.95rem;
    width: 10rem;
}

#topSwiper img {
    height: 100%;
    width: 100%;
}

/*顶部导航*/
.topMenu {
    padding-bottom: 0.26rem;

}

.topMenu nav {
    margin: 0.35rem 0 0.26rem;
    background: white;
}

.topMenu nav ul {
    display: flex;
}

.topMenu nav li {
    width: 2.5rem;
    text-align: center;
    font-size: 0.35rem;

}

.topMenu nav li img {
    width: 2.5rem;
}

#swiperMenu {
    width: 100%;
}

视图:

访问:

2、建立数据表axf_mustbuy

模板:

迁移:

#生成迁移文件：
python manage.py makemigrations
#执行迁移文件：
python manage.py migrate

插入数据:

视图:

前端显示,home.html:

home.css添加这一段

/*首页必购*/
#swiperMenu {
    width: 100%;
}

#swiperMenu li img {
    width: 100%;
}

home.js(有添加有改动,下面是完整代码):

$(function () {
    ISpr();
ISprMenu();
})

function ISpr() {
    var swiper = new Swiper("#topSwiper", {
            loop: true,
            autoplay: 3000,
            pagination: '.swiper-pagination'
        }
    );
}
function ISprMenu() {
    var swiper = new Swiper("#swiperMenu", {
           slidesPerView: 3,
        }
    );
}

访问:

3、程序调试技巧

安装django调试工具

pip install django-debug-toolbar

安装完成之后

在setting里注册

'debug_toolbar',

'debug_toolbar.middleware.DebugToolbarMiddleware'

INTERNAL_IPS = ('127.0.0.1','localhost')

urls.py

from AXF01 import settings
if settings.DEBUG:
    import debug_toolbar

    urlpatterns = [
                      path('__debug__/', include(debug_toolbar.urls)),
                  ] + urlpatterns

访问:

python里一个有趣的插件:thefuck

参考视频:https://www.bilibili.com/video/av69060979?p=271
23分20秒开始