由於開發vue專案的時候,需要重新搭建專案的架子,比較麻煩,其實之前做過的專案好多都可以直接拿過來用,比如接下來的這個專案,就可以滿足平常的vue單頁面開發.
該專案包括了:全域性配置axios,全域性配置介面集合,切換頁面動畫,全域性配置vuex(其中vuex做的很經典 規範 ,可以參考),頁面請求資料增加loading效果
.
├── build // webpack配置檔案
├── config // 專案打包路徑
├── src // 原始碼目錄
│ ├── api // 介面
│ │ ├── axios.config.js // axios 配置檔案
│ │ └── index.js // 介面集合
│ ├── assets // 資源
│ │ ├── css
│ │ │ └── common.css // 公共樣式檔案
│ │ └── loading.gif // 載入圖
│ ├── components // 元件集合
│ ├── lib // 包括公共方法和陣列等的定義
│ ├── pages // 頁面
│ ├── router
│ │ └── router.js // 路由配置
│ ├── vuex // vuex的狀態管理
│ │ ├── modules // store模組
│ │ │ ├── base.js
│ │ │ ├── carpicker.js
│ │ │ └── user.js
│ │ ├── index.js // 引用vuex,建立store
│ │ └── mutation-types.js // 定義常量muations名
│ └── main.js // 程式入口檔案,載入各種公共元件
├── static // 靜態資源
│ ├── css
│ │ └── reset.css // 重置節點的css
│ └── images //
├── test // 測試部分(暫時未用到)
├── index.html // 入口html檔案
.
由於請求的介面是我們內部使用的,所以大家參考**的結構,使用方法就行,專案結構除了src和static其他都是通用的,可以在此基礎上直接開發,很方便. App完整專案流程
整個專案的流程。有寫的不對的地方,望各位大神多多指教 希望能對剛入坑的童鞋有些許幫助 以下是我們公司專案的整體流程,不足之處,望能多多指教 1 蒐集需求,編寫需求文件。一般大公司這個步驟都是由產品經理或者專案經理去做的,一般小公司,比如我,都是我們程式設計師需要去做的 3 開始寫設計文件 介面設計 ...
vue 2 0完整專案搭建發布與結構分析
基於node環境開發 首先要安裝node,window需要配置node環境變數 node版本盡量6以上 安裝webpack npm install webpack g 安裝vue腳手架 npm install vue cli g 在硬碟上找乙個資料夾放工程用的,在終端中進入該目錄,根據模板建立專案 ...
完整專案基礎架構精簡版 實現許可權管理
這個專案是乙個 或系統開發的基礎 可以正常執行,但沒有實際意義,主要是用來做為實際專案開發時的基礎 在做其他專案開發時可以直接將此 複製乙份進行專案業務的擴充套件,這樣可以節約很多底層設計的時間,可以把精力都放在業務擴充套件上。此專案使用的框架是 springboot springmvc jpa h...