原创 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=