第四周前后端分离开发笔记

学习笔记：

SPA：单页应用

场景 技术栈 IDE
1.中后台管理系统 1.SpringBoot、vue-cli SPA、ElemenUI 1. WS、VS code、HB
2.H5前端开发 2.vue-cli SPA、npm、建议自己布局手写样式 2. WS、VS code、HB
3.跨端APP开发 3.uni-app、Flutter、RN、cordova(调用底层API) 3.HB、打包成可安装的APP

1.一级路由demo
vue-router-demo

一个Vue的单页应用(一级路由)的脚手架程序构造

1.进入某个目录如D:Vuestudys
2.通过命令创建项目：vue init vue-router-demo1(后几项都选NO)
3.cd 进入vue-router-demo1目录
4.安装依赖：npm install
5.运行npm run dev
6.更改config目录下的index.js文件，将端口改成80
7.进行一级路由配置
App.vue
router文件夹的index.js文件
compoments文件夹创立相应的组件
1.index.vue
2.Message.vue
改造之后变成根主键

后端：
1.RESTful风格APL开发
2.swagger生成在线文档
3.跨域注解方式
3.1 添加依赖
3.2 SpringBootMybatisApplication开启注解
3.3 在配置文件里写配置
http://localhost:8080/swagger-ui.html
前端：
1.vue-cli创建项目
2.vue-router路由配置
3.组件开发（vue文件）
4.引入axios（npm）
4.1 package.json
4.2 npm install
4.3 main.js引入
5.调用后端API实现增删改查功能

个人学习心得：

从开学到现在已经上了四周课了。其实在寒假我就已经提前进入到了许老师发展的寒假小打卡的任务中来，开始学习前端布局的相关知识等。说实话从寒假到现在为止，我的代码水平以及相关知识有了很大的提高，也对编程逐渐起了兴趣，并且我也想弥补一下我大一以及大二上学期的漏洞。因为在大一及大二上学期，我的学习热情并不是很到位，自己的编程基础并不是很到位，对学习也不是很严格要求自己。但是自从寒假开始，我发觉要不在大学这段时间学点东西出来而荒废过去，跟咸鱼也没有什么区别。
对于现在的学习我整体还是可以跟上的，不懂得也会有老师和同学们帮助我为我答疑解惑，我现在感到每天都过得非常充实。这得感谢许老师从寒假一直坚持每天为我们录视频教我们学习，也是许老师督促我们每日坚持小打卡，才让我对一开始把写作业当任务的形式学习而变成了对编程感兴趣的自主学习。我现在的基础可能还不到位，还得继续慢慢加油学习，下面也是我接下来的学习计划：
1.多看多问多学，有事没事可以多了解了解相关知识，从普及基础知识做起。
2.看计算机二级的材料，这学期准备考计算机二级。
3.日常上课听讲整理笔记，不懂就问，多回顾回顾出现问题，下次也方便解决。
4.代码能不复制粘贴就不复制粘贴，多打多练。
...
坚持每天敲代码，只要付出就会有收获，加油！