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