原创 Web框架 Flask 之 Jinja2 模板引擎

文章目錄渲染模板傳遞參數到模板中過濾器模板語法變量註釋控制結構forif模板繼承包含參考資料 渲染模板 在 Python 內部生成 HTML 不好玩,且相當笨拙。因爲你必須自己負責 HTML 轉義,來確保應用的安全。因此,Flas

原创 BUG 小記:Flask使用自定義裝飾器

問題描述 Flask Web 項目,遇到一個需求: 部分視圖,只有已經登錄的用戶才能訪問,如果用戶訪問時沒有登錄,則會重定向到登錄頁面。 手動爲每個視圖函數添加判讀語句太過繁瑣,遂決定使用裝飾器實現這個功能,代碼大概如下所示:

原创 Web 框架 Flask 入門

Flask 是一個使用 Python編寫的輕量級 Web 應用框架,只提供了 Web 框架的核心功能,相較於其它的框架來說更加靈活,自由,更加適合開發高度定製化的項目。 其 WSGI 工具箱採用 Werkzeug,模板引擎則使用

原创 Web框架 Flask 之 請求方式 & 會話

常見的請求方式 GET : 頁面的默認請求方式,請求的數據是以明文的形式放在路由上面,以 ? 開頭的鍵值對,中間以 & 連接多個參數 POST : 請求的數據隱藏發送的,安全係數高,通常用來向服務器提交數據 請求對象 Flas

原创 Web框架 Flask 之 路由

Flask 會根據 HTTP 請求的 URL 在路由表中和定義好的路由進行匹配,然後找到對應的函數處理這個請求。 這個過程中需要保存一個 URL 到函數的映射關係,我們把這個映射關係及處理請求的函數之間的關係稱爲 路由 路由綁定

原创 從零到一,Bootstarp框架常用模塊簡介

文章目錄Bootstrap 簡介柵格系統柵格參數基本的網格結構導航欄標籤頁面板表單輸入框組表格列表組分頁縮略圖模態框輪播圖圖標參考文檔 Bootstrap 簡介 Bootstrap 是最受歡迎的響應式、移動設備優先的門戶和應用前端

原创 jQuery 基本使用,看這裏就對了!

文章目錄jQuery 簡介jQuery 版本下載 jQuery替代方案查看當前 jQuery 版本$ 符號jQuery 選擇器樣式操作返回 css 屬性設置 css 屬性設置多個 css 屬性DOM 操作內容操作屬性操作創建元素添

原创 還沒搞懂 JavaScript DOM 嗎 進來看看吧

什麼是 DOM 什麼是 HTML DOM DOM 操作 HTML DOM 節點 Document 對象 常用屬性 獲取元素 Element對象 基本屬性 屬性修改 節點操作 樣式操作 文本操作 元素/節點 增刪

原创 你真的瞭解嗎? CSS 溢出 & 浮動 & 定位

文章目錄overflowfloat文檔流浮動特性阻止浮動父元素佔據空間Positionstaticrelative , absolute , fixedrelativeabsolutefixedsticky overflow ov

原创 JavaScript 流程控制 & 函數 & 對象

文章目錄流程控制判斷語句if 語句switch 語句循環語句for循環while循環break & continue函數普通函數arguments默認參數匿名函數自運行函數對象對象的定義對象的屬性對象方法this關鍵字 流程控制

原创 HTML 塊級元素 & 行內元素 & 可替換元素

文章目錄HTML 元素分類塊級元素 & 行內元素可替換元素display HTML 元素分類 爲了更好的進行 CSS 樣式佈局,HTML 元素可以分爲兩類: 塊級元素 和 行內元素 塊級元素 & 行內元素 常見的塊級元素: div

原创 CSS 框模型詳解

文章目錄CSS 盒子模型(Box Model)元素的寬度和高度內邊距外邊距外邊距自動合併 CSS 盒子模型(Box Model) 所有的 HTML 元素可以看作盒子 CSS 盒模型本質上是一個盒子,封裝周圍的 HTML 元素,包括

原创 Git筆記(2):Git 默認配置

文章目錄初始化配置配置用戶信息配置代理配置http代理配置ssh代理查看配置信息ssh配置生成SSH密鑰添加密鑰到 ssh-agentGitHub 添加公鑰 初始化配置 配置用戶信息 安裝完 Git 之後,要做的第一件事就是設置你

原创 CSS 樣式常用屬性

文章目錄CSS 顏色背景屬性字體屬性文本屬性邊框屬性 CSS 顏色 CSS 的顏色可以通過以下方法指定: 十六進制顏色 p { background-color: #ff0000; } RGB顏色 p { bac

原创 CSS 選擇器 傻傻分不清 , 看這些就夠了!

文章目錄CSSCSS 誕生CSS 語法HTML 嵌入 CSS 樣式行內樣式內嵌式鏈接式@import導入CSS 選擇器元素選擇器id 選擇器class 選擇器屬性選擇器後代選擇器子代選擇器兄弟選擇器僞類選擇器僞元素選擇器選擇器優先