python django打造自己的喜馬拉雅 3（主頁前端+資料庫）

阿新 • • 發佈：2019-01-16

<style>
    body {
        min-height: 100vh;
        background-image: url("/static/images/intro-2.jpg");
        background-size: cover;
    }

    .mid-content {
        text-align: center;
        padding: 50px 0;
        width: 1200px;
        height: 300px;
        margin: 0 auto;
    }

    .header {
        font-family: 'PingFangSC-Medium', 'Microsoft YaHei', sans-serif;
        text-align: center;
        color: #ffffff;
        font-size: 20px;
        font-weight: 700;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none !important;
        margin: 0;
    }

    .nextPre {
        color: #262728;
        font-size: 12px;
        cursor: pointer;
    }

    label {
        color: #fca429;
    }

    .xui-header-searchWrapper {
        display: inline-block;
        width: 350px;
        height: 200px;
        margin-left: 30px;
        vertical-align: top;
    }

    .xui-header-search, .xui-header-search-input {
        font-family: -apple-system, BlinkMacSystemFont, PingFangSC-Regular, PingFang SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        list-style: none;
        height: 40px;
    }

    .xui-header-search {
        padding: 0;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .xui-header-search-input {
        padding: 10px 70px 10px 20px !important;
        width: 100%;
        line-height: 1.5;
        color: #333;
        background-color: #fff;
        border: 1px solid #f86442;
        border-radius: 54px;
        outline: none;
        -webkit-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }

    .xui-header-search, .xui-header-search-input {
        font-family: -apple-system, BlinkMacSystemFont, PingFangSC-Regular, PingFang SC, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        -webkit-font-smoothing: antialiased;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        list-style: none;
        height: 40px;
    }

    .xui-header-search-button_position {
        position: absolute;
        right: 0;
        top: 0;
    }

    .xui-header-search-button {
        display: inline-block;
        background-color: #f86442;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #ff9973), color-stop(99%, #ff7251));
        background-image: -webkit-linear-gradient(left, #ff9973 1%, #ff7251 99%);
        background-image: -o-linear-gradient(left, #ff9973 1%, #ff7251 99%);
        background-image: linear-gradient(90deg, #ff9973 1%, #ff7251 99%);
        width: 60px;
        height: 100%;
        color: #fff;
        font-size: 20px;
        text-align: center;
        line-height: 40px;
        border-radius: 0px 54px 54px 0px;
        cursor: pointer;
    }

    .xuicon {
        display: inline-block;
        font-style: normal;
        vertical-align: baseline;
        text-align: center;
        text-transform: none;
        line-height: 1;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .list-panel {
        text-align: center;
        width: 1200px;
        min-height: 500px;
        margin: 0 auto;
    }

</style>
<body>
<div class="mainContent">
    <div class="mid-content">
        <div class="e-1350701591 xui-header-searchWrapper">
            <div class="e-1050963283 xui-header-search focused">
                <input type="number" class="e-1050963283 xui-header-search-input" placeholder="專輯ID" value="">
                <span class="e-1050963283 xui-header-search-button xui-header-search-button_position">
                    <i class="e-1050963283 xuicon xuicon-web_ic_search startSearch"
                       style="  padding: 10px 0 0 0; font-size: 17px;">確定</i>
                </span>
            </div>
        </div>
    </div>
    <div class="list-panel">
        {% for album in allAlbum %}
            <div style="height: 50px;width: 200px;display: inline-block">
                <a href="{% url 'main' album.index %}">
                    <div style="width:50px;float: left">
                        <img style="width: 100%;"
                             src="{{ album.imgurl }}">
                    </div>
                    <div style="color: white;float: left;font-size: 12px;margin: 15px 0 0 10px;width: 100px;overflow: hidden">{{ album.name }}</div>
                    <div style="clear: both;"></div>
                </a>
            </div>
        {% endfor %}
    </div>
</div>
</body>

python django打造自己的喜馬拉雅 3（主頁前端+資料庫）

python全棧學習記錄--3（2018.1.13）計算機基礎知識

傳輸客戶 pytho 開源 dhcp服務切換用戶想要有一個去掉一、Linux操作系統1、unix是目前世界上最穩定，安全的系統。是分時操作系統，多個聯機終端和采用多道技術。2、開源代表代表公開，所有人可以編輯查看，但不代表免費。3、服務器要的是性能，穩定，效率，

python的學習筆記/002-3（2018-5-20）

列表（list）的常見操作群集類型群集類型列表元組字典集合 list tuple dict set 1.列表列表的類型是list,特點為有序，具備索引，內容與長度可以變動。要創建列表，可以使用[]直接表示法，列表中每個元素使用逗號分隔開。列表的常見操作(1) 元素的切片

python---django中orm的使用（3）admin配置與使用

pro field 管理 self settings logs ring web try 新建項目，並開啟 python manage.py runserver 8080 訪問admin頁面 http://127.0.0.1:8080/admin 此時並沒有賬號和

老王Python-進階篇4-異常處理1.3（周末習題）

調用 page eve sage urn put not name bject 一編寫with操作類Fileinfo()，定義__enter__和__exit__方法。完成功能： 1.1 在__enter__方法裏打開Fileinfo(filename)，並且返回file

Python Django 集成Redis Sentinel（哨兵）集群開發秒殺系統

django nginx redis集群 sentinel集群 gunicorn django 我們知道秒殺系統最大特點是瞬時高並發、高訪問量的系統。我們還要保證它的高可用性。這裏我們采用Python Django 集成Redis Sentinel（哨兵）集群開發秒殺系統。 Redis S

python---django中orm的使用（4）字段，參數（on_delete重點）補充

protect 設置 lean 速度 str through 存在也會 ren 1.索引：普通索引：加快查找速度唯一索引：加快查找速度，唯一約束主鍵索引：加快查找速度，唯一索引，不為空 class UserInfo(models.Model): user

西遊之路——python全棧——django中orm的使用（2） python---django中orm的使用（1）

目錄 1.基於物件的正向查詢和反向查詢在python---django中orm的使用（1）中也提到了正向和反向查詢表：一對多書籍和出版社 1 class Book(models.Model): 2 title

## Python 3.6.3（anaconda內建）Anaconda安裝步驟以及TensorFlow安裝步驟

這是我已經下載好的32位和64位anaconda32，如果有需要可以用我分享的百度網盤地址進行下載哦~~~ 連結：https://pan.baidu.com/s/1WpsOVzGaxMisfWt2ofplDA 密碼：pm5q anaconda安裝步驟雙擊下載

python中的關鍵字---3（內建函式）

內建函式 # 1 range(起始位置,終止位置,步長) # range(終止位置) # range(起始,終止位置) # range(起始,終止,步長) # range(5) [0,4] [0,5) # range(1,5) [1,4] [1,5) # rang

OpenCV 3計算機視覺 Python語言實現(第2版)（含示例程式碼）PDF

OpenCV 3計算機視覺 Python語言實現(第2版)（含示例程式碼）建議購買正版，支援作者完整pdf下載百度網盤連結：https://pan.baidu.com/s/1kUYNN66nsVWBB5Y5cZ06kw 提取碼：u7nv 原始碼下載地址完整專案

python基礎--函式3（all，any）

測試程式碼： #all,any >>> slist=['c','java'] >>> all(slist) True >>> slist2=[] >>> all(slist2) True >&g

Python學習16--裝飾器3（裝飾器含引數）

目的：增加裝飾器可以接收的引數 import time def log(flag = ""): def show_time(func): def wrapper(*x): start_time = time.time()

[AI開發]Python+Tensorflow打造自己的計算機視覺API服務

"與其停留在概念理論層面，不如動手去實現一個簡單demo 。" ——魯迅前言目前提供AI開發相關API介面的公司有很多，國外如微軟、谷歌，國內的百度、騰訊等都有開放API介面。開發者只需要呼叫相關介面，幾步就能開發出一個“智慧APP”。通常情況AI

使用 Python 建立你自己的 Shell （上）

我很想知道一個shell（像 bash，csh 等）內部是如何工作的。於是為了滿足自己的好奇心，我使用 Python 實現了一個名為 yosh（Your Own Shell）的 Shell。本文章所介紹的概念也可以應用於其他程式語言。（提示：你可以在這裡

使用 Python 建立你自己的 Shell（下）

上篇中，我們已經建立了一個主迴圈、切分了命令輸入，以及通過fork和exec執行命令。在這部分，我們將會解決剩下的問題。首先，cd test_dir2命令無法修改我們的當前目錄。其次，我們仍無法優雅地從shell中退出。步驟 4：內建命令 “cd

Python-Django-Ajax進階3

中間 form表單 ima png 一道如果請求偽造 for 定義 1 中間件 -是什麽？中間件顧名思義，是介於request與response處理之間的一道處理過程，相對比較輕量級，並且在全局上改變django的輸入與輸出。因為改變的是全局，所以需要謹慎實用，用

Python接口測試實戰3（上）- Python操作數據庫

rest elf passwd 進行自動化 lse 接口測試框架三方 lis 如有任何學習問題，可以添加作者微信：lockingfree 課程目錄 Python接口測試實戰1（上）- 接口測試理論 Python接口測試實戰1（下）- 接口測試工具的使用 Python

Python接口測試實戰3（下）- unittest測試框架

module stream 打開 moudle 解壓 none 寫入報告 use 如有任何學習問題，可以添加作者微信：lockingfree 課程目錄 Python接口測試實戰1（上）- 接口測試理論 Python接口測試實戰1（下）- 接口測試工具的使用 Pytho

Python Django Celery 實現非同步任務（二）使用rabbitmq 作為broker

之前在上一篇文章中Python Celery 實現非同步任務是使用Django預設作為borker （訊息分發），因為升級最新的celery後，不再支援Django作為borker ，所以測試平臺更換為

python django打造自己的喜馬拉雅 3（主頁前端+資料庫）

相關推薦