由于项目开发需要用到React做前端,SSM做后台,由此实现前后端分离开发以方便后期的可能。小项目人少所以得前后端都弄,在学React还是费了点劲,主要是看别人的React完整的项目,了解每一部分可能是干嘛的,然后在详细了解如何写出可以运行的页面,但其实最后开发,还是看着别人的代码,把我要用的东西都提取出来用。。。这是最快速上手的方式了叭。。。
1、安装node.js
看了这篇文章收益匪浅 https://www.cnblogs.com/jztan/p/damonare.html
2、React的初步教程-菜鸟教程
http://www.runoob.com/react/react-install.html
3、React官方教程 https://react.docschina.org/tutorial/tutorial.html
4、腾讯云开发者平台,可提供不同的运行环境 https://www.zhihu.com/question/46794206
操作入门:https://blog.csdn.net/sanyecao502/article/details/83479497
5、npm install 常常会卡住动不了,百度了下大概是外网资源过不来,所以后期我用了淘宝镜像替代,很方便,虽然可能会缺少某些模块但是够用了。
npm install -g cnpm --registry=https://registry.npm.taobao.org
6、前端页面正式启动之后,会发现出现 network error的提示,这个一般是后台没运行,就是你的服务器没开怎么获得资源,所以弄到这里我才真正理解了前后端分离是什么东西,前面搞页面,获取数据时通过某个路径,向服务器请求数据,服务器获取到请求,检测处理,传回数据。
7、前端我是用webstorm,有点像idea所以上手很快,快捷键和idea很像,用的很顺手。
8、webstorm有个检测代码风格的插件eslint,所以操作很烦,可是最后代码风格统一,浏览起来就很舒服。
eslint配置和使用 :https://blog.csdn.net/qq_29329037/article/details/80100450
9、所以这就涉及到了一个跨资源配置的问题,
Tomcat中的Cros Filter跨资源配置问题 :https://blog.csdn.net/mengmengdastyle/article/details/80939609
10、后台代码,犯了个很傻的错误,配置错了war,是看了这篇文章才知道错哪了
https://www.zhihu.com/question/46794206
11、看了一篇前后端分离的文章挺有收货的:https://blog.csdn.net/jimo_lonely/article/details/69357365
12、测试后台代码接口的数据特别有用的工具 postman 我用来测试数据格式以及传回的数据是否合适,有postman插件也有软件,我用的是软件
参考:https://jingyan.baidu.com/article/0f5fb09907e3046d8334ea2f.html
其他就是github的使用,跟项目团队合作的操作,这个我还是记录在git的那一篇叭。
最后,总结一下这几天的收获,是真的蛮多的,不断的学习一些新东西,就好像在探索新大陆。
好好努力叭!加油

本文是作者在使用React做前端,SSM做后台进行项目开发过程中的学习笔记。通过安装node.js、学习React教程、解决npm安装问题、配置CORS以及使用postman测试接口等步骤,作者详细记录了从入门到理解前后端分离的过程,并分享了遇到的问题及解决方案。
&spm=1001.2101.3001.5002&articleId=87897137&d=1&t=3&u=bf6541815a2f4690b10288ab91556e0f)
1万+

被折叠的 条评论
为什么被折叠?



