資訊專欄INFORMATION COLUMN
摘要：開發語言前端前端這里使用，打包工具是后端后端使用的語言依舊是熟悉的，使用搭建后端框架。
前言
作為一名前端開發者，了解一些后端語言，成為半個全棧工程師也是最基本的（23333），就本篇文章，給大家介紹一下我的前后端目錄結構，不喜勿噴，也希望各位給我一些意見，哈哈哈。
開發語言 前端前端這里使用react.js，打包工具是parcel
后端后端使用的語言依舊是熟悉的node.js，使用express搭建后端框架。
數據庫數據庫使用的是mongodb
目錄結構
db 數據庫有關文件
schemas 數據庫的各個collection的映射
user.js 數據庫的user collection的映射
... ... 其他collection的映射
connect.js 連接數據庫
mongoose-db.js 導出可操作數據庫的映射對象
tool
通用工具類（如發郵件等通用操作） ...
public 前端開發文件夾
dist 打包build生成的文件
public 存放入口文件- index.html、網站圖標、生成pwa網站的manifest文件
index.html
xxx.ico
manifest.json
... 其他
src 源代碼文件夾
actions 存放所有actions
index.js 導出所有actions
action_1.js 相關業務的action，名字隨便取的~~
... ....
asset 存放所有靜態文件
xxx.png
xxx.json
... ...
components 存放所有自定義通用組件
index.js 導出所有自定義通用組件
... ... 一系列自己寫的通用組件
constants存放所有action type
index.js 導出所有action type
ActionTypes_1.js
... ...
container 存放主渲染、包含router等配置的js文件
app.js
index.scss
lib 存放所有通用類、http請求類、配置文件
index.js 導出需要的js文件
config.js 配置文件，例如開發模式下的后端接口url，cookie的有效時間等......
cookie.js 自定義cookie的增刪改查操作類
userServer.js 有關用戶業務的http請求類
...其他http請求類的封裝
pages 所有頁面
reducers 所有的reducer
index.js 導出一個包含所有reducer的rootReducer
reducer_1 名字在這里是舉例...
... ...
main.js 入口js文件
.babelrc babel的配置文件
package.json
routes express的所有router
route_1.js
route_2.js
......
service 有關邏輯處理與數據庫的交互
service_1.js
service_2.js
... ...
config.js 有關后端的配置文件，一般包含數據庫連接地址，token認證的秘鑰，token的有效時間，服務運行的端口號等......
index.js node.js 的入口文件
package.json
結語node.js 的后端結構，主要還是采用mvc的模式，但是這里沒有view層，routes即為Controller， schemas 即為Model層，service為服務層（Service），希望能給一些不明白的同行帶來一點靈感，如果有不合理的地方，也希望各位大神指點迷津，哈哈，ok，不說了。
附上項目地址：https://github.com/justwiner/...
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/11902.html
摘要：也就是說，我們需要做一個非單頁應用的工程化項目。現在這個項目的靜態資源是以文件哈希值來控制的。這個該怎么解決呢感謝，我們可以通過如下的配置來實現意思就是如果圖片是在中引用的則不加哈希值，在文件中引入的則加上。 最近金拱門比較火，我們先戳開它的官網看看。 看完后，如果你老板要是讓你做這么一個網站，一定要seo，一定要兼容IE，你會怎么去做呢？ 用vue/react吧，單頁應用滿足不了se...
摘要：前言我是，如果你還不認識我，不妨先看看技術的前世今生一，以及技術的前世今生二前面我提過，我的大哥有一個叫的死黨，這家伙有事沒事經常上我們家串門。時間來到了年，在那前后發生了兩件事讓我印象深刻。傳送門技術的前世今生一技術的前世今生二 前言：我是JavaScript，如果你還不認識我，不妨先看看《Web技術的前世今生（一）》，以及《Web技術的前世今生（二）》 前面我提過，我的大哥HTML...
摘要：為此框架提供了模型功能，方便操作數據庫。請求攔截統一處理所有的請求和響應的，通過配置為頭部增加字段，其內容為，通過配置，當后端接口返回未授權，讓用戶重新登錄。 之前寫過一篇vue初始化項目，構建vuex的后臺管理項目架子，這個structure-admin-web所擁有的功能 接下來，針對structure-admin-web的不足，進行了補充，開發了具有登陸的structure-ad...
閱讀 3684·2021-10-09 09:44
閱讀 3344·2021-09-22 15:29
閱讀 3115·2019-08-30 15:54
閱讀 3018·2019-08-29 16:19
閱讀 2142·2019-08-29 12:50
閱讀 594·2019-08-26 14:04
閱讀 1696·2019-08-23 18:39
閱讀 1344·2019-08-23 17:59
