前后端初学

目录

一.软件下载及环境配置

1.node.js的安装及配置

node.js下载

node.js环境配置

2.jdk的安装及配置

3.mysql的安装及配置

4.idea的安装

5.redis的下载

二、idea的配置

1.文件导入

​编辑

2.idea的设置

1.在设置中找到文件编码，将格式全部改为utf-8

2.更改maven的路径

3.将sdk和语言设置为相同版本

4.创建数据库并连接

5.验证maven是否配置成功

6.找到主函数并运行

三、问题

1.maven配置不完全

2.无法连接到mysql数据库​编辑

3.驱动下载失败

4.运行成功后无法连接网络

5.在登录界面没有验证码

四、对前后端的认识

1.前后端的定义

2.前后端的区别

---

目录

一.软件下载及环境配置

1.node.js的安装及配置

node.js下载

node.js环境配置

2.jdk的安装及配置

3.mysql的安装及配置

4.idea的安装

5.redis的下载

二、idea的配置

1.文件导入

​编辑

2.idea的设置

1.在设置中找到文件编码，将格式全部改为utf-8

2.将maven的路径改为F:\idea\IntelliJ IDEA 2023.3.6\plugins\maven\lib\maven3\conf\settings.xml

3.将sdk和语言设置为相同版本

4.创建数据库并连接

5.验证maven是否配置成功

6.找到主函数并运行

三、问题

1.maven配置不完全

2.无法连接到mysql数据库​编辑

3.驱动下载失败

4.运行成功后无法连接网络

5.在登录界面没有验证码

---

一.软件下载及环境配置

1.node.js的安装及配置

node.js下载

下载地址：https://nodejs.org/zh-cn/download/

​

node.js环境配置

​

系统变量

​

用户变量

​

配置完成后可在命令提示符中验证​

2.jdk的安装及配置

下载地址：Java Downloads | Oracle
​

安装完成后配置环境变量，可借鉴JDK1.8下载与安装（完整图文教程含安装包）_jdk1.8安装包-CSDN博客

3.mysql的安装及配置

安装可查看：

mysql8.0.25安装配置教程(windows 64位)最详细_windows 版 mysql 8.0 配置mysql_native_password身份验证插件的-CSDN博客

配置完成后在命令提示符中验证

4.idea的安装

官方下载地址： IntelliJ IDEA – 领先的 Java 和 Kotlin IDE (jetbrains.com.cn)

直接下载即可

5.redis的下载

安装可查看:Redis下载和安装（Windows系统）_redis windows下载-CSDN博客

安装好后进入文件夹

注：使用过程中不可关闭

二、idea的配置

1.文件导入

后将api（后端）和web（前端）分别拖入idea中

2.idea的设置

1.在设置中找到文件编码，将格式全部改为utf-8

2.更改maven的路径

F:\idea\IntelliJ IDEA 2023.3.6\plugins\maven\lib\maven3\conf\settings.xml

按个人情况进行调整路径的相应位置

3.将sdk和语言设置为相同版本

4.创建数据库并连接

创建完成右键点击属性，输入用户名和密码后测试连接

连接成功后导入数据

注：密码要与本机密码一致，如不同需更该。

5.验证maven是否配置成功

更改位置后需验证，点及最左侧重新加载maven项目检验

6.找到主函数并运行

运行成功

点击链接进入，输入密码和验证码登录

三、问题

1.maven配置不完全

可能原因：1.maven插件不适配

2.更改了路径导致系统无法提取到全部的maven插件

解决办法：把第一次解压的文件全部删除，解压后导入idea中，重新读取一下即可

2.无法连接到mysql数据库

可能原因：1.数据库密码与本机密码不一致

2.未安装连接驱动

3.数据库连接驱动不适配

解决办法：可能1：找到commom中的yaml后缀的文件，将密码改为与本机密码一致即可

可能2：右击点击属性选择驱动程序，找到下图的驱动，查看是否下载该驱动

可能3：找到驱动的位置，全部删除后下载新的驱动

3.驱动下载失败

解决办法：

在同一目录下找到MySQL for 5.1 下载完成后重新下载Microsoft MySQL server即可

4.运行成功后无法连接网络

可能原因：1.前后端未能成功连接

2.后端程序未运行

解决办法：可能1：重新运行后端代码

可能2：打开idea，在api中找到SmartAdminApplication运行后即可

5.在登录界面没有验证码

可能原因：1.未安装redis2.未运行redis

解决办法：可能1：因为Windows不支持redis，可以通过虚拟机

Redis安装教程（vmware虚拟机上）_vmware虚拟机怎么安装redis-CSDN博客

可能2：找到redis的文件夹运行redis-server.exe

四、对前后端的认识

1.前后端的定义

前端狭义上指web前端，在电脑上或者手机上浏览到的一个个页面，用到html、css、js这三类标记语言。广义上指大前端，包括web前端，APP，各类小程序。

后端实现前端的业务逻辑和数据库交互。用java、python等编程语言编写的用于实现逻辑的代码。

2.前后端的区别

2.1运行环境不同

Web前端代码主要在客户端运行；

Web后端代码主要在服务端运行，也可以在云端。

2.2与用户紧密关系不同

前端主要是考虑怎样能让用户觉得用起来更舒服，主要是偏向用户看得见的部分，客户端上浏览web页面，处理各个浏览器平台的兼容和对界面的渲染差异，对UI库的依赖较强；

后端更多的是考虑用户看不到的部分，保证业务逻辑处理数据的严谨，保证用户访问数据吞吐的性能等。

2.3开发人员的区别 

前端开发人员通过使用HTML、CSS和JS等语言和框架把UI设计师设计出来的页面实现出来。

后端开发人员要设计数据库，并实现与数据库有关的增删查改的业务逻辑。例如：

当用户登录时，输入的账号、密码和验证码信息就会从前端传递给后端，后端再使用SQL语言，将数据插入到数据库中，存储下来。这样用户就实现了登录。