Java輕量級類隔離框架 SOFAArk Project v2.3.0
42.5MB / 01-19
SpringBlade微服務(wù)開發(fā)平臺 v4.4.0
197KB / 01-30
Diboot輕代碼開發(fā)平臺 v2.11.0
1.3MB / 07-20
RuoYi-activiti工作流平臺源碼 v4.1
24.79MB / 07-19
RuoYi若依權(quán)限管理系統(tǒng) v4.7.9
4.12MB / 06-28
Java Struts2漏洞復(fù)現(xiàn)工具
98KB / 06-26
java操作excel的jar包(jxl.jar包 源碼)
610KB / 06-26
springboot整合QuartJob實現(xiàn)定時器實時管理源代碼
29KB / 06-26
SOFABoot開源框架 v3.24.0
587KB / 08-31
基于SSM的應(yīng)急資源管理系統(tǒng)源碼 v1.0
80.7MB / 05-25
-
Pinpoint應(yīng)用性能管理工具 v3.0.2 java源碼 / 18.8MB
-
Presto大數(shù)據(jù)查詢引擎 v0.292 java源碼 / 10.89MB
-
-
-
Zotero文獻管理工具 v7.0.15 java源碼 / 6.8MB
-
Logstash日志管理系統(tǒng) v8.17.4 java源碼 / 18.9MB
-
Mybatis增強工具包(Mybatis plus) v3.5.11 java源碼 / 8.35MB
-
Mall4j商城系統(tǒng) v3.4 java源碼 / 14.2MB
-
Exchangis輕量級數(shù)據(jù)交換平臺 v1.1.7 java源碼 / 14.2MB
-
ReactNative移動開發(fā)工具 v0.78.1 java源碼 / 12.3MB
詳情介紹
本項目前后端分離,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,參考小米商城實現(xiàn)。后端基于Node.js(Koa框架)+Mysql實現(xiàn)。
前端包含了11個頁面:首頁、登錄、注冊、全部商品、商品詳情頁、關(guān)于我們、我的收藏、購物車、訂單結(jié)算頁面、我的訂單以及錯誤處理頁面。
實現(xiàn)了商品的展示、商品分類查詢、關(guān)鍵字搜索商品、商品詳細信息展示、登錄、注冊、用戶購物車、訂單結(jié)算、用戶訂單、用戶收藏列表以及錯誤處理功能。
后端采取了MVC模式,根據(jù)前端需要的數(shù)據(jù)分模塊設(shè)計了相應(yīng)的接口、控制層、數(shù)據(jù)持久層。
技術(shù)棧
前端:Vue+Vue-router+Vuex+Element-ui+Axios
后端:Node.js、Koa框架
數(shù)據(jù)庫:Mysql
功能模塊
登錄
頁面使用了element-ui的Dialog實現(xiàn)彈出蒙版對話框的效果,登錄按鈕設(shè)置在App.vue根組件,通過vuex中的showLogin狀態(tài)控制登錄框是否顯示。
這樣設(shè)計是為了既可以通過點擊頁面中的按鈕登錄,也可以是用戶訪問需要登錄驗證的頁面或后端返回需要驗證登錄的提示后自動彈出登錄框,減少了頁面的跳轉(zhuǎn),簡化用戶操作。
用戶輸入的數(shù)據(jù)往往是不可靠的,所以本項目前后端都對登錄信息進行了校驗,前端基于element-ui的表單校驗方式,自定義了校驗規(guī)則進行校驗。
注冊
頁面同樣使用了element-ui的Dialog實現(xiàn)彈出蒙版對話框的效果,注冊按鈕設(shè)置在App.vue根組件,通過父子組件傳值控制注冊框是否顯示。
用戶輸入的數(shù)據(jù)往往是不可靠的,所以本項目前后端同樣都對注冊信息進行了校驗,前端基于element-ui的表單校驗方式,自定義了校驗規(guī)則進行校驗。
首頁
首頁主要是對商品的展示,有輪播圖展示推薦的商品,分類別對熱門商品進行展示。
全部商品
全部商品頁面集成了全部商品展示、商品分類查詢,以及根據(jù)關(guān)鍵字搜索商品結(jié)果展示。
商品詳情頁
商品詳情頁主要是對某個商品的詳細信息進行展示,用戶可以在這里把喜歡的商品加入購物車或收藏列表。
我的購物車
購物車采用vuex實現(xiàn),頁面效果參考了小米商城的購物車。
詳細實現(xiàn)過程請看:基于Vuex實現(xiàn)小米商城購物車
訂單結(jié)算
用戶在購物車選擇了準(zhǔn)備購買的商品后,點擊“去結(jié)算”按鈕,會來到該頁面。 用戶在這里選擇收貨地址,確認訂單的相關(guān)信息,然后確認購買。
我的收藏
用戶在商品的詳情頁,可以通過點擊加入 喜歡 按鈕,把喜歡的商品加入到收藏列表。
我的訂單
對用戶的所有訂單進行展示。
注意:
后端接口地址已經(jīng)修改為線上的地址,本地運行會直接分為我部署在服務(wù)器的后端。
為了方便測試,數(shù)據(jù)庫數(shù)據(jù)沒有加密,注冊時切記不要使用自己的常用密碼。
如果需要自己運行后端,請移步到store-server clone后端項目,并修改前端的接口地址為您的服務(wù)器地址。
下載地址
人氣源碼
若依后臺管理系統(tǒng) RuoYi v4.7.8
CryptoJS加密庫(crypto.js) v4.2.0
JetLinks開源物聯(lián)網(wǎng)平臺源碼 v2.2.0
Jeepay開源支付系統(tǒng) v2.4.0
JSH_ERP 開源版J2EE進銷存系統(tǒng)代碼源碼 v1.0.2
QQ 聊天機器人小薇(XiaoV) v2.2.2
ECharts JavaScript圖表庫 v5.6.0
因酷時代(inxedu)在線教育系統(tǒng) V2.0.6
Javashop B2C開源電商系統(tǒng) v6.3.2
iBizEAM開源設(shè)備資產(chǎn)管理系統(tǒng)源碼 v1.0
相關(guān)文章
-
Java輕量級類隔離框架 SOFAArk Project v2.3.0
SOFAArk 是一款基于 Java 實現(xiàn)的動態(tài)熱部署和輕量級類隔離框架,由螞蟻集團開源貢獻,主要提供應(yīng)用模塊的動態(tài)熱部署和類隔離能力。歡迎需要的朋友下載使用...
-
SpringBlade微服務(wù)開發(fā)平臺 v4.4.0
SpringBlade 是一個由商業(yè)級項目升級優(yōu)化而來的SpringCloud分布式微服務(wù)架構(gòu)、SpringBoot單體式微服務(wù)架構(gòu)并存的綜合型項目,采用Java8 API重構(gòu)了業(yè)務(wù)代碼,完全遵循阿里巴...
-
Diboot輕代碼開發(fā)平臺 v2.11.0
Diboot輕代碼開發(fā)平臺是一個面向開發(fā)人員的低代碼開發(fā)平臺,將重復(fù)性的工作自動化,提高質(zhì)量、效率、可維護性...
-
RuoYi-activiti工作流平臺源碼 v4.1
RuoYi-activiti是一款以若依開源權(quán)限管理系統(tǒng)為基礎(chǔ)開發(fā)平臺并集成了activiti框架完成的工作流系統(tǒng),旨在打造集流程設(shè)計、流程部署、流程執(zhí)行、任務(wù)辦理、流程監(jiān)控于一體的...
-
RuoYi若依權(quán)限管理系統(tǒng) v4.7.9
RuoYi若依權(quán)限管理系統(tǒng)是一個基于SpringBoot的權(quán)限管理系統(tǒng),代碼易讀易懂、界面簡潔美觀, 核心技術(shù)采用Spring、MyBatis、Shiro沒有任何其它重度依賴,喜歡的朋友快來下載...
-
Java Struts2漏洞復(fù)現(xiàn)工具
今天給大家分享Java Struts2漏洞復(fù)現(xiàn)工具,喜歡的朋友快來下載體驗吧...
-
java操作excel的jar包(jxl.jar包 源碼)
jxl.jar是通過java操作excel表格的工具類庫,能夠修飾單元格屬性,是由java語言開發(fā)而成的,接下來通過本文給大家介紹java操作excel的jar包(jxl.jar包 源碼),喜歡的朋友快...
-
springboot整合QuartJob實現(xiàn)定時器實時管理源代碼
Quartz是一個完全由java編寫的開源作業(yè)調(diào)度框架,形式簡易,功能強大,,下面給大家分享springboot整合QuartJob實現(xiàn)定時器實時管理源代碼,感興趣的朋友快來下載體驗吧...
-
SOFABoot開源框架 v3.24.0
SOFABoot 是螞蟻集團開源的基于 Spring Boot 的研發(fā)框架,它在 Spring Boot 的基礎(chǔ)上,提供了諸如 Readiness Check,上下文隔離,類隔離,日志空間隔離等等能力...
-
基于SSM的應(yīng)急資源管理系統(tǒng)源碼 v1.0
應(yīng)急資源管理系統(tǒng)用的是是比較流行的SSM和前端JSP技術(shù),用它來創(chuàng)建使用腳本語言,結(jié)合HTML代碼來制作動態(tài) 網(wǎng)頁,歡迎需要的朋友下載使用...
下載聲明
☉ 解壓密碼:www.dbjr.com.cn 就是本站主域名,希望大家看清楚,[ 分享碼的獲取方法 ]可以參考這篇文章
☉ 推薦使用 [ 迅雷 ] 下載,使用 [ WinRAR v5 ] 以上版本解壓本站軟件。
☉ 如果這個軟件總是不能下載的請在評論中留言,我們會盡快修復(fù),謝謝!
☉ 下載本站資源,如果服務(wù)器暫不能下載請過一段時間重試!或者多試試幾個下載地址
☉ 如果遇到什么問題,請評論留言,我們定會解決問題,謝謝大家支持!
☉ 本站提供的一些商業(yè)軟件是供學(xué)習(xí)研究之用,如用于商業(yè)用途,請購買正版。
☉ 本站提供的store-server高仿小米商城 v1.0 后端資源來源互聯(lián)網(wǎng),版權(quán)歸該下載資源的合法擁有者所有。