第一个小目标:读取数据库内容,并在页面渲染
一、准备过程
- 安装MySQL并且配置环境
- 准备SpringBoot的编译环境(重新安装IDEA)
- 安装Typora(用来编写博客)
二、实现思路
1、先在本地MySQL创建一个paper数据库,在paper数据库中创建edu_paper数据表,且插入数据(整个过程用cmd命令实现)
2、写一个前端界面(使用vue列表渲染)
3、使用SpringBoot框架编写后端代码,实现接收一个id,返回一个List(现在浏览器里查看是否正确)
4、使用axios连接前后端(向后端发一个请求,将返回的结果渲染在页面上)
三、使用的关键技术
- MySQL数据库
- SpringBoot框架
- Vue框架
- Axios (一个基于 promise 的 HTTP 库)
四、遇到的困难和解决过程
1、MySQL数据库的安装
- 在安装时出了一些问题,卸载又没卸载清楚,导致无法重新下载,在不断尝试后,该问题无法解决,最后下载了版本较低的MySQL,勉强使用。
2、SpringBoot框架第一次接触
- 刚开始看视频学习,配置pom.xml文件时,总是找不到依赖,多次尝试,最后百度解决;
- 遇到一个问题,找不到解决方案,重建项目后问题消失(但是每次重新打开IDEA都会出现这个问题....);
3、axios的学习
- 也是一个完全陌生的东西;
- 遇到过的问题{Access to XMLHttpRequest at ‘http://xxxx.com/xxx’ from origin ‘null’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.}针对这个错误提示,最后在后端接口添加了@CrossOrigin解决;
- 且后端接口接收前端参数使用@RequestParam,最开始使用@Param错误,收不到参数;
五、最终效果
- 后端逻辑不够完善(应用循环实现,以防多重目录嵌套)
- 页面没有美化