Jeecg-学习第一弹

目前市面上有很多代码生成工具，简单的只把表映射成实体类，mybatis.xml等。比较舒服一点的就会帮你把简单的crud操作以及前端页面生成好。本文为大家带来的是jeecg的搭建，后期会逐步更新日常开发中如何使用。

一、概述
    主要依赖Idea，Visual Studio Code，Redis，Mysql、Node.js等工具。后端使用lombok插件省去get、set等。页面使用vue、Ant Design&Vue等。

      jeecg代码仓库:  https://github.com/zhangdaiscott/jeecg-boot
      开发文档:      http://doc.jeecg.com
      在线演示 ： http://boot.jeecg.com

二、环境搭建
    2.1 配置maven私有仓库
            jeecg依赖仓库地址为:

<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中找到conf目录，然后找到settings.xml文件，然后全文检索mirrors,替换为上面的仓库地址，然后配置本地maven仓库，还是settings.xml文件 全文检索localRepository，一般建议在maven文件夹的同级目录下新建一个文件夹，用作与本地仓库。

在Idea中引入maven

   2.2 idea集成lombok插件

安装好以后 idea会提示 现在重启idea还是稍后重启，一般选择现在重启。
    2.2 下载项目所需依赖到本地
idea导入项目以后，右下角会提示，是否现在下载所需依赖，点击以后，网速慢的话需要二十分钟到半小时左右，下载完成以后看下依赖是否有错误，如果有错误一般是maven仓库配置不正确导致，如果依赖错误，后期可能导致的问题:生成代码错误、生成表结构错误等。

    2.3 修改后台代码配置

2.3.1 修改数据库配置

2.3.2 修改redis配置

一般只需要修改这两处就可以，没有其他需求尽量不要改动其他参数。
    2.4 项目打包运行
 2.4.1 maven进行项目打包编译

2.4.2 项目运行
    运行项目之前首先要保证依赖加载完毕、数据库可正常访问、redis可正常访问。
    然后选择system的JeecgApplication文件，debug启动

出现下图代码表示后端项目启动成功

前端接口访问的地址就是Local后面的地址。

    2.5 web端启动
2.5.1修改请求地址
通过vscode导入项目后，修改请求后端接口的地址

2.5.2 下载前端代码所需依赖
选择终端-新建终端，然后输入下载依赖的命令 npm run pre

如果提示npm不是可执行命令 那么就是你node安装不正确或者没安装，具体安装方式大家可以百度搜下。

如果出现其他错误，一般为本地node版本过低导致依赖冲突。
出现下图代码表面下载依赖完成。

2.5.2 启动前端项目
在终端中输入 npm run serve
 

出现下图代码表明启动成功，复制local地址到浏览器打开，就可以访问前端项目。

一般第一次访问项目的时候需要加载40mb左右的依赖，所以比较慢，后面访问就会快一点。有能力的小伙伴可以研究下把没有用到的依赖干掉，访问速度就会快一点，或者使用nginx进行压缩，也可以提高访问速度。

初始化的时候可以用两个账户登录  jeecg/admin  密码都是123456

三、快速开发
3.1在线创建表结构
讲解的系统使用的是精简后的sql，菜单会没有那么囊肿。
首先点开 在线开发菜单，选择online表单开发。

新增，输入表名称，表注释，然后填入表字段，选择对应字段格式，表类型的话，如果是主表生成的页面代码会有报错，单表的话会讲实体类与业务vo混用，所以一般使用主表生成后端代码，使用单表生成前端页面。

表结构填完以后，选择页面属性，设置列表、增修页面字段显示隐藏，以及是否查询、查询类型等。

页面属性填完以后，选择校验字段

剩余外键，索引，查询规则等按需配置。具体操作都差不多。
填完以后，点击确认按钮，保存表信息。

3.2 生成数据库表结构
每条数据后面的更多操作，选择同步数据库，如果依赖有问题的话同步时会报错失败，如果没问题就会同步成功，这时候去刷新数据库，就可以看到对应的表。

3.3生成代码
勾选你需要生成代码的表，如果表类型是附表的话，需要跟主表一起生成。否则无法生成。

选择生成代码的位置，以及代码的包名。

然后生成成功后，打开刚选择的位置查看生成的代码。

其中controller、entity、mapper、service、vo需要放到后台代码中，然后重启后台项目。vue需要放到前端项目中，一般建议重启前端项目。
其中vue代码需要放在前端项目的view下面，不然前端路由会扫描不到文件

3.3配置前端菜单以及页面路由
点击前端项目view文件夹，右键打开文件夹，新建文件夹，将刚vue文件中的*List.vue文件放进去，再新建一个modules文件夹，把对应的*Model.vue放进去。

打开页面，打开系统设置菜单，选择菜单管理，新建一级菜单。如果一级菜单下有多个二级菜单，那么一级菜单组件需要设置为layouts/RouteView，一级菜单建完以后，在更多中添加下级子菜单，二级菜单的菜单路径就是你刚才放置list页面的文件夹名称与list页面名称，(没有list页面的后缀)，文件夹与页面通过/分开。

菜单路径前面切记有个/，组件路径与菜单路径保持一致 但是没有那个/

菜单添加完成以后，选择角色管理，选择对应角色，选择更多-授权，找到你刚才加的菜单，进行授权。

授权完成以后，退出登录就可以看到你新加的菜单了，然后点进去，简单的CRUD就不需要你手写了，它已经自动帮你生成好了。你只需要根据你实际业务进行修改或者新增功能就好了。

本次的学习到这里就结束了，后面会持续更新使用jeecg进行企业级实际业务开发，会根据实际使用情况更新文章，所以不会讲解的很详细，对于一些软件的安装希望大家可以自行百度，如果有问题可以加图图微信。大家一起来解决。

如果对您有帮助 请点个关注，万分感谢
          

                                (QQ招聘群  710566091
                                 微信招聘群 请加图图微信)