開發規範(一)目錄規範

2021-10-05 20:19:39 字數 1597 閱讀 7796

為提高團隊協作效率,規範檔案管理,方便專案後期維護,提高**質量,特制訂此文件,前端開發人員必須遵照本規範進行前台頁面開發。

|--@root

|--member //業務模組名

|--conf

|--controller //存放控制器

|--veiw //存放頁面

|--basic //pc終端

|--mobile //手機終端

|--index //控制器名

|--index.php //頁面

|--readme.md

|--@root

|--dist //存放編譯後檔案,用於測試

|--dev //存放編譯後檔案,用於開發;詳見**3.靜態檔案輸出目錄**

|--basic

|--mobile

|--libs //第三方外掛程式+

|--tmp //存放在頁面中使用的,一般為可以後台上傳的,頁面呼叫路徑為__public__tmp/

|--index_index //頁面資料夾

|--src //存放原始碼檔案

|--basic

|--mobile //以mobile目錄為例,basic目錄同理

|--common //存放mobile終端下公用檔案

|--images //存放影象檔案

|--css //存放css檔案

|--common.js //js檔案直接存放在common資料夾下

|--index

|--member //業務模組名

|--common//業務公共模組

|--css

|--js

|--index.js

|--index_index //命名規範:控制器名_頁面名(與html檔案命名相同);存放頁面私有檔案

|--images

|--image.png

|--index.css

|--index.js

|--common //跨終端公共元件

|--package.json

|--webpack.config.dist.js //配置原始檔,複製後重新命名為webpack.config.js使用

|--readme.md //專案介紹

webpack自動編譯輸出,除tmp資料夾下可新增外勿在此資料夾下新增任何檔案

|--@root

|--dist //輸出同開發目錄

|--dev

|--basic

|--mobile

|--images //存放

|--member //業務模組名

|--common.min.css

|--index_index.min.css

|--index_index.min.js

|--index_index.min.css.map //.map為原始碼對映檔案,dist目錄下不輸出

|--index_index.min.js.map

|-ensure //非同步載入檔案

開發目錄規範

我們已經學習了模組和包以後,在開發專案就不應該再是麵條版了,應該分檔案,分資料夾,這次就是來說固定的檔案結構,也就是開發目錄規範.1.資料夾的規範寫法 bin 可執行檔案 conf 配置檔案 core 主要業務邏輯 db 資料檔案 lib 庫 公共 第三方模組 log 日誌檔案 readme 說明文...

軟體開發目錄規範

為了提高程式的可讀性與可維護性,我們應該為軟體設計良好的目錄結構,這與規範的編碼風格同等重要,簡而言之就是把軟體 分檔案目錄。假設你要寫乙個atm軟體,你可以按照下面的目錄結構管理你的軟體 atm core src.py 業務核心邏輯 api api.py 介面檔案 db db handle.py ...

軟體開發目錄規範

為了提高程式的可讀性與可維護性,我們應該為軟體設計良好的目錄結構,這與規範的編碼風格同等重要。軟體的目錄規範並無硬性標準,只要清晰可讀即可,假設你的軟體名為foo,筆者推薦目錄結構如下 foo core 存放業務邏輯相關 core.py api 存放介面檔案,介面主要用於為業務邏輯提供資料操作。ap...