資訊專欄INFORMATION COLUMN
摘要：項目地址基于這個項目，你可以了解到前后端分離的實踐如何搭配例如編寫基本的接口，枚舉泛型例如使用第三方包如何編寫如何擴展對象服務端渲染如何通過中間層做服務端渲染如何在服務端渲染時向注入數據如何避免服務端已經調用的接口，在瀏覽器端重
RyanCMS
項目地址 https://github.com/m-Ryan/RyanCMS
基于這個項目，你可以了解到
前后端分離的實踐
react如何搭配typeScript
- 例如編寫基本的接口，枚舉、泛型 - 例如使用第三方包如何編寫d.ts,如何擴展window對象
react服務端渲染
- 如何通過nodejs中間層做服務端渲染 - 如何在服務端渲染時向redux注入數據 - 如何避免服務端已經調用的接口，在瀏覽器端重復調用
一種簡單易用的redux模型
這樣的redux模型你用過沒
只要這樣調用
裝飾器的一些妙用
例如編寫一個autobind 綁定react中的this
例如編寫一個catchError 捕獲錯誤
例如編寫一個loading 設置加載狀態等等
寫一個webpack插件動態設置主題顏色
項目地址 http://cms.maocanhua.cn
項目演示地址 http://cms.maocanhua.cn/u/Ryan
如何使用
git clone git@github.com:m-Ryan/RyanCMS.git
在 backend下新建一個文件夾config，在下面新建 ormconfig.json
里面的內容大概是這樣
{
"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 => 本地開發
2.切換到 fontend
yarn start => 本地開發
打開 http://localhost:3000/ 即可預覽
服務端渲染3.切換到 backend
yarn start => 本地開發
4.切換到 fontend
yarn build => 編譯前端代碼
yarn server:start => 本地開發，使用nodejs中間層
打開 http://localhost:3100/ 即可預覽
獨立域名綁定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一下吧??
部分頁面文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/102906.html
摘要：怎么影響了我的思考方式對前端開發者來說，能強化了面向接口編程這一理念。使用的過程就是在加深理解的過程，確實面向接口編程天然和靜態類型更為親密。摘要： 學會TS思考方式。 原文：TypeScript - 一種思維方式 作者：zhangwang Fundebug經授權轉載，版權歸原作者所有。 電影《降臨》中有一個觀點，語言會影響人的思維方式，對于前端工程師來說，使用 typescript 開...
摘要：搭建開發環境安裝和命令行工具是提供的替代的工具，可以加速模塊的下載。的命令行工具用于執行創建初始化更新項目運行打包服務等任務。 typescript是javascript的超集，在javascript的基礎上添加了可選的靜態類型，非常適合團隊開，這次我們嘗試使用typescript來開發react-native應用。 搭建react-native開發環境 安裝yarn和react-na...
摘要：怎么影響了我的思考方式對前端開發者來說，能強化了面向接口編程這一理念。使用的過程就是在加深理解的過程，確實面向接口編程天然和靜態類型更為親密。 電影《降臨》中有一個觀點，語言會影響人的思維方式，對于前端工程師來說，使用 typescript 開發無疑就是在嘗試換一種思維方式做事情。 其實直到最近，我才開始系統的學習 typescript ，前后大概花了一個月左右的時間。在這之前，我也在...
摘要：原文地址原文作者譯者校對者和其他人有一些關于比較好的博文，跟隨這些博文，我最近開始使用。今天，我將展示如何從零開始建立一個工程，以及如何使用管理構建過程。我也將陳述關于的第一印象，尤其是使用和。 原文地址：Getting started with TypeScript and React 原文作者：Jack_Franklin 譯者：luxj 校對者：veizz Tom Dale...
閱讀 1170·2021-11-22 15:24
閱讀 4445·2021-09-23 11:51
閱讀 2307·2021-09-08 09:36
閱讀 3521·2019-08-30 15:43
閱讀 1301·2019-08-30 13:01
閱讀 1120·2019-08-30 12:48
閱讀 544·2019-08-29 12:52
閱讀 3372·2019-08-29 12:41
