Jeecg-boot手把手基础部署教程（从零开始）【软件安装+环境安装idea版】

这个是jeecg-boot安装教程，现场排雷版，预计2020年4月1日完成整个部署及排雷。小白手把手专用。

---

系统环境：
x64的win10，虚拟机，virtualBox（因为紧急情况下，可以直接部署在vm主机上）。
基础技术要点
http://jeecg-boot.mydoc.io/?t=345668
（大体看一下即可）

1、装系统（win10专业版）

这个就不用说了，应该都会。

2、安装jdk1.8

具体参考
java环境搭建，手把手教程（小白用）【javaweb开发第一步】
https://blog.csdn.net/wwppp987/article/details/104047465

3、安装idea

官方下载地址https://www.jetbrains.com/idea/
安装时候所有选项全选
安装地址尽量不要带空格和汉字，破解时候会带来麻烦。【小坑】
解决方法：重新安装（会自动删掉原来安装的版本，所以不要随意修改安装目录名字，导致注册表不认）

4、安装oracle、PLSQL Developer

https://blog.csdn.net/wwppp987/article/details/103764329
配置一下新用户，权限。

5、导入jeecg下db目录里面有的sql文件（oracle的那个）。

oracle 11g的导入教程：
【伸手党福利】【第二弹】Jeecg-boot手把手基础部署教程-安装数据库部署方法-oracle11g
https://blog.csdn.net/wwppp987/article/details/106206324

6、安装node.js

=》下载后安装
http://nodejs.cn/download/

=》双击安装后在cmd模式下输入
【不要选择安装tools，会很慢】

node -v
npm -v

两个命令确认安装完毕

=》在nodejs文件夹下新建文件夹node_global和node_cache，在node_global下新建node_modules文件夹。

=》cmd下（或在idea中）输入

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

两行命令设置全局文件和缓存文件。（因为默认文件在c盘，下载大量安装包会拖慢c盘速度，所以应该安装在d盘，示例因为是随便安装所以在c盘了。）
=》设置全局变量：
系统变量：
新建NODE_PATH为：
C:\Program Files\nodejs\node_global\node_modules

用户变量（上面那个）
PATH将末尾带有npm那个改为：
C:\Program Files\nodejs\node_global

=》重启cmd（或idea），使用管理员方式运行。（如果不这样会报错）【cmd需要使用system32下的否则会报DNS 服务器对区域没有权威】
更改镜像为taobao镜像：

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

如果报错npm ERR! errno: -4048,
输入：npm cache clean --force清理缓存，然后使用管理员方式再运行。

=》然后进行测试
cmd下输入：

npm install express -g

然后安装淘宝cnpm

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

7、安装yarn

下载msi文件并安装
https://yarn.bootcss.com/
2020-10-22【最近官网下载出了点问题，需要点击右键另存为才行，如图】

设置yarn使用taobao镜像

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

---

软件安装完成了，现在开始搭建开发环境。
官方说明：
http://doc.jeecg.com/1273969
=》首先，确定jdk8、Maven、Redis、Mysql/oracle安装完成
=》maven安装：
将maven拷贝到工程目录下：

用idea打开ant-design-vue-jeecg，在file》settings当中搜索maven，将maven改为现有目录

找到 maven老家 conf/settings.xml，
在标签内（倒数第二行）增加下面方式的阿里云maven镜像（删除自己的镜像配置）， 最终结果见下面：
参考：http://doc.jeecg.com/1273965

<mirrors>
       <mirror>
            <id>nexus-aliyun</id>
            <mirrorOf>*,!jeecg,!jeecg-snapshots</mirrorOf>
            <name>Nexus aliyun</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public</url>
        </mirror> 
 </mirrors>

maven需要设置环境变量
具体见传送门
https://blog.csdn.net/wwppp987/article/details/109216422

=》redis启动：

将redis解压并复制到项目目录下，双击启动redis-server.exe

=》在idea中选择terminal选项框，执行命令 yarn install

=》然后配置文件
参考官网资料：
http://jeecg-boot.mydoc.io/?t=345671

后端：

/src/main/resources/application-dev.yml文件中
端口，url目录（不用改）

server:
    port: 8080
    servlet:
       context-path: /jeecg-boot

数据库调试：（必须改）

spring:
  datasource:
    dynamic: 
      datasource: 
          #主数据源
          master: 
            url: jdbc:mysql://127.0.0.1:3306/jeecg-boot?characterEncoding=UTF-8&useUnicode=true&useSSL=false
            username: root
            password: root
            driver-class-name: com.mysql.jdbc.Driver

redis配置（不用改）

 #redis 配置
  redis:
     database: 0
     host: 127.0.0.1
     lettuce:
       pool:
         max-active: 8   #最大连接数据库连接数,设 0 为没有限制
         max-idle: 8     #最大等待连接中的数量,设 0 为没有限制
         max-wait: -1ms  #最大建立连接等待时间。如果超过此时间将接到异常。设为-1表示无限制。
         min-idle: 0     #最小等待连接中的数量,设 0 为没有限制
       shutdown-timeout: 100ms
     password: ''
     port: 6379

找到类/src/main/java/org/jeecg/JeecgApplication.java，右键执行

后端有时候会发现找不到启动选项，这时需要手动配置jeecg目录。
file》project stucture》modules
删掉原来的jeecg-boot
改为

对于新建的项目
使用以下配置

修改之后重新点击右键即可发现可以启动了

---

前端：

public/index.html
确定并增加内容：

（第一行确定端口和根目录和后端设定保持一致，第二行是新加的）

window._CONFIG['domianURL'] = 'http://localhost:8080/jeecg-boot';
window._CONFIG['imgDomainURL'] = 'http://localhost:8080/jeecg-boot/sys/common/view';

vue.config.js
（没有改动，确认一下）

找项目目录下文件package.json文件，鼠标右键选择Show npm Scripts

点seren

最后出现如下图内容则为成功

点击后如图

可以看到这里没有验证码图片，这是因为后台没有同时运行的缘故。

同时启动前台和后台，则可以看到该项目内容：

这是正常启动的画面，由此可以登录系统。

这篇文章只讲到怎么进入开发者模式，接下来将开新文章进行demo制作和程序发布。
20200327。

---

哈哈，4月1日还没到，接着扯点。

1、配数据库。

数据库分为4个步骤：

添加oracle驱动，修改pom.xml（新版貌似有这个了，以防万一看一下去。）
\jeecg-boot\jeecg-boot\pom.xml

<!-- oracle驱动 -->
<dependency>
	<groupId>com.oracle</groupId>
	<artifactId>ojdbc6</artifactId>
	<version>11.2.0.3</version>
</dependency>

注意一下，jeecg将此文件解析为json文件了，所以缩进非常重要！千万不要随便更改缩进！

找到后台数据文件
\jeecg-boot\jeecg-boot\jeecg-boot-module-system\src\main\resources\application.yml
查看它配置的是什么环境

prod就是生产环境
对应同目录里面的
application-prod.yml
打开它，我这里配置datasource为oracle数据库了。

然后是最后一步，打开
\jeecg-boot\jeecg-boot\jeecg-boot-module-system\src\main\resources\jeecg\jeecg_database.properties
当中有数据库配置，同样改成oracle数据库的。这个是代码生成器的文件，咱们不改项目也能启动。

官网上说要修改druid，但是我看到druid配置里面（在application-prod.yml）当中，没有用户名密码选项，所以没改。

教程说，sqlsever要求有改动。

---

2、后端改端口号和项目地址。

首先，后端找application-prod.yml文件，如果是test、dev文件另改。

然后，前端找vue.config.js
【这里实际上是代理设置，将前端的3000端口监听的事件代理到后台8080端口的jeecg-boot上】

3、前端改端口号。

上张图片已经放出来了，vue.config.js。

另外，需要查看
\ant-design-vue-jeecg\src\utils\request.js
看看是否写死了项目名称，这个是前端的，默认为空。

4、基础架构

@1
\jeecg-boot\jeecg-boot\jeecg-boot-module-system\src\main\resources\application-prod.yml
配置文件

上传文件路径
注意：这个配置文件可以自定义：
在controler当中使用：

@value(value = "${jeecg.path.upload}")

这样取值

@2增加配置依赖：

在yml文件当中增加依赖的config内容
\jeecg-boot\jeecg-boot-module-system\src\main\java\org\jeecg\config
里面增加依赖config文件（原有的）

主要是
\ShiroConfig.java
是控制权限的文件
\MybatisPlusConfig.java

执行效率
application-test.yml当中有sql执行效果的config项目

可以打印出执行的mysql，但是十分影响性能。

@3、文件配置原理

\jeecg-boot\jeecg-boot-module-system\src\main\java\org\jeecg\config\MybatisPlusConfig.java
当中使用了

这个意思是扫描
\jeecg-boot\jeecg-boot-module-system\src\main\java\org\jeecg\modules文件夹，以此进行开发。
对框架熟悉了之后可以修改。
前端文件配置：
入口文件位置：
\ant-design-vue-jeecg\public\index.html
入口文件加载配置：
ant-design-vue-jeecg\src\App.vue
ant-design-vue-jeecg\src\main.js【以后加组件就在这】