【前端項目筆記】8 訂單管理

訂單管理

效果展示:
在這里插入圖片描述

在開發功能之前先創建分支order
cls 清屏
git branch 查看所有分支(*代表當前分支)
git checkout -b order 新建分支order
git push -u origin order 將本地的當前分支提交到云端倉庫origin中命名為order

通過路由方式加載訂單列表界面+基礎布局

加載訂單列表界面:
在這里插入圖片描述
在這里插入圖片描述
基礎布局:
面包屑導航區域+卡片視圖區域(搜索區域+Table+分頁)
在這里插入圖片描述

獲取訂單列表的數據

在這里插入圖片描述

渲染訂單的列表數據

在這里插入圖片描述

實現訂單列表的分頁功能

在這里插入圖片描述
在這里插入圖片描述

實現搜索訂單的功能

在這里插入圖片描述
寫法是這樣,但是后臺沒寫模糊搜索接口,無法真正實現

實現修改訂單地址的效果

主要實現省市聯動效果
由于API文檔未提供修改地址的接口,故此處無法實現
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述

在這里插入圖片描述
調整級聯選擇器寬度:
在這里插入圖片描述
效果展示:
在這里插入圖片描述

實現物流進度的查詢

在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
在這里插入圖片描述
bug:但是一點擊查詢物流進度按鈕后臺就崩了
查詢了網上的解決方案黑馬 Vue 電商后臺管理項目中獲取物流地址問題解決方法
在這里插入圖片描述

將物流進度以時間軸的形式展示到物流進度的面板中

在這里插入圖片描述

在這里插入圖片描述
在這里插入圖片描述
效果展示:
在這里插入圖片描述
PS:這個接口每次點開顯示地數據都不同哈哈哈哈哈

提交訂單管理代碼

git branch 查看當前所有分支
git status 查看當前文件狀態
git add . 將所有已修改和添加文件放到暫存區
git commit -m "完成訂單功能的開發" 本地提交代碼到當前分支
本地order代碼提交已完成
git push 將本地當前分支提交到云端
master還是舊代碼
git checkout master 切換到master分支
git merge order 合并order代碼
git push 將master分支推送到云端

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/40552.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/40552.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/40552.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

JAVA 和Python對比

JAVA 和Python對比 1 . 數據類型 python Int,float,complex numbers 都沒有定義到底占用多少個字節空間。都是沒有取值范圍,也沒有無符號的情況。 JAVA JAVA 有基礎數據類型,都有確定占多少個字節 2. 全局變量 python 類似…

基于精益轉型打造醫療電子運營新模式

為了保持競爭優勢并滿足日益增長的客戶需求,許多企業開始探索精益轉型之路,以打造醫療電子運營的新模式。本文,深圳天行健精益管理咨詢公司將從精益轉型的概念、實施策略以及面臨的挑戰等方面,深入探討如何通過精益轉型實現醫療電…

面試問題C++

當你將一個無符號整型(unsigned integer)轉換為一個有符號整型(signed integer)時,具體的值取決于原始無符號整型的值以及目標有符號整型的大小。 轉換規則: 如果無符號整型的值在有符號整型的可表示范圍內(即它小于等于INT_MAX),則轉換后的值將保持不變。如果無符號…

【數據結構】(C語言):堆(二叉樹的應用)

堆: 此處堆為二叉樹的應用,不是計算機中用于管理動態內存的堆。形狀是完全二叉樹。堆分兩種:最大堆,最小堆。最大堆:每個節點比子樹所有節點的數值都大,根節點為最大值。最小堆:每個節點比子樹…

python-opencv多態模板匹配簡單代碼實現

在我實驗過程中發現,這種模板匹配如果不做任何處理只對原有圖像進行匹配的話,好像效果很瓜 貌似是模板是1 那就只能檢測出正常形態下的1,變大或者是 l 都不一定檢測到, 也就是說,只能檢測和模板圖片大小尺寸顏色類別…

docker 安裝 禪道

docker pull hub.zentao.net/app/zentao:20.1.1 sudo docker network create --subnet172.172.172.0/24 zentaonet 使用 8087端口號訪問 使用禪道mysql 映射到3307 sudo docker run \ --name zentao2 \ -p 8087:80 \ -p 3307:3306 \ --networkzentaonet \ --ip 172.172.172.…

電腦錄制視頻的軟件,電腦錄制,4款免費軟件推薦

在數字化時代,電腦錄制視頻的軟件已成為我們日常生活和工作中的得力助手,這些軟件可以幫助我們輕松捕獲到屏幕上的精彩瞬間。但同時市面上的錄制視頻軟件也層出不窮,讓人不知該如何選擇。到底怎樣才能選擇到一款適合自己的錄屏軟件呢&#xf…

【SpringBoot3學習 | 第2篇】SpringBoot3整合+SpringBoot3項目打包運行

文章目錄 一. SpringBoot3 整合 SpringMVC1.1 配置靜態資源位置1.2 自定義攔截器(SpringMVC配置) 二. SpringBoot3 整合 Druid 數據源三. SpringBoot3 整合 Mybatis3.1 Mybatis整合3.2 聲明式事務整合配置3.3 AOP整合配置 四. SpringBoot3 項目打包和運行…

k8s-第二節-常用操作

k8s命令行常用操作 k8s命令行 操作對象時都要前面聲明操作對象類型 kubectl get kubectl describe kubectl delete kubectl edit kubectl logs kubectl exec kubectl port-forward 端口轉發將pod 端口映射出來 kubectl cp 本地文件路徑:容器文件路徑 kubectl apply …

【JS場景題】判斷一個元素是否在可視區域內有哪些方法?

方法一、通過元素的位置信息和滾動條滾動的高度來判斷 前置知識 clientWidth: 元素的內容區域寬度加上左右內邊距寬度。offsetTop: 元素的上外邊框至包含元素的上內邊框之間的像素距離。document.documentElement.clientHeight: 獲取視口高度(不包含滾動…

《Attention Is All You Need》解讀

一、簡介 “Attention Is All You Need” 是一篇由Ashish Vaswani等人在2017年發表的論文,它在自然語言處理領域引入了一種新的架構——Transformer。這個架構現在被廣泛應用于各種任務,如機器翻譯、文本摘要、問答系統等。Transformer模型的核心是“自…

小學vr虛擬課堂教學課件開發打造信息化教學典范

在信息技術的浪潮中,VR技術正以其獨特的魅力與課堂教學深度融合,引領著教育方式的創新與教學方法的變革。這一變革不僅推動了“以教促學”的傳統模式向“自主探索”的新型學習方式轉變,更為學生帶來了全新的學習體驗。 運用信息技術融合VR教學…

深度學習1

1.支持向量機Support Vector Machine(SVM)是一種對數據二分類的線性分類器,目的是尋找一個超平面對樣本進行分割,廣泛應用人像識別,手寫數字識別,生物信息識別。 二維空間分割界是一條直線,在三…

table = collections.defaultdict(list)申請的字典的類型是什么?

當你使用 collections.defaultdict(list) 來申請一個字典時,這個字典的類型是 defaultdict,但是其行為和表現方式在某些方面與普通的字典(dict)相似,主要區別在于它如何處理缺失的鍵。 defaultdict 是 Python 標準庫 …

【基礎篇】第4章 Elasticsearch 查詢與過濾

在Elasticsearch的世界里,高效地從海量數據中檢索出所需信息是其核心價值所在。本章將深入解析查詢與過濾的機制,從基礎查詢到復合查詢,再到全文搜索與分析器的定制,為你揭開數據檢索的神秘面紗。 4.1 基本查詢 4.1.1 Match查詢…

Java操作Excel最佳實踐

Java操作Excel最佳實踐 1、背景描述2、Apache POI簡介3、Java讀取Excel 1、背景描述 2、Apache POI簡介 官網&#xff1a;http://poi.apache.org/index.html 官方文檔&#xff1a;https://poi.apache.org/apidocs/index.html 3、Java讀取Excel 3.1、導入依賴 <dependency…

Qt——升級系列(Level Seven):事件、文件

目錄 Qt事件 事件介紹 事件的處理 按鍵事件 鼠標事件 定時器 事件分發器 事件過濾器 Qt文件 Qt文件概述 輸入輸出設備類 文件讀寫類 文件和目錄信息類 Qt事件 事件介紹 事件是應?程序內部或者外部產?的事情或者動作的統稱。在 Qt 中使??個對象來表??個事件。所有的 Qt …

工商業光伏項目如何快速開發?

一、前期調研與規劃 1、屋頂資源評估&#xff1a;詳細測量屋頂面積、承重能力及朝向&#xff0c;利用光伏業務管理軟件進行日照分析和發電量預測&#xff0c;確保項目可行性。 2、政策與補貼研究&#xff1a;深入了解當地政府對工商業光伏項目的政策支持和補貼情況&#xff0…

Java面試過程中遇到的問題

Java面試過程中遇到的問題 介紹工作經驗項目 介紹項目 為什么選用這個技術 報表服務怎么實現的 java框架 1、spring clound特性&#xff0c;組件有那些以及作用 springCloud是一套微服務組件&#xff0c; 常用的Eureka&#xff0c;Ribbon&#xff0c;Hystrix&#xff0c;Fe…

第三方支付平臺如何完美契合跨境電商?

在全球化的大潮中&#xff0c;跨境電商"Eurasia Boutique"的創始人艾米麗&#xff0c;帶著她的夢想和手工藝品&#xff0c;踏上了進入中國市場的征程。這是一個充滿挑戰和機遇的旅程&#xff0c;艾米麗和她的企業需要面對和解決一系列復雜的問題。 合規的門檻 艾米…