因為前端代碼之前是一體編寫的，所以為了方便對代碼進行了拆分
之前是這樣的：
為了更加規范，所以拆分成vue、util、store、api等部分：
css：
store:
拆分后的大致界面為：
其實還有點別扭需要后續再調整
38.前端代碼拆分
本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。 如若轉載，請注明出處：http://www.pswp.cn/pingmian/79654.shtml 繁體地址，請注明出處：http://hk.pswp.cn/pingmian/79654.shtml 英文地址，請注明出處：http://en.pswp.cn/pingmian/79654.shtml
如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！相關文章
tinyrenderer筆記（Shader）
tinyrenderer個人代碼倉庫：tinyrenderer個人練習代碼 前言
現在我們將所有的渲染代碼都放在了 main.cpp 中，然而在 OpenGL 渲染管線中，渲染的核心邏輯是位于 shader 中的，下面是 OpenGL 的渲染管線： 藍色是我們可以自…
LintCode407-加一,LintCode第479題-數組第二大數
第407題:
描述
給定一個非負數，表示一個數字數組，在該數的基礎上1，返回一個新的數組。
該數字按照數位高低進行排列，最高位的數在列表的最前面.
樣例 1：
輸入：[1,2,3]
輸出：[1,2,4]
樣例 …
SMT貼片鋼網精密設計與制造要點解析
內容概要
SMT貼片鋼網作為電子組裝工藝的核心載體，其設計與制造質量直接影響焊膏印刷精度及產品良率。本文系統梳理了鋼網全生命周期中的15項關鍵技術指標，從材料選擇、結構設計到工藝控制構建完整技術框架。核心要點涵蓋激光切割精度的微米級調控、開口…
OpenCV進階操作：角點檢測
文章目錄 一、角點檢測1、定義2、檢測流程1）輸入圖像2）圖像預處理3）特征提取4）角點檢測5）角點定位和標記6）角點篩選或后處理（可選）7）輸出結果 二、Harris 角點檢測&#…
江蘇正力新能Verify認知能力測評筆試已通知 | SHL測評題庫預測題 | 華東同舟求職講求職
江蘇正力新能入職筆試通知，Verify（認知能力測評），用時約46分鐘，其中正式測試部分計時36分鐘；時間到了試卷會自動提交，請合理安排答題時間！前面有10分鐘練習時間，可以略過…
【AI知識庫云研發部署】RAGFlow + DeepSeek
可以分成兩臺機器部署，一臺gpu，一臺cpu，cpu的機器運行ragflow的主程序，使用模型時才訪問gpu。當然全部在一臺機器上部署是完全ok的。全文沒有復雜的環境問題
gpu
安裝screen：yum install screen
配置ollama：
下載官方安裝腳本并執行： curl -fsSL https://ollama.co…
Java后端開發day40--異常File
（以下內容全部來自上述課程）
異常
異常：異常就是代表程序出現的問題
1. 異常的分類 1.1 Error
代表的是系統級別的錯誤（屬于嚴重問題） 系統一旦出現問題，sun公司會把這些錯誤封裝成Error對象。 Error…
算法思想之深度優先搜索（DFS）、遞歸以及案例（最多能得到多少克黃金、精準核酸檢測、最富裕的小家庭）
深度優先搜索（DFS）、遞歸 深度優先搜索（Depth First Search，DFS）是一種用于遍歷或搜索樹或圖的算法。在 DFS 算法中，從起始節點開始，沿著一條路徑盡可能深地訪問節點，直到到達葉子節…
Spark，HDFS客戶端操作
hadoop客戶端環境準備
找到資料包路徑下的Windows依賴文件夾，拷貝hadoop-3.1.0到非中文路徑（比如d:\hadoop-3.1.0）
① 打開環境變量 ② 在下方系統變量中新建HADOOP_HOME環境變量,值就是保存hadoop的目錄。 效果如下： ③ 配置Pa…
共享會議室|物聯網解決方案：打造高效、智能的會議空間！
在數字化轉型的浪潮下，企業、園區、公共機構的會議室面臨諸多痛點，如何通過物聯網技術實現會議室資源的智能調度、環境設備的自動化控制以及用戶體驗的全面升級？本文將結合行業實踐與技術方案，探討基于物聯網的共享會議室解決方案…
ts bug 找不到模塊或相應類型的聲明，@符有紅色波浪線
解決方法：在env.d.ts文件中添加以下代碼，這段代碼是一個 TypeScript 的聲明文件，用于讓 TypeScript 知道如何處理 Vue 單文件組件（.vue 文件）的導入。
/// <reference types"vite/client" />
// 聲明…
源碼分析)
Android View#post()源碼分析
文章目錄 Android View#post()源碼分析概述onCreate和onResume不能獲取View的寬高post可以獲取View的寬高總結 Android View#post()源碼分析
概述
在 Activity 中，在 onCreate() 和 onResume() 中是無法獲取 View 的寬高，可以通過 View#post() 獲取 Vi…
SecureCrt設置顯示區域橫列數
1. Logical rows //邏輯行調顯示區域高度的 一般超過50就全屏了 2. Logical columns //邏輯列調顯示區域寬度的 3. Scrollback buffer //緩沖區大小
)
最短路徑-Dijkstra算法板子(java)
自己把Dijkstra的板子整理了一下，也方便自己后續做題，在此做個記錄。
Dijkstra基本上都會需要這些變量： dist[]：記錄各個節點到起始節點的最短權值 path[]：記錄各個節點的上一個節點(用來聯系該節點到起始節點的路徑)…
PostgreSQL數據庫的array類型
PostgreSQL數據庫相比其它數據庫，有很多獨有的字段類型。
比如array類型，以下表的pay_by_quarter與schedule兩個字段便是array類型，即數組類型。
CREATE TABLE sal_emp (name text,pay_by_quarter integer[],schedule t…
centos的根目錄占了大量空間怎么辦
問題 當根目錄磁盤不夠時，就必須刪除無用的文件了
上面的，如果刪除/usr 或/var是可以釋放出系統盤的
定位占空間大的文件 經過命令，一層層查哪些是占磁盤的。 du -sh /* | sort -rh | head -n 10 最終排查，是有個系統日志占了20…
PostgreSQL存儲過程“多態“實現：同一方法名支持不同參數
引言
在傳統編程語言中，方法重載（同一方法名不同參數）是實現多態的重要手段。但當我們將目光轉向PostgreSQL數據庫時，是否也能在存儲過程（函數）中實現類似的功能？本文將深入探討PostgreSQL中如…