前后端入门：运行smart-admin-master

首先得要有需要的四个软件

第一 jdk

java的下载

进入甲骨文中国Java 软件 | Oracle 中国，下载jdk

往下拉至 java se中，选择oracle jdk

然后选择jdk17，windows，x64 installer下载

下载完后配置环境，【手把手教你 JDK 的安装与环境配置-哔哩哔哩】 https://b23.tv/flSuRYe

使用java --version查看是否配置完成

第二node.js

node.js的下载

进入他们的官网Node.js — Run JavaScript Everywhere (nodejs.org)

然后download 

然后建议别选高版本，直接下就可以了

配置环境 【【2024】Node.js&npm环境变量配置，以及webstorm不能使用npm/npm包的问题的解决方案。-哔哩哔哩】 https://b23.tv/m8TCHJR

用 node -v 和npm -v来查看是否安装成功

第三 mysql

【MySQL 8.0保姆级下载、安装及配置教程（我妈看了都能学会）-哔哩哔哩】 https://b23.tv/SW2TrjA

【MySQL 下载及安装-哔哩哔哩】 https://b23.tv/go0owTq

建议直接两个视频混着一起看

用 mysql --version 查看是否安装成功

第四 idea

进入idea官网IntelliJ IDEA – 领先的 Java 和 Kotlin IDE (jetbrains.com)

进入下载，直接下载

下载完后 下载验证 （略）

第五 redis

Release 5.0.14 · redis/redis · GitHub

一种是压缩包，一种安装程序

运行前后端

拖入项目

先设置idea

打开设置文件编码，将格式调整为utf-8

打开项目结构，将sdk和语言级别设置成同一版本

创建数据库

点击右侧数据库，点击+，选择MySQL

填入你数据库的用户名和密码，他会提醒你下载一个用于连接的插件，下好后点击测试连接

然后配置数据库连接信息，进入sa-common.yaml在datasource上填入自己数据库的账号密码

打开数据库控制台 运行加载数据库

现在还是空表，需要将数据填入

数据库就完成设置了

运行代码

找到主函数，运行

这是运行结果

进入终端找到smart-admin-master\smart-admin-web\javascript-ant-design-vue3下载需要的数据

使用npm install下载，然后再用npm run dev 运行它

然后进入local的网页

输入账号密码即可登录

这样，第一个前后端项目运行就完成了