原创 Flask學習總結筆記(7) -- 程序文件組織結構

前面在Flask學習中我們採用了一種簡單的文件夾組織形式。但是對於大型程序而言,將所有的代碼放在一起不是一種明智的選擇。Flask提供了一種藍本(Blueprint)的程序組織方式,可以對大型程序進行模塊化的分割,使得代碼擴展性和

原创 Bootstrap學習總結筆記(13)-- 基本組件之縮略圖

Bootstrap 通過縮略圖爲網站佈局提供了一種簡潔的解決方案。 直接看例子: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8">

原创 Python學習總結筆記(9)-- MySQL數據庫操作之mysql-connector

MySQL數據庫是使用最廣泛的關係型數據庫之一,其性能優良,能夠承受高併發的訪問,非常適合作爲Web應用的後臺數據庫。 0x01 安裝MySQL訪問驅動 Python中操作MySQL數據庫的適配器主要有兩個,一是MySQLdb(即

原创 Bootstrap學習總結筆記(19)-- 基本插件之Popover提示框

Tooltip採用的是hover方式彈出提示框(參見前一篇博客:Bootstrap學習總結筆記(18)– 基本插件之Tooltip提示工具),適合提示內容比較少的情況,要是內容較多,就可以應用Popover提示框。 <!DOCTY

原创 Bootstrap學習總結筆記(14)-- 基本組件之面板

直接看例子: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid

原创 Bootstrap學習總結筆記(23)-- 基本插件之輪播幻燈片

Bootstrap 輪播(Carousel)插件是一種靈活的響應式的向站點添加滑塊的方式。 0x01 基本實例 Bootstrap實現輪播幻燈片的效果,只需要簡單地使用class開發就可以了: <!DOCTYPE html> <h

原创 Bootstrap學習總結筆記(16)-- 基本插件之模態對話框

Bootstrap自帶了很多JQuery插件,給用戶做前端開發提供了很大的方便。對於每一個插件,有2種引用方式:一是單獨引用,即使用Bootstrap的單獨*.js文件,這種方式需要注意的是一些插件和CSS組件可能依賴其他插件,所

原创 Bootstrap學習總結筆記(12)-- 基本組件之分頁

Bootstrap提供了對分頁的良好支持。 0x01 默認的分頁 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta na

原创 Bootstrap學習總結筆記(21)-- 基本插件之按鈕

前面已經介紹過Button的使用。通過button按鈕,我們還能實現一些諸如按鈕狀態控制等形式的交互。 0x01 加載狀態 添加data-loading-text=”Loading…”屬性: <!DOCTYPE html> <ht

原创 Bootstrap學習總結筆記(22)-- 基本插件之摺疊

摺疊(Collapse)插件可以很容易地讓頁面區域摺疊起來。 0x01 例子 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <m

原创 Bootstrap學習總結筆記(18)-- 基本插件之Tooltip提示工具

提示工具(Tooltip)插件根據需求生成內容和標記,默認情況下是把提示工具(Tooltip)放在它們的觸發元素後面。 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta ch

原创 Flask學習總結筆記(3)-- Jinja2模板引擎之一

在MVC架構中,使用模板實現頁面的設計與佈局是一種非常常見的方式,比如PHP的smarty、J2ee的Freemarker和velocity、.NET的velocity.net等。Jinja2是基於python的模板引擎,具有相似

原创 Flask學習總結筆記(6) -- Flask-Moment本地化日期和時間

訪問Web服務的客戶端來自世界各地,服務器需要統一時間單元,這和用戶的地理位置無關。因此一般採用的是世界時間(Coordinated Universal Time,UTC)。不過作爲客戶來說,仍然希望看到的是他處在的當地時間。 有

原创 Flask學習總結筆記(4)-- Jinja2模板引擎之二

Jinja2模板引擎官方文檔詳細介紹了其中的API函數、沙箱、模板設計文檔等,這裏主要就一些常用的知識點進行總結。 0x01 模板基礎 常見的幾種模板語句如下: {%...%} #運行Jinja2的語句; {{…}}

原创 Bootstrap學習總結筆記(15)-- 基本組件之進度條

Bootstrap提供了各式各樣的進度條。 看下面的例子: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name=