2023全国职业技能大赛“应用软件系统开发”双碳管理系统

（获取源码请私信）

1. 环境搭建（客户端）

1.1.

安 装 MySql数 据 库

利用光盘“1_Software”目录中的mysql-8.0.32.msi文件安装数据

库。首先出现的是安装向导的欢迎界面，选择Server only安装类型。

一直点击【Next】按钮进行安装。

选择默认的3306端口即可，一直点击【Next】按钮。

设置root用户的密码：123456，一直点击【Next】按钮。

数据库安装完成，并且 MySQL 服务已启动，点【Finish】按钮完成安装。

1.2. 安 装 Navicat for Mysql

利用光盘“1_Software”目录中的Navicat_Premium_16.1.9工具导

入数据库。连接本地数据，点击【连接】图标。输入安装mysql数据库时的

root用户密码，点击【确定】按钮。

数据库连接成功，显示本地的数据库，并在“localhost_3306”连接

点上点击右键，选择【创建数据库】选项创建数据库。

数据数据库名称“ carbon”，点击【确定】按钮。

将sql文件导入数据库，双击“ carbon”数据库颜色变绿后，再在

“ carbon”数据库上点击右键，选择【运行SQL文件】选项。

选择sql数据库文件“ carbon.sql”，点击【开始】按钮。

导入成功后，显示carbon数据库的表结构。

注：如果没有显示表结构，请右键【关闭数据库】，再双击打开数据

库，或者重新启动Navicat工具。

1.3.

Node.js环 境 安 装

安装文件从网上下载或光盘“1_Software”拷贝。

双击下载后的安装包v14.17.0，如下所示。

点击以上的Run(运行)，勾选接受协议选项，点击next（下一步）按钮。

Node.js默认安装目录为"C:\Program Files\nodejs\",可以修改目录，

并点击next（下一步），点击树形图标来选择你需要的安装模式,然后点击

下一步next（下一步）。

点击Finish（完成）按钮退出安装向导。

查看Node.js版本

1.4.

安 装 JDK

利用光盘“1_Software”目录中的jdk-8u111-windows-x64.exe文件

安装JDK。一直点击【next】按钮，直至安装完成。

启动cmd控制台，运行命令检验JDK是否安装成功。

java -version

安装好jdk后在系统变量中配置java的环境变量。

1.5.

安 装 后 端 开 发 工 具 IntelliJ IDEA

1.6.

安 装 前 端 开 发 工 具 Microsoft VS Code

Microsoft VS Code安装包可以网络或光盘“1_Software”安装。

下载地址：https://code.visualstudio.com/Download

1.7.

安 装 前 端 开 发 工 具 HBuilder X

HBuilder X安装包可以网络或光盘“1_Software”安装。

下载地址：https://www.dcloud.io/hbuilderx.html

2. 服务器环境（已经安装完成）

2.1.

Gitstack服 务

服务器地址：http://localhost/gitstack/

用户名和密码：admin/admin

一、 项目实训

1. 项目开发

1.1.

IntelliJ IDEA导 入 Carbon后 台 管 理 工

程 代 码

打开 IDEA 点击 Open

选择我们需要导入的项目“ carbon ”后端接口工程（SpringBoot）

等待项目导入完成

注：首次导入会下载maven仓库，下载时间比较长，请耐心等待。

如右下角弹出导包弹窗，选择“ Enable Auto-Import ”自动导包。如

没有弹出，请忽略。

需要注意查看jdk版本号，如果不是jdk8则需要改为JDK8，点击file=>project Structure...具体如下：

点击Project将红框的地方改为如图所示即可：

首次使用IDEA需要安装“Lombok”插件，具体安装步骤如下图所示

修改数据库配置文件

carbon\carbon-admin\src\main\resources\application-druid.yml

启动后端接口：“CarbonApplication”，如下图所示：

启动成功后，底部会有提示，9090为前端接口启动端口，如下图：

后端接口工程（SpringBoot）启动完成。

1.2.

Hbuilder X导 入 前 端 工 程 代 码

注意：三个前端项目的运行和打包方法是完全一样的，以双碳管理系

统为例

1) 导入工程代码

打开Hbuilder x文件，文件——打开目录

选择需要导入的项目文件夹。

2) 项目配置

打开carbon-ui目录中的vue.config.js文件，配置服务器地址。

注意，ip为服务器的ip地址，如果端口不一致，涉及跨域技术，将必

须使用服务器IP地址。

3) 项目运行

右键点击项目，外部命令---》npm run dev即可运行项目，也可使用

外部命令行窗口打开输入npm run dev运行(具体运行命令查看

package.json文件)。

编译成功

4) 项目打包

打开carbon-ui目录中的env.production文件，配置服务器地址。

VUE_APP_BASE_API = ‘http://localhost:9090’

右键点击项目，外部命令---》npm run build:prod即可运行项目打包，

也可使用外部命令行窗口打开输入npm run build:prod运行(具体运行命令

查看package.json文件)。

打包完成会生成一个dist目录

1.3.

项 目 注 意 事 项

1) 项目依赖

如未添加依赖,在终端运行添加依赖指令

npm install