Web全栈开发 - 前后端分离[PHP+React] - 学习/实践 - 2021-01-06

1.应用场景

主要用于熟悉全栈开发，前后端分离的开发模式.  这里主要是打通个人做前后端的整体过程~~~， 至今为止， 个人尚未做过从零开始的前后端分离Web项目.

2.学习/操作

1.开发目标： 实现一个简易的单体架构的博客系统，功能如下: // 需求有可能存在不合理， 但这不是本实践的根本目的. 更多关注的是流程的打通 访客： 博客查看 普通用户： 登录注册, 个人博客的curd 管理员： 所有博客的curd   评论系统待定...     2.技术选型： 前端： react[class/hooks] 最新版本 + react-router + redux   后端： laravel 8.x + php 8.0 + nginx-1.19.6 + mysql8.x  // 因为只是非线上项目，暂定使用最新技术   样式方面: 暂时不会很美观~~~~, 着重先实现功能~~~~     3.环境： 开发环境：Windows 10 专业版 / 或将 基于docker开发 线上环境： 华为云HECS  lnmp / 或将使用docker部署测试/运行     4.前端项目 https://github.com/ningxiaofa/full-stack-front-end     5.后端项目 TBD     6.开发阶段前后项目联调 TBD     7.上线操作 TBD     项目参考: https://github.com/search?l=PHP&o=desc&q=前后端&s=updated&type=Repositories https://github.com/ningxiaofa/React-Express-Blog-Demo  // 🔥 React+Express+Mongo ->前后端博客网站 🌚 https://github.com/purple4pur/blog-with-cms // 个人博客，前端 React，后端 php + MariaDB。 https://github.com/pleaseyang/Ity  // 基于laravel + vue的基础后台，前后端分离，欢迎fork＆start，不合理的地方也欢迎批评指正 https://github.com/OldSmokeGun/lumen-vue-admin // 以 vue-element-admin 基础模版为前端页面，lumen 为后端驱动的后台管理   --- 使用 jwt授权和身份认证   后续补充 ...

3.问题/补充

期间遇到的问题 1.如果解决跨域问题? TBD   2.会话管理? TBD

4.参考

https://blog.csdn.net/william_n/article/details/86535460 https://mp.weixin.qq.com/s/Sn59dxwtsEWoj2wdynQuRQ  // Spring Security 结合 Jwt 实现无状态登录 https://blog.csdn.net/william_n/article/details/105518986 https://blog.csdn.net/william_n/article/details/105518954 https://blog.csdn.net/u011727603/article/details/100032878 // 什么是前后端分离 https://blog.csdn.net/weixin_37539378/article/details/79956760 // 前后端分离架构：Web实现前后端分离，前后端解耦 https://blog.csdn.net/qq_43652509/article/details/84064218 // 前后端分离开发具体实现 https://blog.csdn.net/m0_47379359/article/details/105923461 // 如何做一个前后端分离项目     https://github.com/search?l=PHP&o=desc&q=前后端&s=updated&type=Repositories https://github.com/ningxiaofa/React-Express-Blog-Demo  // 🔥 React+Express+Mongo ->前后端博客网站 🌚 https://github.com/purple4pur/blog-with-cms // 个人博客，前端 React，后端 php + MariaDB

后续补充

...