從項目中由淺入深的學習koa 、mongodb(4)

null1145 發布于2019-06-26 18:01 / 3043人閱讀

摘要：序列文章從項目中由淺入深的學習微信小程序和快應用從項目中由淺入深的學習從項目中由淺入深的學習前言的出現前端已經可以用一把梭從前端寫到后臺。

序列文章

從項目中由淺入深的學習vue,微信小程序和快應用 (1)
從項目中由淺入深的學習react (2)
從項目中由淺入深的學習typescript (3)

前言

node.js的出現前端已經可以用js一把梭,從前端寫到后臺。
本文從后臺利用node的框架koa+mongodb實現數據的增刪改查和注冊接口，前端利用umi + dva +ant-design-pro來實現數據渲染。實現一個小全棧project,就是so-easy

1.效果圖

react-koa 全棧項目，歡迎star

2.技術棧

koa：node框架
koa-bodyparser：解析body的中間件
koa-router ：解析router的中間件
mongoose ：基于mongdodb的數據庫框架，操作數據
nodemon：后臺服務啟動熱更新

3.項目目錄

├── app // 主項目目錄
│ ├── controllrts // 控制器目錄（數據處理）
│ │ └── ... // 各個表對應的控制器
│ ├── middleware // 中間件目錄
│ │ └── resFormat.js // 格式化返回值
│ ├── models // 表目錄（數據模型）
│ │ ├── course.js // 課程表
│ │ └── user.js // 用戶表
│ └── utils // 工具庫
│ │ ├── formatDate.js // 時間格式化
│ │ └── passport.js // 用戶密碼加密和驗證工具
├── db-template // 數據庫導出的 json 文件
├── routes // 路由目錄
│ └── api // 接口目錄
│ │ ├── course_router.js // 課程相關接口
│ │ └── user_router.js // 用戶相關接口
├── app.js // 項目入口
└── config.js // 基礎配置信息

4.項目啟動步驟

1.git clone
2.安裝mongodb:http://www.runoob.com/mongodb...
3.安裝 Robomongo是mongodb可視化操作工具 (可選)
4.啟動
cd koa-template
npm run start
cd react-template
npm run start

注意:
mongodb啟動默認端口號是27017,啟動看是否被占用
后端項目端口號是3000,可以在koa-template/config.js里面修改

5.koa的主要API

API	作用
new koa()	得到koa實例
use	koa的屬性,添加中間件
context	將 node 的 request 和 response 對象封裝到單個對象中,每個請求都將創建一個 Context,通過ctx訪問暴露的方法
ctx方法	request:請求主體; response:響應主體; ctx.cookies.get:獲取cookie; ctx.throw:拋出異常
request屬性	header:請求頭; method:方法; url:請求url; originalUrl請求原始URL; href:完整URL; hostname:主機名; type:請求頭類型;
response屬性	header:響應頭; status:狀態,未設置默認為200或204; body:響應主體,string(提示信息) Buffer Stream(流) Object Array JSON-字符串化ull 無內容響應; get:獲取響應頭字段; set:設置響應頭; append:添加響應頭; type:響應類型; lastModified:返回為 Date, 如果存在; etag:設置緩存

6.koa-router主要API

API	作用
get	get方法
post	post方法
patch	patch方法
delete	delete方法
prefix	配置公共路由路徑
use	將路由分層,同一個實例router中可以配置成不同模塊
ctx.params	獲取動態路由參數
fs	分割文件

7.mongoose主要API

API	作用
Schema	數據模式,表結構的定義；每個schema會映射到mongodb中的一個collection，它不具備操作數據庫的能力
model	schema生成的模型，可以對數據庫的操作

model的操作database方法

API	方法
create/save	創建
remove	移除
delete	刪除一個
deleteMany	刪除多個
find	查找
findById	通過id查找
findOne	找到一個
count	匹配文檔數量
update	更新
updateOne	更新一個
updateMany	更新多個
findOneAndUpdate	找到一個并更新
findByIdAndUpdate	通過id查找并更新
findOneAndRemove	找到一個并移除
replaceOne	替換一個
watch	監聽變化

query查詢API

API	作用
where	指定一個 path
equals	等于
or	或
nor	不是
gt	大于
lt	小于
size	大小
exists	存在
within	在什么之內

注:Query是通過Model.find()來實例化
aggregate(聚合)API

API	作用
append	追加
addFields	追加文件
limit	限制大小
sort	排序

注:aggregate=Model.aggregate()

更多詳細API,請戳

8.react項目詳情

從項目中由淺入深的學習react

9.總結

一個koa項目就是從koa-bodyparser來解析body,koa-router來分發和處理接口,mongose來操作database。入門就是so-easy！

云服務器 GPU云服務器 koa+mongodb 從云服務器中獲益的企業深度學習的項目 java項目中的調度

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/19519.html

JavaScript - 收藏集 - 掘金

摘要：插件開發前端掘金作者原文地址譯者插件是為應用添加全局功能的一種強大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內優雅的實現文件分片斷點續傳。 Vue.js 插件開發 - 前端 - 掘金作者：Joshua Bemenderfer原文地址: creating-custom-plugins譯者：jeneser Vue.js插件是為應用添加全局功能的一種強大而且簡單的方式。插....

izhuhaodev 2019-08-21 11:44 評論0 收藏0
vue+koa+mongodb 個人博客

摘要：搭建個人博客很久以來就特別想搭建一個，但是都是由于技術原因沒有搭建起來。學習，并對代碼進行重構。因為整個博客要完整的從項目構建到項目上線的確比較繁瑣，這里只是給想要試試與一個代碼參考。 vue+koa+mongodb 搭建個人博客很久以來就特別想搭建一個blog，但是都是由于技術原因沒有搭建起來。以前學習github的時候準備采用github與hexo來搭建。但是后來想了一下自己也在...

ivan_qhz 2019-06-26 17:49 評論0 收藏0
初探MongoDB：暴力美學

摘要：為了在項目中更好的使用來完成我們的業務，我們探究了性能暴力的成因以及如何更加合理的使用。的出現能夠快速的完成系統的開發于拓展需求。不同的業務會導致不同的數據庫使用情況。緩存類型根據情況選擇或高速度也是有代價的。轉自初探暴力美學 AUTH：PHILO version:2.0 showImg(http://7viiaq.com1.z0.glb.clouddn.com/u=14409196...

yy13818512006 2019-06-26 16:52 評論0 收藏0
Vue+Koa+Mongodb 小練習

摘要：小練習作者本文首發博客功能基于進行登錄，注冊，留言的簡單網站。所以這個小練習，從一個簡單的方面入手，希望能給踩過同樣多坑的同路人一點啟發。就意味著要重新登錄。的作用是進行進程守護，當你的意外的停止的時候，進行重啟。 Vue+Koa+Mongodb 小練習作者： Pawn 本文首發： Pawn博客功能：基于vue koa mongodb進行登錄，注冊，留言的簡單網站。體驗地址： ...

趙春朋 2019-06-26 17:51 評論0 收藏0
適合初學者的koa2+mongodb初體驗

摘要：前言筆者的前端開發已經有些時日了，對于一直保留著最初的恐懼，倘若一座不可跨越的高山，思前想后終于邁出最后一步，踏入了開拓自己視野的新視界，希望在看這篇文章的你可以一起跟我動手嘗試。面向的下一代框架。由團隊打造，特點優雅簡潔靈活體積小。 showImg(https://segmentfault.com/img/bVbuorM?w=1514&h=568); 前言 ?????筆者的前端開發已...

Jacendfeng 2019-08-23 18:20 評論0 收藏0