【React-SSM】项目开发的学习笔记(总结备忘)

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

由于项目开发需要用到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的那一篇叭。

最后,总结一下这几天的收获,是真的蛮多的,不断的学习一些新东西,就好像在探索新大陆。

好好努力叭!加油

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

多啦CCCC梦

你的鼓励将是我最大的创作动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值