資訊專欄INFORMATION COLUMN
摘要：項目地址基于這個項目，你可以了解到前后端分離的實踐如何搭配例如編寫基本的接口，枚舉泛型例如使用第三方包如何編寫如何擴展對象服務(wù)端渲染如何通過中間層做服務(wù)端渲染如何在服務(wù)端渲染時向注入數(shù)據(jù)如何避免服務(wù)端已經(jīng)調(diào)用的接口，在瀏覽器端重
RyanCMS
項目地址 https://github.com/m-Ryan/RyanCMS
基于這個項目，你可以了解到
前后端分離的實踐
react如何搭配typeScript
- 例如編寫基本的接口，枚舉、泛型 - 例如使用第三方包如何編寫d.ts,如何擴展window對象
react服務(wù)端渲染
- 如何通過nodejs中間層做服務(wù)端渲染 - 如何在服務(wù)端渲染時向redux注入數(shù)據(jù) - 如何避免服務(wù)端已經(jīng)調(diào)用的接口，在瀏覽器端重復(fù)調(diào)用
一種簡單易用的redux模型
這樣的redux模型你用過沒
只要這樣調(diào)用
裝飾器的一些妙用
例如編寫一個autobind 綁定react中的this
例如編寫一個catchError 捕獲錯誤
例如編寫一個loading 設(shè)置加載狀態(tài)等等
寫一個webpack插件動態(tài)設(shè)置主題顏色
項目地址 http://cms.maocanhua.cn
項目演示地址 http://cms.maocanhua.cn/u/Ryan
如何使用
git clone [email protected]:m-Ryan/RyanCMS.git
在 backend下新建一個文件夾config，在下面新建 ormconfig.json
里面的內(nèi)容大概是這樣
{
"type": "mysql",
"host": "localhost",
"port": 3306,
"username": "root",
"password": "******",
"database": "cms",
"entities": [
"src/**/**.entity{.ts,.js}"
],
"synchronize": true,
"cache": true,
"logging": false
}
首次使用請先安裝依賴
切換到 backend，npm install 或者 yarn
切換到 fontend，npm install 或者 yarn
1.切換到 backend
yarn start => 本地開發(fā)
2.切換到 fontend
yarn start => 本地開發(fā)
打開 http://localhost:3000/ 即可預(yù)覽
服務(wù)端渲染3.切換到 backend
yarn start => 本地開發(fā)
4.切換到 fontend
yarn build => 編譯前端代碼
yarn server:start => 本地開發(fā)，使用nodejs中間層
打開 http://localhost:3100/ 即可預(yù)覽
獨立域名綁定5.如果不想搭博客，又想在自己的域名下有個博客，可以配置nginx映射到綁定域名下，例如 我想綁定到 www.maocanhua.cn
1- 綁定獨立域名
2- 配置nginx
server {
listen 80;
server_name www.maocanhua.cn;
location /api {
proxy_pass http://cms.maocanhua.cn;
}
location / {
proxy_set_header ACCEPT-HOST $host;
proxy_pass http://cms.maocanhua.cn/domain/;
}
}
3- 打開綁定的域名，如果能正常訪問，即配置成功
如果你喜歡或者對你有幫助，不妨給我個star或者fork一下吧??
部分頁面文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/102906.html
摘要：怎么影響了我的思考方式對前端開發(fā)者來說，能強化了面向接口編程這一理念。使用的過程就是在加深理解的過程，確實面向接口編程天然和靜態(tài)類型更為親密。摘要： 學(xué)會TS思考方式。 原文：TypeScript - 一種思維方式 作者：zhangwang Fundebug經(jīng)授權(quán)轉(zhuǎn)載，版權(quán)歸原作者所有。 電影《降臨》中有一個觀點，語言會影響人的思維方式，對于前端工程師來說，使用 typescript 開...
摘要：搭建開發(fā)環(huán)境安裝和命令行工具是提供的替代的工具，可以加速模塊的下載。的命令行工具用于執(zhí)行創(chuàng)建初始化更新項目運行打包服務(wù)等任務(wù)。 typescript是javascript的超集，在javascript的基礎(chǔ)上添加了可選的靜態(tài)類型，非常適合團隊開，這次我們嘗試使用typescript來開發(fā)react-native應(yīng)用。 搭建react-native開發(fā)環(huán)境 安裝yarn和react-na...
摘要：怎么影響了我的思考方式對前端開發(fā)者來說，能強化了面向接口編程這一理念。使用的過程就是在加深理解的過程，確實面向接口編程天然和靜態(tài)類型更為親密。 電影《降臨》中有一個觀點，語言會影響人的思維方式，對于前端工程師來說，使用 typescript 開發(fā)無疑就是在嘗試換一種思維方式做事情。 其實直到最近，我才開始系統(tǒng)的學(xué)習(xí) typescript ，前后大概花了一個月左右的時間。在這之前，我也在...
摘要：原文地址原文作者譯者校對者和其他人有一些關(guān)于比較好的博文，跟隨這些博文，我最近開始使用。今天，我將展示如何從零開始建立一個工程，以及如何使用管理構(gòu)建過程。我也將陳述關(guān)于的第一印象，尤其是使用和。 原文地址：Getting started with TypeScript and React 原文作者：Jack_Franklin 譯者：luxj 校對者：veizz Tom Dale...
閱讀 1179·2021-11-22 15:24
閱讀 4460·2021-09-23 11:51
閱讀 2320·2021-09-08 09:36
閱讀 3529·2019-08-30 15:43
閱讀 1308·2019-08-30 13:01
閱讀 1127·2019-08-30 12:48
閱讀 547·2019-08-29 12:52
閱讀 3381·2019-08-29 12:41
