django开发商城(提供初始数据,商城首页及购物车)

1.爬取数据

2.json数据转化为sql语句

3.新建轮播图模型(模型名与sql语句对应表名相同)

class Wheel(models.Model):
    img=models.CharField(max_length=150)
    name=models.CharField(max_length=20)
    trackid=models.CharField(max_length=20)

4.终端打开mysql,执行插入语句

5.在首页进行展示轮播图(home.html)

      <div class="swiper-container" id="topSlider">
        <div class="swiper-wrapper">
            {% for item in sliderList %}
            <div class="swiper-slide">
                <a href="#"><img src="{{ item.img }}"></a>
            </div>
            {% endfor %}
        </div>
    </div>

设置轮播(home.js)

$(document).ready(function () {
    var swiper = new Swiper('#topSlider', {
        direction: 'horizontal',
        loop: true,
        speed: 500,
        autoplay: 2000,
        pagination: {
            el: '.swiper-pagination',
        }

    })

})

6.展示主要商品

建立模型,在数据库进行插入

class MainShow(models.Model):
    trackid = models.CharField(max_length=10)
    name = models.CharField(max_length=20)
    img = models.CharField(max_length=100)
    categoryid = models.CharField(max_length=10)
    brandname = models.CharField(max_length=20)

    img1 = models.CharField(max_length=100)
    childcid1 = models.CharField(max_length=10)
    productid1 = models.CharField(max_length=10)
    longname1 = models.CharField(max_length=50)
    price1 = models.CharField(max_length=10)
    marketprice1 = models.CharField(max_length=10)

    img2 = models.CharField(max_length=100)
    childcid2 = models.CharField(max_length=10)
    productid2 = models.CharField(max_length=10)
    longname2 = models.CharField(max_length=50)
    price2 = models.CharField(max_length=10)
    marketprice2 = models.CharField(max_length=10)

    img3 = models.CharField(max_length=100)
    childcid3 = models.CharField(max_length=10)
    productid3 = models.CharField(max_length=10)
    longname3 = models.CharField(max_length=50)
    price3 = models.CharField(max_length=10)
    marketprice3 = models.CharField(max_length=10)

进行展示

        {#  mainShow #}
        <section class="mainInfo">
            {% for item in mainShowList %}
            <section>
                <h3>
                    {{ item.name }}
                    <a href="#">更多&gt;</a>
                    <span></span>
                </h3>
                <div>
                    <a href="#"><img src="{{ item.img }}">
                    </a>
                </div>
                <ul>
                    <li><a href="">
                        <img src="{{ item.img1}}" alt="">
                        <span class="">
                        {{ item.longname1 }}
                    </span>
                    <span>
                        ￥{{ item.price1 }}<s>￥{{ item.marketprice1 }}</s>
                    </span>
                    </a></li>
                     <li><a href="">
                        <img src="{{ item.img2}}" alt="">
                        <span class="description">
                        {{ item.longname2 }}
                    </span>
                    <span>
                        ￥{{ item.price2 }}<s>￥{{ item.marketprice2 }}</s>
                    </span>
                    </a></li>
                     <li><a href="">
                        <img src="{{ item.img3}}" alt="">
                        <span class="description">
                        {{ item.longname3 }}
                    </span>
                    <span>
                        ￥{{ item.price3 }}<s>￥{{ item.marketprice3 }}</s>
                    </span>
                    </a></li>
                </ul>
            </section>
            {% endfor %}
        </section>