如何快速开始bg-admin这套框架_bgadmin

快速开始

只有让大家第一时间将整个项目启动起来，这样大家才会直观的感受到整个项目在开发完成以后的效果，那么我们现在就开始讲解如何启动我们的项目。
bg-admin的博客专栏的地址是：https://blog.csdn.net/linzhefeng89/column/info/37409

clone项目

打开我们的IDEA开发工具然后File=>new=>Project from Version Control=>Git

点击Git接着会看到如下的页面，在URL处输入我们的项目的git的地址【https://github.com/lazyboyl/bg-admin.git】，Directory为我们保存到本地的文件夹所在的路径。

最后我们点击Clone按钮将我们的项目拷贝到csdn目录底下，那么到此处我们就完成了项目的clone。

导入数据库

接着我们使用navicate工具打开我们的mysql数据库，执行bg-admin-doc中的vcm.sql的脚本。

数据库导入完成以后我们会看到我们的navicate上多了一个vcm的数据库如下所示：

启动后端工程

虽然我们的项目已经被我们下载下来了，但是还没有真正的引入到我们的项目中，因此这个时候需要我们选中我们的的csdn，然后点击File=>New=>Module from Exitsting Sources…

然后找到我们需要引入的bg-admin-web-core的工程，然后以maven工程的形式导入到项目中。

在项目引入以后我们需要设置我们的JDK，我们点击File=>Project Structure来进行我们的JDK的设置。

接着大家在此处设置我们的JDK

最后右键我们的pom.xml文件更新我们的maven依赖。

在启动后端工程之前我们需要修改我们的后端工程的配置文件，首先需要修改bg-admin-web-core的application.yml的配置文件，将里面的active改为dev：

spring:
  profiles:
    active: dev
1
2
3

最后修改我们的application-dev.yml中的数据库的连接的相关信息和redis连接的相关信息。

最后我们点击我们的开发工具的右上角的debug模式启动项目

启动完成以后大家会看到如下的页面，则说明我们的项目启动成功了。

启动前端工程

在此之前你要保证你的电脑已经安装好了npm，点击IDEA的Terminal命令窗口:

接着执行以下命令进入到我们的前端工程所在的目录:

cd bg-admin-web
1

然后接着我们执行以下命令来安装我们的依赖，若你已经安装了淘宝的镜像依赖则使用cnpm，若没有安装淘宝的镜像则使用npm，我们此处使用的是cnpm来进行安装依赖的

cnpm install
1

执行完成以后大家会看到如下的页面。

最后我们需要修改我们的前端工程的src/config/env.js将其设置为访问开发环境，修改好以后的代码如下：

export default "development";
1

若大家需要改动我们的工程的访问地址、图片的地址、websocket的地址，那么大家直接打开src/config/dev.js目录进行相应的改造即可：

export const runDevConfig = {
  baseUrl: 'http://127.0.0.1:8288',
  imgUrl: 'http://127.0.0.1:80/merJoinResource',
  refreshTokenUrl: 'http://127.0.0.1:8288/user/refreshToken',
  socketUrl: 'http://127.0.0.1:9099'
};
1
2
3
4
5
6

最后我们启动我们的项目，直接在我们的项目底下输入以下的命令

cnpm run dev
1

大家看到如下的页面则说明我们的项目已经启动成功了。

然后我们打开我们的浏览器输入http://127.0.0.1:8080/#/，我们会看到如下的页面

输入账号：admin 密码：123456，我们会看到我们跳转到了首页

这时候我们就可以开始愉快的玩耍我们的BGA系统了