一、

一、作业需求：

1、完成商城列表静态页面的抒写

二、博客地址：https://www.cnblogs.com/catepython/p/9205636.html

三、运行环境

操作系统：Win10

Python：3.6.4rcl

Pycharm：2017.3.4

四、功能实现

1）按照样式抒写了HTML商城列表页面

五、备注

readme

二、程序结构图

三、核心代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

    <style>

        .pg-title{

            background-color:#dddddd;

            height: 38px;

            line-height: 38px;

        }

        .dt{

            padding: 8px;

            float: left;

            line-height: 20px;

        }

        .pg-logo{

            height: 120px;

            line-height: 68px;

        }

        img{

            border: 0;

        }

        .category{

            margin-top: 20px;

            height: 48px;

            background-color: red;

            font-weight: bold;

            color: white;

        }

        .category_item{

            background-color: brown;

            height: 48px;

            text-align: center;

            line-height: 48px;

            float: left;

        }

        .border{

            border-top: 2px solid red;

            border-bottom: 1px solid #dddddd;

            border-left: 1px solid #dddddd;

            border-right: 1px solid #dddddd;

        }

        .product{

            margin-left: 10px;

            color: #7d7d7d;

            float: left

        }

        .apple{

            color: #7d7d7d;

            font-weight: bold;

            margin-left: 2%

        }

        .sorting{

            color: black;

            font-size: 18px;

            font-weight: normal;

            line-height: 40px

        }

        .product_item{

            border: 1px solid red;

            float: left;

            height: 400px;

            width: 300px;

            margin-left: 2%;

            margin-top: 2%

        }

        .add_subtract{

            float: left;

            color: #7d7d7d;

            line-height: 25px;

            width: 30px;

            text-align: center;

            border-right: 1px solid #dddddd

        }

    </style>

    <link rel="stylesheet" href="E:\python_work\51CTO_Python\第六模块学习\Day01\商城列表（静态）作业\pictures">

</head>

<body style="margin: 0 auto">

    <!--标题栏-->

    <div class="pg-title">

        <div style="width: 1600px;margin: 0 auto">

            <div style="float: left">*收藏本站</div>

            <div style="float: right">

                <div class="dt">

                    <a>登录</a>

                </div>

                <div class="dt">

                    <a>注册</a>

                </div>

                <div class="dt">

                    <a>我的订单</a>

                </div>

                <div class="dt">

                    <a>我的收藏</a>

                </div>

                <div class="dt">

                    <a>*VIP 会员俱乐部</a>

                </div>

                <div class="dt">

                    <a>关注</a>

                </div>

            </div>

            <div style="clear: both"></div>

        </div>

    </div>

    <!--Logo栏-->

    <div class="pg-logo">

        <!--搜索框 购物车栏-->

        <div style="width: 1000px;margin: 0 auto">

            <div style="width: 250px;float: left">

                <img  style="height: 100px;width: 100px;margin-top: 12px" src="picture\翎猫.png">

            </div>

            <div style="height: 100px;float: left;margin-top:20px;margin-left: 100px">

                <input style="height: 35px;width: 330px;" type="text"/>

                <div style="margin: -35px;margin-left: 0;">

                    <samp style="color: red;font-weight: bold;font-size: 15px">热门搜索：</samp>

                    <a style="margin-left: 10px;color: #7d7d7d">火龙果</a>

                    <a style="margin-left: 10px;color: #7d7d7d">瓜子</a>

                </div>

            </div>

            <div style="margin-top:34px;float: left">

                <img style="height: 41px;" src="picture\2.png">

            </div>

            <div style="margin-top:35px;float: right;border: 1px solid #dddddd;

            height: 45px;width: 120px;

            text-align: center;line-height: 45px">

                我的购物车<img style="margin: 0" src="picture\购物车.jpg"/>

            </div>

            <div style="clear: both"></div>

        </div>

    </div>

    <!--类目栏-->

    <div class="category">

        <!--类目栏-->

        <div style="width: 1600px;margin: 21px auto">

            <div style="float: left;width: 80%">

                <div class="category_item" style="width: 20%">

                    <a>全部商品列表</a>

                    <div style="border: 1px solid #dddddd;float: left;width: 100%">

                        <div style="color: red;float: left">南方水果:</div>

                        <br/>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                    </div>

                    <div style="border: 1px solid #dddddd;float: left;width: 100%">

                        <div style="color: red;float: left">南方水果:</div>

                        <br/>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                    </div>

                    <div style="border: 1px solid #dddddd;float: left;width: 100%">

                        <div style="color: red;float: left">南方水果:</div>

                        <br/>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                    </div>

                    <div style="border: 1px solid #dddddd;float: left;width: 100%;margin-top: 10%">

                        <div style="color: red;float: left">热销排行榜:</div>

                        <br/>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                        <a class="product">火龙果</a>

                    </div>

                    <div style="border: 1px solid #dddddd;float: left;width: 100%">

                        <div style="color: black;float: left">Content</div>

                    </div>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 8%">

                    <a>首页</a>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 8%">

                    <a>网上超市</a>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 8%">

                    <a>水果超市</a>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 8%">

                    <a>超级订餐</a>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 8%">

                    <a>生活娱乐</a>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 8%">

                    <a>研究院</a>

                </div>

            </div>

            <div style="float: right;width: 20%">

                <div class="category_item"  style="margin-left: 5px;width: 30%">

                    <a>研究院</a>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 30%">

                    <a>猜你喜欢</a>

                </div>

                <div class="category_item"  style="margin-left: 5px;width: 30%">

                    <a>论坛</a>

                </div>

            </div>

            <div style="clear: both"></div>

        </div>

        <!--已选产品和规格-->

        <div style="margin-left: 22%;margin-top: 1%;width: 70%">

            <div style="color: black">福特>蒙迪欧>2.0T</div>

            <div class="border" style="margin-top: 1%;height: 200px">

                <div style="color: black;height: 25%;line-height: 60px">您已选择：

                    <samp class="apple">苹果</samp>

                </div>

                <div style="color: black;height: 25%;line-height: 60px;margin-left: 2%">材质：

                    <samp class="apple">苹果</samp>

                   <samp class="apple">苹果</samp>

                    <samp class="apple">苹果</samp>

                </div>

                <div style="color: black;height: 25%;line-height: 60px;margin-left: 2%">品牌：

                    <samp class="apple">苹果</samp>

                    <samp class="apple">苹果</samp>

                    <samp class="apple">苹果</samp>

                </div>

                <div style="color: black;height: 25%;line-height: 60px;margin-left: 2%">风格：

                    <samp class="apple">苹果</samp>

                    <samp class="apple">苹果</samp>

                    <samp class="apple">苹果</samp>

                </div>

            </div>

        </div>

        <!--排序-->

        <div style="margin-left: 22%;margin-top: 1%;width: 70%">

            <div style="border: 1px solid #dddddd;height: 40px">

                <div style="float: left;width: 70%">

                    <samp class="sorting" style="margin-left: 2%">排序:</samp>

                    <samp class="sorting" style="margin-left: 5%;color: blue">价格↑</samp>

                    <samp class="sorting" style="margin-left: 5%;color: blue">销量↑</samp>

                    <samp class="sorting" style="margin-left: 5%;color: blue">最新↑</samp>

                </div>

                <div style="float: right;width: 30%">

                    <div class="sorting" style="margin-left: 35%;color: red;float: left">共x件商品</div>

                    <div class="sorting" style="margin-left: 5%;color: red;float: left;">1

                        <samp style="color: black">/675</samp>

                    </div>

                    <input type="submit" value="<" style="height: 30px;margin-left: 5%;margin-top: 5px"/>

                    <input type="submit" value=">" style="height: 30px;line-height: 10px;margin-top: 5px"/>

                </div>

            </div>

            <div style="clear: both"></div>

        </div>

        <!--商品首页图-->

        <div style="margin-left: 22%;margin-top: 1%;width: 70%;height: 1400px">

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div><div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div><div class="product_item" >

                <div style="height: 300px;width: 300px">

                    <a href="http://m1002.welinkmalls.com/shop/product?productid=10316&_time=1529488195739">

                        <img src="picture\国台酒.jpg" style="width: 300px;height: 300px">

                    </a>

                </div>

                <div style="color: black;text-align: center">

                    【国台 典藏酒】最经典的酱香酒味 封坛多年的特级酒汁 6瓶/箱 500ml/瓶 酒精度53%

                </div>

                <div style="height: 50px;width: 100px;float: left">

                    <samp style="color: red;font-weight: bold;font-size: 20px;

                    line-height: 50px;margin-left: 10%">$2880.00</samp>

                </div>

                <div style="height: 50px;width: 180px;float: right">

                    <div style="border: 1px solid #dddddd;width: 125px;float: left;margin-top: 10px;height: 25px;">

                        <div class="add_subtract">-</div>

                        <div style="float: left;color: #7d7d7d;line-height: 25px">1</div>

                        <div class="add_subtract" style="float: right">+</div>

                    </div>

                    <input style="background-color: red;color: white;

                    width: 30px;margin-left: 1%;margin-top: 7px;height: 30px" type="submit" value="买"/>

                </div>

            </div>

            <div style="clear: both"></div>

        </div>

    </div>

</body>

</html>

商城列表静态页面

四、效果展示图

四、重要笔记

http://mindmm.com/webapp

前端

    HTML (注:20个标签 DOCTYPE html:对应关系 html:叫做html标签 只能有一个 lang='en' 叫做标签内部的属性 :注释 )

        标签分类 (注:绝大部分都是主动闭合标签 自闭合标签： 主动闭合标签：

        块级标签：系列标签,

        标签...占一整行 行内标签（内联标签）：标签不占一整行 )

            标签 (注: #定义HTML编码 #3秒自动刷新 )

            #添加title小图标标签 href为html文件当前路径下的ico文件 )

            标签 (注:特殊符号：  =空格 <:< >:> )

                和

                标签 (注:

                121sada

                sda

                p标签：段落 br标签：段落间的换行)

                系列标签 (注:

                Alex

                Alex

                Alex

                Alex

                Alex

                Alex

                )

                标签 (注:hello hello hello)

                和标签 (注: 用户名： value为默认值

                密码：

)

    radio(单选框) (注:

    请选择性别

    男： 女： Alex： )

    checkbox(复选框) (注: 篮球： 足球： 皮球： 台球： 网球：

    技能

    撩妹： 写代码：)

    file（上传文件） (注:

    上传文件

    )

    reset(重置) (注:

    )

标签（多行文本输入）<span style="color:blue;font-size:9px"> (注:<textarea name="text">默认值)

)

    复选下拉框 (注:

    复选下拉框

)

分组下拉框 (注:

分组下拉框

                    )

                标签（超链接） (注:a标签是行内标签 百度)

                    锚 (注:第一章 第二章 第三章

                    第一章内容

                    第二章内容

                    第三章内容

                    )

                标签 (注: 美女 style:定义宽度和长度 px：像素 title:鼠标移动到图片后显示的文字 alt：当图片不存在时显示的文字)

                列表 (注:

                列表(前面小黑点)

                    sdsdsdsd

                    sdsdsdsd

                    sdsdsdsd

                列表(前面数子)

                    sdsdsdsd

                    sdsdsdsd

                    sdsdsdsd

                列表(分组)

                123

                    23

                    abc

                    bc

                123

                    23

                    abc

                    bc

                )

                    规范写法

                表格 (注: )

                标签 (注:用户名： )

                CSS (注:在标签上设置style属性 background-color:RGB颜色对照码 height:48px px(像素))

                    优先级和引入

                    常用属性

                        float (注:让标签浪起来，让块级标签也可以堆叠)

                        块级标签与行内标签转换

                        内外边距 (注:div：默认边距是8 margin:外边距 padding：内边距)

                主机名     端口     操作

                192.168.111.12     8080     查看详情 修改

文字大纲

五、本章知识点脑图

老男孩Day15作业：商城列表页面（静态）的更多相关文章

  1. 从零开始编写自己的C#框架（22）——添加普通列表页面

    普通列表页面指的是上一章那种有层次感列表以外的正常列表页面,由于上一章已讲解了正常添加页面的相关操作了,所以部分相关的操作本章节就不再罗嗦重复一次了.大家可以试试先用本章内容中的一些简单介绍,自己使用 ...

  2. JSP页面静态化

    Ps:好久没写博客了,不是我太懒,是因为苦逼的我出差去上海了,天天加班 刚回成都.... 今天说说jsp页面静态化,知道静态化的朋友都不陌生,说白了就是访问后缀是html 而不是jsp. 没听说过静态 ...

  3. Spring MVC 学习总结（七）——FreeMarker模板引擎与动态页面静态化

    模板引擎可以让程序实现界面与数据分离,业务代码与逻辑代码的分离,这就提升了开发效率,良好的设计也使得代码复用变得更加容易.一般的模板引擎都包含一个模板解析器和一套标记语言,好的模板引擎有简洁的语法规则 ...

  4. 页面静态化3 --- 使用PHP页面缓存机制来完成页面静态化（下）操作一个案例(新闻管理系统)

    案例需求: 使用PHP缓存机制完成新闻管理系统的页面静态化数据库表 ecs_article (新闻表)因为新闻这些信息,并不是对实时性要求高,本身这个新闻比较稳定,内容也比较固定,所以我们考虑: 当第 ...

  5. 转：php页面静态化之真静态

    之前的缓存和现在所说的页面静态化都是为网站提速的,如果是访问量小的小型网站可能不需要但是如果网站规模或访问量很大,那么页面静态化和缓存就会体现出各自的价值了下面先来了解下页面静态化的分类 页面静态化的 ...

  6. spring boot + vue + element-ui全栈开发入门——前端列表页面开发

     一.页面 1.布局 假设,我们要开发一个会员列表的页面. 首先,添加vue页面文件“src\pages\Member.vue” 参照文档http://element.eleme.io/#/zh-CN ...

  7. ASP.NET MVC中，动态处理页面静态化

    首先解释一下什么是动态处理页面静态化 对于需要静态化的页面,第一次访问某个Action时,会先执行Action,并在页面渲染后向Response和服务器中网站的目录下都写入需要返回的html,而第二次 ...

  8. ASP.NET MVC中，动态处理页面静态化 【转载】

    首先解释一下什么是动态处理页面静态化 对于需要静态化的页面,第一次访问某个Action时,会先执行Action,并在页面渲染后向Response和服务器中网站的目录下都写入需要返回的html,而第二次 ...

  9. python 全栈开发，Day114(装饰器,排序规则,显示列,添加按钮,定制ModelForm,自定义列表页面,自定制URL)

    一.装饰器 装饰器本质上就是一个python函数,他可以让其他函数在不需要做任何代码变动的前提下,增加额外的功能,装饰器的返回值也是一个函数对象. 装饰器的应用场景:比如插入日志,性能测试,事务处理, ...

随机推荐

  1. 如何查询centos、Debian服务器、查看系统内核版本,系统版本,32位还是64位

    查看centos内核的版本: 1)[root@localhost ~]# cat /proc/version Linux version 2.6.18-194.el5 (mockbuild@build ...

  2. Professional C# 6 and .NET Core 1.0 - Creating Hello, World! with Visual Studio

    本文为转载,学习研究 Creating Hello, World! with Visual Studio Chapter 1, “.NET Application Architectures,” ex ...

  3. 【FZU2280】Magic

    题意 给出n个字符串,每个字符串有一个权值wi 有q个操作,操作有两种 1 x y 将字符串x的权值变为y 2 x 查询操作,输出以字符串x为后缀,且权值小于等于wx的字符串个数.其中n<=10 ...

  4. 值得一做》一道类似于货车运输的题目（BZOJ3732）（easy+）

    这是一道模板套模板的题目,只要会LCA和最小生成树就可以做,水题 直接先甩题目 Description 给你N个点的无向图 (1 <= N <= 15,000),记为:1…N. 图中有M条 ...

  5. hibernate 一对一（级联关系）

    hibernate 核心配置文件 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE hiber ...

  6. 由于挂载的nfs存储目录掉下线，导致创建VM时，无法创建

    具体错误,如下截图 重新挂载存储后,在创建VM,将成功

  7. Python代码注释

    1.单行注释使用# # Code 2.多行注释,成对使用'''或""",三个单撇号或三个双引号 “”” Code “”” 3.多行快捷注释 1).增加注释 选中待注释的多 ...

  8. Python3.7安装PyQt5的方法

    一.系统环境 操作系统:Win7 64位 Python Version:3.7 二.安装参考 方法1:pip install PyQt5 方法2:下载whl安装包安装 a.下载网址:https://p ...

  9. Free GIS Software

    Refer to There are lots of free gis software listed in the website: http://www.freegis.org/ http://w ...

  10. Python基础入门-For循环

    For循环的功能比较强大,他可以帮助我们实现很多重复性的工作.而且for循环能迭代不同的数据结构.他的应用也十分的广泛,作为初学者,我们需要对循环的概念多加理解和练习.接下来我们就来学习for循环的一 ...