原创 MySQL數據庫——表類型(存儲引擎)的選擇

1 MySQL 存儲引擎概述 插件式存儲引擎是 MySQL 數據庫最重要的特性之一,用戶可以根據應用的需要選擇如何存儲和索引數據、是否使用事務等。MySQL 默認支持多種存儲引擎,以適用於不同領域 的數據庫應用需要,用戶可以通過選

原创 MySQL數據庫——查詢數據案例(3)

查詢以特定字符或字符串結尾的記錄 字符’$’匹配以特定字符或者字符串結尾的文本。 【例70】在fruits表中,查詢f_name字段以字母’y’結尾的記錄,SQL語句如下: SELECT * FROM fruits WHERE

原创 MySQL數據庫——數據庫設計概述與範式

1 數據庫設計概述 數據庫設計要求設計人員對數據庫有深入的理解,才能設計出高質量的數據庫。數據庫設計一般分爲6個階段,分別是需求分析、概念數據庫設計、邏輯數據庫設計、物理數據庫設計、數據庫實施、數據庫運行和維護。 (1)需求分析

原创 MySQL數據庫——案例:電子商務網站設計

目錄1、需求分析2、準備工作3、商品分類表4、商品表5、商品規格表6、商品屬性表7、用戶表8、評論表 在瞭解數據庫設計的基本流程、規範以後,爲了學以致用,本節將以電子商務網站爲例,演示如何進行數據庫設計。通過實際操作,加深對數據庫

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作微票兒首頁

製作微票兒首頁 成品效果 階段1:製作微票兒首頁響應導航 需求說明 網頁導航在瀏覽器中居中顯示 使用bootstrap響應式導航佈局微票兒導航,在大於768px的微票兒導航 使用媒體查詢和bootstrap響應式導航實現在小於

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作搜狐新聞選項卡

需求說明 使用選項卡組件佈局這個新聞選項卡的頁面 使用fade和in給選項卡面板設置切換的過渡動畫 使用JavaScript的tab方法來觸發選項卡切換 運行效果 參考代碼 <!DOCTYPE html> <html> <h

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作輪播圖特效

需求說明 使用輪播圖插件佈局網頁的結構和樣式 圖片切換的等待時間是2秒 修改輪播圖的樣式,隱藏左右兩邊的控制箭頭,不過點擊左右兩側原來按鈕的位置依然可以控制圖片切換 運行效果 參考代碼 <!DOCTYPE html> <h

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作百度登錄框

需求說明 使用模態框佈局登錄框的頁面結構和樣式 使用柵格系統佈局登錄的表單內容 通過點擊“登錄”按鈕觸發彈出登錄框。並且彈出的登錄框是小型的 運行效果 參考代碼 <!DOCTYPE html> <html> <head la

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作頁面導航

需求說明 使用無序列表佈局導航結構 使用小圖標組件爲導航項設置相應圖片 使用下拉菜單設置導航項的二級菜單 運行效果 參考代碼1 <!DOCTYPE html> <html> <head> <meta charset=

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作響應式導航條

需求說明 使用響應式導航條佈局頁面 當瀏覽器寬度小於768px時,表單裏的搜索框和按鈕隱藏 點擊icon圖標是用來隱藏的菜單內容出現 運行效果 參考代碼1 <!DOCTYPE html> <html> <head>

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作全國公安機關互聯網管理服務平臺登錄頁面

需求說明 使用container、row等柵格系統的知識佈局網頁結構 使用表單元素製作登錄頁面 使用btn-success製作“搜索”按鈕,用btn-danger製作“登錄”按鈕 運行效果 參考代碼 <!DOCTYPE h

原创 基於HTML5的移動Web應用——Bootstrap 樣式案例:製作美聯英語在線VIP頁面微電影

需求說明 使用container、row等柵格系統的知識佈局響應式的網頁,需要適配中等屏幕、小屏幕、超小屏幕 使用.img-responsive設置響應式圖片,使之適應不同屏幕的終端 使用.img-thumbnail設置圖片形狀

原创 基於HTML5的移動Web應用——移動端頁面佈局和常用事件

目錄流式佈局視口1、理解視口2、移動端的3種視口移動端常用事件1、Touch 事件簡介2、Touch 事件的應用3、過渡和動畫結束事件 流式佈局 在PC端進行網頁製作時,經常使用固定像素並且內容居中的網頁佈局,爲了適應小屏幕的設備

原创 基於HTML5的移動Web應用——文件操作

過去Web程序不能替代桌面程序的一個重要原因就在於瀏覽器對於文件操作API的缺失。照片處理中的裁剪、濾鏡,二維碼的讀取與識別,文檔的查看和編輯等,這些操作無一不依賴文件的操作,HTML5賦予了瀏覽器幾乎和本地程序同等強大的文件操作

原创 MyBatis實現一對一關聯映射

目錄示例:用戶和身份證間關聯示例:用戶和用戶角色關聯經驗 在現實生活中,一對一關聯關係是十分常見的。例如,一個人只能有一個身份證,同時一個身份證也只會對應一個人。 那麼使用MyBatis是怎麼處理這種一對一關聯關係的呢?在前面講解