【SmartAdmin 2.X高质量项目运行方式】包含所有软件准备及运行操作步骤

目录

一、项目成果展示：

二、前期准备：

1.jdk(配置环境)  [后端]

（1）下载

（2）环境配置

2.node.js  [前端]

(1)下载

(2)测试安装是否成功

(3).进行node.js 环境配置

 ( 3.1)打开刚才的下载路径，鼠标右键新建两个文件夹，分别命名为 node_cache ,node_global

(3.2)创建完成之后，以管理员身份打开cmd窗口[注意以管理员身份]，并依次执行以下步骤：

（3.3）在系统信息下点击高级系统设置

(3.4)再次打开cmd：（配置nmp的缓存和下载镜像）注意：一个一个分别执行

3.MySQL（数据库）

（1）下载

（2）试运行

4.ideal（java的编译软件）

  (1)下载

（2）破解方法：

三、软件准备阶段易遇到的问题：

1.jdk(配置环境)阶段：

2.node.js(环境配置)阶段：

（1）.在执行npm install -g cnpm 出现如下错误时的解决方法：

四、项目运行操作：

1.idea软件内基础设置：

2.后端配置设置：

3.前端运行：

4.运行结果展示：

五、项目成果收获：

---

一、项目成果展示：

二、前期准备：

1.jdk(配置环境)  [后端]

（1）下载

          地址：https://www.oracle.com/java/technologies/downloads/#java8

（2）环境配置

2.node.js  [前端]

(1)下载

地址：https://nodejs.org/en（以下附下载步骤）

(2)测试安装是否成功

按下【Win+R】键，输入cmd，打开cmd窗口(显示出来的则是下载的版本)

        输入：

node -v
npm -v

(3).进行node.js 环境配置

 ( 3.1)打开刚才的下载路径，鼠标右键新建两个文件夹，分别命名为 node_cache ,node_global

(3.2)创建完成之后，以管理员身份打开cmd窗口[注意以管理员身份]，并依次执行以下步骤：

npm config set prefix "D:\develop\Node.js\node_global"
npm config set cache "D:\develop\Node.js\node_cache"

（3.3）在系统信息下点击高级系统设置

点击环境变量：

(3.4)再次打开cmd：（配置nmp的缓存和下载镜像）注意：一个一个分别执行

npm config set registry https://registry.npm.taobao.org
npm config ls
npm install -g cnpm

执行成功后，可进行检查是否成功（输入cnpm -v）：

cnpm -v

以下状态方为成功：

3.MySQL（数据库）

（1）下载

地址：https://www.mysql.com/downloads/

（2）试运行

4.ideal（java的编译软件）

  (1)下载

此处ideal为网盘版本，需要自取：
链接：https://pan.quark.cn/s/b476a677d620

在我的网盘中包含以上几个文件

最后点击finish就安装成功

（2）破解方法：

1.进行如下操作

2.点击刚才拖拽后的jetbra文件下的scripts文件

点击图示文件，然后操作如下图：

打开idea把这里文件里的代码粘贴进idea 最后点击Activities 破解成功

5.redis（缓存）

        在后续登录界面登录时可能需要验证码，但是验证码更新速度很慢，可以通过下载redis进行解决

redis的下载及简单的使用我已单独放在我的另一个文章点击以下链接便可查看下载方法

（1）下载

Windows安装redis的方法redis的作用及简单使用-CSDN博客

三、软件准备阶段易遇到的问题：

1.jdk(配置环境)阶段：

2.node.js(环境配置)阶段：

（1）.在执行npm install -g cnpm 出现如下错误时的解决方法：

1.执行：

npm config get proxy
npm config get https-proxy

如果返回值不为null，继续执行：
(要确保两个返回值都是null才可以，否则就要执行下面的代码)

npm config set proxy null
npm config set https-proxy null

2、执行：

npm config set registry http://registry.cnpmjs.org/

然后执行下面的代码就可以安装cnpm了

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.最后用下面的方法安装一下，欧耶，成功了。

cnpm install

执行示例：

3.数据库连接遇到的问题：

四、项目运行操作：

1.idea软件内基础设置：

（1）.将  .api直接拉进idea

（2）.

（3）.

（4）.D:\IDEA\IntelliJ IDEA 2023.2\plugins\maven\lib\maven3\conf\settings.xml

（5）.

2.后端配置设置：

1.配置maven

2.配置sql

3.前端运行：

cd ../
cd smart-admin-web
 cd javascript-ant-design-vue3
 npm install

 npm run dev

4.运行结果展示：

五、项目成果收获：

        通过实现SmartAdmin 2.X项目，我学习了让一个项目成功运行，也学会了让前端框架、后端技术、数据库管理联系起来，通过去下载各个软件，在下载软件时遇到各种的错误，通过去不断的解决错误让我的技术得到了很好的提升。项目成功运行后在这进行项目整理让我的整理和知识又得到了好的提升。