項(xiàng)目文檔結(jié)構(gòu)
- build //自動(dòng)化部署相關(guān)配置
- dist //文件生成目錄（運(yùn)行build之后生成,release到此文件夾）
-- ...
- node_module //自動(dòng)安裝(第三方模塊磺平，包括各種輔助構(gòu)建工具袄友，以及框架)
-- ...
- npmPlugins //npm插件
- src //源碼文件(開發(fā)環(huán)境)
-- assets //靜態(tài)資源(包含UI樣式) 具體查看 ui文檔結(jié)構(gòu)
-- components //組件 具體查看 通用組件文檔結(jié)構(gòu)
-- pages //業(yè)務(wù)模塊 具體查看 業(yè)務(wù)組件文檔結(jié)構(gòu)
-- store //數(shù)據(jù)倉庫以及后端接口 具體查看 狀態(tài)管理組件文檔結(jié)構(gòu)
-- util //工具包 例如swiper
-- app.vue //根組件
-- main.js //入口文件
-- kdweibo.js //云之家api
-- route-config.js //路由配置
- static //靜態(tài)文件
- .babelrc //轉(zhuǎn)化es2015(新版的babel是需要在文件上配置的,如果沒有此文件會(huì)導(dǎo)致webpack-config里面對應(yīng)的配置不生效)
- .editorconfig //編輯器配置文件(例如 縮進(jìn)2格)
- config.js //開發(fā)環(huán)境配置文件
- index.ejs //js模板(暫時(shí)沒用)
- index.html
- package.json //npm 配置
- pro_service.js //臨時(shí)服務(wù)器（暫時(shí)沒用）
- sftp-config.json //ftp 配置
- webpack.cofig.js //webpack配置
<a name="ui"></a>
UI文檔結(jié)構(gòu)
- base
-- base //ui樣式基本庫
-- mixin //常用功能封裝
-- basic.styl
-- mobile.styl
-- basic.styl
-- setArrow.styl
-- setChecked.styl
-- setOnepx.styl
-- text.styl
-- variable //從widget中抽出來的變量，方便以后改動(dòng)
-- themes //樣式主題料仗，可以自行增加
-- ...
-- fn.styl //variable入口文件
-- reset.styl //初始化樣式
-- widget //ui組件樣式庫
-- button
-- calculate
-- calendar
-- cell
-- dialog
-- panel
-- tab
-- ui.styl //widget入口文件状婶，包含所有widget樣式
- index.styl //base入口文件,這里引用到了ui樣式庫和ui組件庫
<a name="common"></a>
通用組件文檔結(jié)構(gòu)
- base.js //基類 包含表單驗(yàn)證
- index.js //引入vue模塊意敛，并且注冊，將注冊后的對象返回
這個(gè)主要是為了將來遷移做的優(yōu)化膛虫，值需要引入這個(gè)文件草姻，不需要再頁面再注冊
例如: 使用button模塊，直接可以這樣寫 <v-button><v-button>
- cell.vue //一個(gè)單元
- cells.vue //一組單元
- cellInput.vue //含有輸入框的單元
- flex-para.vue //隨著文字增多稍刀，字體大小變小
- menu.vue //菜單
- menu-item.vue //菜單item
- number.vue //含有-+數(shù)字
- selectperson.vue //云之家-人員選擇
- swiper.vue //圖片左右滑動(dòng)
- tab.vue //導(dǎo)航欄
- tab-item.vue //導(dǎo)航欄item
- uploader.vue //云盤-上傳圖片
<a name="work"></a>
業(yè)務(wù)組件文檔結(jié)構(gòu)
- apply //報(bào)銷單模塊
-- applylist.vue //我的報(bào)銷
-- edit.vue //新增
-- history.vue //歷史
-- item.vue //明細(xì)
-- nodeline.vue //節(jié)點(diǎn)
-- todolist.vue //我的代辦
-- view.vue //審批
-- workflow.js //工作流模式
- consumption //錄入消費(fèi)明細(xì)模塊
-- bot.vue //底部消費(fèi)信息
-- edit.vue //新增明細(xì)
-- item.vue //明細(xì)
-- list2edit.vue //編輯
-- list2view.vue //審批
-- sum.vue //匯總
-- viewConsump.vue //審批
- demo
- 404.vue
- base.js //自動(dòng)導(dǎo)入組件并注冊
- common.vue //過渡動(dòng)畫模塊
- enums.js //枚舉表
- home.vue //主頁面
- rightManage.vue //人員權(quán)限模塊
- start.vue //為了后續(xù)渲染撩独，阻塞頁面
- sysConf.vue //權(quán)限管理模塊
<a name="store"></a>
store文檔結(jié)構(gòu)
- api //后端接口-api
- modules //Vuex模塊
-- apply.js //報(bào)銷模塊
-- setting.js //權(quán)限管理敞曹、人員管理、admin
-- user.js //登錄用戶信息综膀，userId openId等
-- valid.js //表單驗(yàn)證
- aciton.js //Vuex-aciton
- getter.js //Vuex-getter
- index.js //store入口
- mutation-types.js //Vuex-mutationType