前后端项目入门

一份关于前后端的自学指南

前言

目标是建成下面视频中的项目：

带你从0搭建一个Springboot+vue前后端分离项目

尽量把里面一些技术栈分离出来，前端可以只看vue相关的教程，后端只有springboot教程。

建议在具有vue的基础后，边看上面的视频边学习下面的教程边自己写项目，有不会的地方，可以优先看下面的教程，再去自己百度或者谷歌找答案。

只要能看完上面教程的第5p，就已经基本大概可能可以写出一个前端的项目了。

基础

前端三剑客：html，css，js

目标：掌握基础的语法和用法

视频：油管最火 Web 前端教程【优质双语熟肉】

内容：看到15p即可

vue.js入门

目标：学习vue.js嵌入html中的用法，理解vue的设计

视频：黑马程序员vue前端基础教程

内容：看到17p就会vue语法了

MySQL安装

安装mysql，8.0可能报错，解决方法在下方

安装视频：https://www.bilibili.com/video/BV1NJ411J79W?p=3&spm_id_from=pageDriver

重置密码：https://blog.csdn.net/m0_46278037/article/details/113923726

学习Mysql

目标：掌握基本的sql语句，增删改查等

视频：https://www.bilibili.com/video/BV1NJ411J79W

内容：看到36p即可，

了解spring

目标：了解spring思想以及spring中注解的使用

视频：https://www.bilibili.com/video/BV1zJ411A75g

内容：看1-9p，了解bean；看38p，知道autowired注解，有需要接着往下看。

jdbc教程

目标：使用springboot框架连接并操作数据库

视频：https://www.bilibili.com/video/BV1zv41157NC

内容：不要超过37p，知道如何让Java执行sql语句即可

了解HTTP请求

目标：知道request的method中有这些东西就行

文章：

https://blog.csdn.net/u014209205/article/details/81205062

https://www.cnblogs.com/testcoffee/p/6295970.html

get和post的区别

了解spring中的注解

目标：知道这些注解的作用，并能够在springboot项目的controller层中运用。

@responseBody：https://blog.csdn.net/originations/article/details/89492884

@restController：https://www.cnblogs.com/yaqee/p/11256047.html

了解get和post：

controller中每个方法，都是为了解决一个需求，比如login，比如修改数据后的save。

@repository：https://blog.csdn.net/qq_40943786/article/details/80966170

@postmapping：https://www.jdon.com/springboot/requestmap.html

实际操作

在做视频开头的项目时，下面这些关于vue的技术必须得会。

vue的路由

目标：知道vue如何进行跳转

视频：https://www.bilibili.com/video/BV1bV411r7mg

内容：至少看到12p

vuex的使用

目标：掌握vuex的基本使用

视频：https://www.bilibili.com/video/BV1h7411N7bg

内容：至少看到12p

vue登陆组件数据验证

目标：学会为表单中的数据提供校验

视频：

简单的数据校验

自定义规则

登陆跳转功能实现

前端存储后端返回的token并跳转

路由导航守卫

使用jdbc返回封装好的对象

目标：利用mapper自动封装查询结果

文章：

https://www.cnblogs.com/gongxr/p/8053010.html

https://blog.csdn.net/weixin_51311218/article/details/115753735