摘要:序列文章從項目中由淺入深的學(xué)習(xí)微信小程序和快應(yīng)用從項目中由淺入深的學(xué)習(xí)從項目中由淺入深的學(xué)習(xí)前言的出現(xiàn)前端已經(jīng)可以用一把梭從前端寫到后臺。
序列文章
從項目中由淺入深的學(xué)習(xí)vue,微信小程序和快應(yīng)用 (1)
從項目中由淺入深的學(xué)習(xí)react (2)
從項目中由淺入深的學(xué)習(xí)typescript (3)
node.js的出現(xiàn)前端已經(jīng)可以用js一把梭,從前端寫到后臺。1.效果圖
本文從后臺利用node的框架koa+mongodb實現(xiàn)數(shù)據(jù)的增刪改查和注冊接口,前端利用umi + dva +ant-design-pro來實現(xiàn)數(shù)據(jù)渲染。實現(xiàn)一個小全棧project,就是so-easy
react-koa 全棧項目,歡迎star
koa:node框架
koa-bodyparser:解析body的中間件
koa-router :解析router的中間件
mongoose :基于mongdodb的數(shù)據(jù)庫框架,操作數(shù)據(jù)
nodemon:后臺服務(wù)啟動熱更新
├── app // 主項目目錄
│ ├── controllrts // 控制器目錄(數(shù)據(jù)處理)
│ │ └── ... // 各個表對應(yīng)的控制器
│ ├── middleware // 中間件目錄
│ │ └── resFormat.js // 格式化返回值
│ ├── models // 表目錄(數(shù)據(jù)模型)
│ │ ├── course.js // 課程表
│ │ └── user.js // 用戶表
│ └── utils // 工具庫
│ │ ├── formatDate.js // 時間格式化
│ │ └── passport.js // 用戶密碼加密和驗證工具
├── db-template // 數(shù)據(jù)庫導(dǎo)出的 json 文件
├── routes // 路由目錄
│ └── api // 接口目錄
│ │ ├── course_router.js // 課程相關(guān)接口
│ │ └── user_router.js // 用戶相關(guān)接口
├── app.js // 項目入口
└── config.js // 基礎(chǔ)配置信息
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里面修改
API | 作用 |
---|---|
new koa() | 得到koa實例 |
use | koa的屬性,添加中間件 |
context | 將 node 的 request 和 response 對象封裝到單個對象中,每個請求都將創(chuàng)建一個 Context,通過ctx訪問暴露的方法 |
ctx方法 | request:請求主體; response:響應(yīng)主體; ctx.cookies.get:獲取cookie; ctx.throw:拋出異常 |
request屬性 | header:請求頭; method:方法; url:請求url; originalUrl請求原始URL; href:完整URL; hostname:主機名; type:請求頭類型; |
response屬性 | header:響應(yīng)頭; status:狀態(tài),未設(shè)置默認為200或204; body:響應(yīng)主體,string(提示信息) Buffer Stream(流) Object Array JSON-字符串化ull 無內(nèi)容響應(yīng); get:獲取響應(yīng)頭字段; set:設(shè)置響應(yīng)頭; append:添加響應(yīng)頭; type:響應(yīng)類型; lastModified:返回為 Date, 如果存在; etag:設(shè)置緩存 |
API | 作用 |
---|---|
get | get方法 |
post | post方法 |
patch | patch方法 |
delete | delete方法 |
prefix | 配置公共路由路徑 |
use | 將路由分層,同一個實例router中可以配置成不同模塊 |
ctx.params | 獲取動態(tài)路由參數(shù) |
fs | 分割文件 |
API | 作用 |
---|---|
Schema | 數(shù)據(jù)模式,表結(jié)構(gòu)的定義;每個schema會映射到mongodb中的一個collection,它不具備操作數(shù)據(jù)庫的能力 |
model | schema生成的模型,可以對數(shù)據(jù)庫的操作 |
model的操作database方法
API | 方法 |
---|---|
create/save | 創(chuàng)建 |
remove | 移除 |
delete | 刪除一個 |
deleteMany | 刪除多個 |
find | 查找 |
findById | 通過id查找 |
findOne | 找到一個 |
count | 匹配文檔數(shù)量 |
update | 更新 |
updateOne | 更新一個 |
updateMany | 更新多個 |
findOneAndUpdate | 找到一個并更新 |
findByIdAndUpdate | 通過id查找并更新 |
findOneAndRemove | 找到一個并移除 |
replaceOne | 替換一個 |
watch | 監(jiān)聽變化 |
query查詢API
API | 作用 |
---|---|
where | 指定一個 path |
equals | 等于 |
or | 或 |
nor | 不是 |
gt | 大于 |
lt | 小于 |
size | 大小 |
exists | 存在 |
within | 在什么之內(nèi) |
注:Query是通過Model.find()來實例化
aggregate(聚合)API
API | 作用 |
---|---|
append | 追加 |
addFields | 追加文件 |
limit | 限制大小 |
sort | 排序 |
注:aggregate=Model.aggregate()
更多詳細API,請戳
8.react項目詳情從項目中由淺入深的學(xué)習(xí)react
9.總結(jié)一個koa項目就是從koa-bodyparser來解析body,koa-router來分發(fā)和處理接口,mongose來操作database。入門就是so-easy!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/19519.html
摘要:插件開發(fā)前端掘金作者原文地址譯者插件是為應(yīng)用添加全局功能的一種強大而且簡單的方式。提供了與使用掌控異步前端掘金教你使用在行代碼內(nèi)優(yōu)雅的實現(xiàn)文件分片斷點續(xù)傳。 Vue.js 插件開發(fā) - 前端 - 掘金作者:Joshua Bemenderfer原文地址: creating-custom-plugins譯者:jeneser Vue.js插件是為應(yīng)用添加全局功能的一種強大而且簡單的方式。插....
摘要:搭建個人博客很久以來就特別想搭建一個,但是都是由于技術(shù)原因沒有搭建起來。學(xué)習(xí),并對代碼進行重構(gòu)。因為整個博客要完整的從項目構(gòu)建到項目上線的確比較繁瑣,這里只是給想要試試與一個代碼參考。 vue+koa+mongodb 搭建個人博客 很久以來就特別想搭建一個blog,但是都是由于技術(shù)原因沒有搭建起來。以前學(xué)習(xí)github的時候準備采用github與hexo來搭建。但是后來想了一下自己也在...
摘要:為了在項目中更好的使用來完成我們的業(yè)務(wù),我們探究了性能暴力的成因以及如何更加合理的使用。的出現(xiàn)能夠快速的完成系統(tǒng)的開發(fā)于拓展需求。不同的業(yè)務(wù)會導(dǎo)致不同的數(shù)據(jù)庫使用情況。緩存類型根據(jù)情況選擇或高速度也是有代價的。轉(zhuǎn)自初探暴力美學(xué) AUTH:PHILO version:2.0 showImg(http://7viiaq.com1.z0.glb.clouddn.com/u=14409196...
摘要:小練習(xí)作者本文首發(fā)博客功能基于進行登錄,注冊,留言的簡單網(wǎng)站。所以這個小練習(xí),從一個簡單的方面入手,希望能給踩過同樣多坑的同路人一點啟發(fā)。就意味著要重新登錄。的作用是進行進程守護,當你的意外的停止的時候,進行重啟。 Vue+Koa+Mongodb 小練習(xí) 作者: Pawn 本文首發(fā): Pawn博客 功能: 基于vue koa mongodb進行登錄,注冊,留言的簡單網(wǎng)站。 體驗地址: ...
摘要:前言筆者的前端開發(fā)已經(jīng)有些時日了,對于一直保留著最初的恐懼,倘若一座不可跨越的高山,思前想后終于邁出最后一步,踏入了開拓自己視野的新視界,希望在看這篇文章的你可以一起跟我動手嘗試。面向的下一代框架。由團隊打造,特點優(yōu)雅簡潔靈活體積小。 showImg(https://segmentfault.com/img/bVbuorM?w=1514&h=568); 前言 ?????筆者的前端開發(fā)已...
閱讀 3513·2023-04-25 15:52
閱讀 585·2021-11-19 09:40
閱讀 2598·2021-09-26 09:47
閱讀 1031·2021-09-22 15:17
閱讀 3555·2021-08-13 13:25
閱讀 2223·2019-08-30 15:56
閱讀 3468·2019-08-30 13:56
閱讀 2104·2019-08-30 11:27