原创 購物商城系統設計與實現總結_購物車

用戶進入購物車頁面對其進行查看和管理。系統在商品詳情頁提供了加入購物車按鈕,用戶在瀏覽時遇到自己心儀的商品,但又暫時不想購買或猶豫不決,可以將其加入購物車以便二次查詢。 在購物車裏中點擊商品可以進入對應商品詳情頁再次瀏覽,除此之外還提供了

原创 購物商城系統設計與實現總結_註冊功能的實現

用戶點擊註冊按鈕會跳轉註冊界面,按照系統提示要求,填寫用戶名、密碼和一些非必填的個人信息以及驗證碼後,點擊註冊按鈕即可進行註冊。各輸入框中會有輸入提示,並且輸入框在失焦時就會立即進行判斷填寫內容是否符合提示要求。在輸入不符合要求時,有錯誤

原创 購物商城系統設計與實現總結_商品列表展示頁的實現

商品分類展示頁面和關鍵字搜索所顯示的商品頁面,只是傳入的信息不同,重複調用了相同的子組件。子組件爲商品列表組件和詳細信息組件,點擊列表頁展示的商品時,跳轉到對應商品詳情頁。列表頁用到的分頁功能單獨製作爲分頁組件,通過父子組件傳值來與商品列

原创 購物商城系統設計與實現總結_商城首頁的實現

用戶從瀏覽器進入商城系統首先展示的是商城首頁,而且我利用了Vue的組件化開發,路由切換即頁面局部渲染的改變。我製作的商城,在切換其他頁面例如詳情頁、購物車時,頭部和尾部都不發生變化,只有中間部分渲染爲對應點擊的內容。 首頁分佈有大部分主要

原创 購物商城系統設計與實現總結_1整體結構

系統設計實現成功的整體回顧總結: 這是一個購物商城的前臺系統,用於用戶註冊登錄後進行瀏覽購物,並通過購物車和個人訂單進行管理。系統前端使用了vue框架,後端利用Express搭建主要進行數據庫操作,通過Axios進行交互,數據庫使用Mys

原创 購物商城系統設計與實現總結_登錄功能的實現

用戶只有登陸系統後才能使用全部功能,例如購物車和個人訂單,否則點擊這些功能都會跳轉到登錄頁面。登陸頁面填寫信息有誤時,都會顯示錯誤提示,可以點擊重置按鈕,將輸入框置空重新輸入。若沒有賬號,可點擊左下角提示文字跳轉到註冊頁面進行註冊。登陸成

原创 C - Bellovin

點擊打開鏈接 Peter has a sequence $a_1,a_2,...,a_n$ and he define a function on the sequence -- $F(a_1,a_2,...,a_n)=(f_1,f_

原创 HTML 學習 img

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initia

原创 vue+express開發,利用axios交互。總結

Vue 響應式數據綁定和組件化開發(單頁應用) Vue是一套用於構建用戶界面的漸進式JavaScript框架。與其它大型框架不同的是,Vue 被設計爲可以自底向上逐層應用。Vue 的核心庫只關注視圖層,方便與第三方庫或既有項目整合

原创 Css 樣式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 HTML 學習 列表

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 HTML 學習 表格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 Css 外鏈式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid

原创 B - Bridging signals

點擊打開鏈接 'Oh no, they've done it again', cries the chief designer at the Waferland chip factory. Once more the routing d

原创 HTML 學習 超鏈接

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid