后臺(tái)管理vue全家桶
服務(wù)端: express+mongodb
后臺(tái)管理
"dependencies": {
"axios": "^0.19.0",
"core-js": "^3.3.2",
"element-ui": "^2.4.5",
"vue": "^2.6.10",
"vue-router": "^3.1.3"
}
-
src/assets目錄是放頁(yè)面css,img等資源的地方
static是整個(gè)項(xiàng)目根的資源 -
vue-router:當(dāng)采用路徑參數(shù)/:id這種情況時(shí),可以配置props: true,將參數(shù)與路徑解耦(具體用法參照) - 新版的
vue-cli添加插件或依賴可以使用vue add xxx,vue add 的設(shè)計(jì)意圖是為了安裝和調(diào)用 Vue CLI 插件(注意是vue cli)蕴纳。這不意味著替換掉普通的 npm 包欢揖。對(duì)于這些普通的 npm 包，你仍然需要選用包管理器。 - 在編寫頁(yè)面的時(shí)候注意是否可以復(fù)用整個(gè)頁(yè)面級(jí)別,比如說(shuō)用參數(shù)進(jìn)行判斷新建和編輯頁(yè)面
服務(wù)端
"dependencies": {
"cors": "^2.8.5",
"express": "^5.0.0-alpha.7",
"inflection": "^1.12.0",
"mongoose": "^5.7.7",
"multer": "^1.4.2"
}
采用nodemon來(lái)守護(hù)進(jìn)程, 使用mongoose連接本地27017端口,
mongoose的一些語(yǔ)法和API還需要多學(xué)習(xí)一下
express 4.x也是可以采用async/await的
服務(wù)端比較核心的部分是路由,控制器還有模型, 常用的CRUD邏輯基本相同,可以封裝
路由
- 遵守
restful API規(guī)范 -
app.use(express.json()): 提交的params可以轉(zhuǎn)換json格式 -
express.Router({mergeParams: true}): 允許在中間件獲取到req.params
數(shù)據(jù)庫(kù)
- mongdb的概念
- 集合,文檔,字段
- 當(dāng)?shù)谝粋€(gè)文檔插入時(shí),集合就會(huì)被創(chuàng)建
- 數(shù)據(jù)類型
- 默認(rèn)端口:
27017, 比默認(rèn)端口大1000的是web界面28017 - 性能關(guān)鍵索引
高級(jí): 分片,備份,監(jiān)控..
-
mongoose的api-
Schema: 是一個(gè)集合的骨架,里面定義了數(shù)據(jù)類型 -
model: 由Schema發(fā)布生成的模型,有抽象屬性和行為可以操作數(shù)據(jù)庫(kù) -
entity: 由model生成的實(shí)例,也可以操作數(shù)據(jù)庫(kù)
-
