diff --git a/doc/docs/guide/AJ-Report-开发环境-20210824.md b/doc/docs/guide/AJ-Report-开发环境-20210824.md new file mode 100644 index 00000000..f36e1d7c --- /dev/null +++ b/doc/docs/guide/AJ-Report-开发环境-20210824.md @@ -0,0 +1,411 @@ +# 工具版本 + +参考 + +- [Mysql] 5.7 + +- [Jdk] 1.8 + +- [Spring Boot] 2.3.5 + +- [Mybatis-plus] 3.3.2 + +- [flyway] 5.2.1 + +- [Apache Maven] 3.5 + +- [Node.js] 14.16.0 + +- [Windows 10] + +实际 + +Mysql 5.7.34 + +JDK 1.8u291 + +IdeaJ 2020.2.1 + +Spring Boot DTD + +Maven 3.5.4 + +Windows7 + +Git 2.33.0 x64 + +Node 13.14.0-x64 + +Vscode 1.59.0 + +# 环境准备 + +前端: + +后端: + +## 后端 + +### Mysql + +下载msi文件 + +![](media/7f1bc9e3a10e776cfd129265bc210ba1.png) + +![](media/294611e3a0c673df97180f2502e7aab4.png) + +![](media/ba439774e4355e427eb5aa4b020954c3.png) + +![](media/5f332403704a2dbe384ef0e0d246d081.png) + +![](media/94d417d549cd9583d57c2e77a9eaeb84.png) + +![](media/65672b3a036c5db82c01932531de80d3.png) + +![](media/19e04bcd4d9ec1c8939c7b5da6eab3bd.png) + +![](media/815f632367e27a487429252f8fc7a4b9.png) + +![](media/20a3bb558fe42a96f723fa8902fd4168.png) + +![](media/8c1425d016e2842a55ca5c6f6a13c20e.png) + +![](media/245c25e50ae4e9c0202a00fdb22e4a31.png) + +### JDK + +一直下一步,直至完成。 + +![](media/82946e768cda375bcde7c68a0b9958fa.png) + +配置环境变量 + +JAVA_HOME C:\\Program Files\\Java\\jdk1.8.0_291 + +![](media/b8b8b87f7c86b2efc5695217db68c312.png) + +![](media/6b005205c923c20985b5371941a5533d.png) + +### IdeaJ + +![](media/c5e32a71e7af0d70d834ab043353499d.png) + +![](media/d849470f3656b62f2db558e174dcc47b.png) + +![](media/ec18cbeed650f2175537c9bfcedb4440.png) + +以上选项,都可以不选,不影响。 + +![](media/51ea17b642c94f9e59797e12e8aa34cb.png) + +![](media/cbf2feae441dae803d288b3c09dc3ec4.png) + +![](media/9b7f78ee61f533a2976470f16c8d1845.png) + +首次登陆 + +![](media/96f3c95d1ded662c4fa9991404dd8e00.png) + +![](media/86633b82313435ca8d8ae6f07ec3338d.png) + +![](media/0fecb04cbb187880d40643f28d9b8d1f.png) + +### Maven + +下载地址 + +https://dlcdn.apache.org/maven/maven-3/3.5.4/binaries/ + +![](media/ffedd2140d460383ecafb869746487e0.png) + +将压缩包解压到 + +![](media/1ef48099e17fa5a5b01c63f8ca4ba566.png) + +添加环境变量M2_HOME C:\\Program Files\\apache-maven-3.5.4 + +(旧版变量写法:MAVEN_HOME) + +![](media/914728ab1036a53de6f0a924848cae04.png) + +Path环境变量,增加 ;%M2_HOME%C:\\bin + +![](media/dd33107f86c6cb0f481b127c122a9766.png) + +![](media/74569347d6ae8fea5befe43cb7bfaedf.png) + +![](media/b5f0287d75383a5818b245ae25381f07.png) + +### 插件 + +IdeaJ安装spring boot开发插件 + +已自带,不用再安装。 + +![](media/74d38d842de0da091dff5bf4a2f47f0d.png) + +安装lombok + +![](media/a58b9fa31f924be4a4bf0789b4e1c5ef.png) + +## 公共 + +### Git + +![](media/41d19f2477448752f90b2ccaffaff3c8.png) + +![](media/e358ef80095499b1d402c72ba6ee53dc.png) + +![](media/c4e1151c3c9886b167ca9aabd9db8248.png) + +![](media/ab4d2b0687cc2335dadb76ab9d2b09d0.png) + +![](media/c3f91170e4b970b50ba97fbfe5e3801a.png) + +![](media/5271ec564361a19600151e9bdc7c27f4.png) + +![](media/bb773b1256b545f4dce79aa493596cb8.png) + +![](media/73001f344928b48a3504eadff8e30c52.png) + +![](media/efc982994ff3e8046de4dead297512b3.png) + +![](media/dec84180e3004f198f81334df91db8d5.png) + +![](media/3af73e9328ab2ecf5eaecbff9915b035.png) + +![](media/0f39df5bd3b5b3837b3cf0692d19e484.png) + +![](media/f6dc06279ed0f82084079418742ac393.png) + +![](media/dca45f8c2db24c61d7efe7e403f17f81.png) + +![](media/8cb9684c9bdaed3bc179aaa9d6b83336.png) + +如下界面表示安装成功 + +![](media/07bdf1f74c9b5c3cdeb982d998d2bbf0.png) + +为idea指定git路径 + +默认情况下,IDEA是不自带git运行程序的,所以需要通过 +菜单-\>settings-\>Version Control-\>Git-\>Path to Git executable: +设置为安装git中所安装的git.exe + +![](media/5acd9c5cefc0c1e985f8e0df5e4f5471.png) + +获取gitee上面的要拉取的项目url + +![](media/4e535b69aa49c9b4fbf1587e6493cce4.png) + +file -\> new -\> Project from Version Control -\> Git + +![](media/070caaea8f674f84c61d3aba4f79196b.png) + +点击【Clone】,开始拉代码。 + +![](media/09415f0854ca0cdd8b307404e0bf77cf.png) + +![](media/5531f4b3a9ef5dbaade425e55ee0728f.png) + +## 前端 + +### Node + +下一步 + +![](media/a2c3f8ce5fbdd1206d6bb877bfea8bc8.png) + +![](media/bf9caa07ae05051b42019874043f2447.png) + +![](media/1983bd86ebb039f2ccedcff5c3f67ab9.png) + +![](media/0ceabfe3fc4a056cd2ee0e629f2d70fa.png) + +![](media/c8401951bb24ccd9119e49f6846e7e13.png) + +![](media/1ffaaef54f4955fe14741ca6d5f51b3a.png) + +![](media/7d404fd56e5818ea422ac9c3dcd89cab.png) + +![](media/d4c324446a35f22133d8ee502396bd84.png) + +![](media/016171d8b0f67a4a9f2c262639adb87e.png) + +### Vscode + +![](media/21737eb2f3aadd08c7671fdd9601286a.png) + +![](media/133d5e3d81a946d4e895cee1b3c1a557.png) + +![](media/adb143e6672d981547821d027ce1e2f8.png) + +![](media/789768d77d5035d23ca2627637f6eaf9.png) + +![](media/c4ed42a43e0f63259d1e4122e56b5bbe.png) + +# 开发环境 + +## 前端 + +### 下载源码 + +新建文件夹C:\\vsproj用于存放前端项目源码 + +![](media/0182dbf52fa6f24772bbd6e028c93497.png) + +下载源码,在vscode使用【ctrl】+【\`】或者【Terminal】-\>【New +Terminal】。用cd命令进入相应的文件夹。 + +![](media/71e01355fc8f010d3cb6f2791c5571f1.png) + +执行git clone https://gitee.com/anji-plus/report.git,拉代码。 + +![](media/f09e7afc1184a5d594320da81040a106.png) + +![](media/8bc69ddd173fd0502f3eb3cd1dc5dfee.png) + +![](media/7b68b659469be16e561d2788356aac5b.png) + +### 设置环境 + +调整连接后端的IP,改为后端API代码所在的IP、所使用的端口。 + +![](media/065c3065d866be1c7c3bfff954163412.png) + +### 编译运行 + +![](media/a001c635e877f905d2623c5ce71bd73b.png) + +前端所在文件夹:vsproj\\report + +![](media/dbf90e6d9fb6a9787c615da30dd034d0.png) + +\>git checkout dev + +\>git checkout -b xxx + +\>git branch -D xxx + +进入前端代码文件夹,执行如下命令: + +命令一:cd ….\\report\\report-ui + +命令二:npm init -y //会调整package.json + +![](media/3cb0cbe6e2f1ce952b2c3156a5e4f8ef.png) + +命令三:npm install + +![](media/8307210b1db90152626f1aa9e75a211f.png) + +命令四:npm run dev + +![](media/a379fe0384ca0589fd8edff9fc974fbb.png) + +![](media/9b6cb49caf8e6d03b586e2231507396e.png) + +![](media/96c1af2823d7508aa94241cfdbbe5a5f.png) + +## 后端 + +新建文件夹用于存放后端代码C:\\ijproj,将git下载的代码解压至该目录。 + +### 下载源码 + +具体步骤见2.2.1Git + +### 依赖插件 + +下载依赖和插件。Git完代码后,会自动下载依赖和插件。如果pom中的依赖和插件爆红。可设置maven,File +——\> Settings。以下设置均采用的是IdeaJ所带maven插件。 + +![](media/d84a373c054270de7930578b7efc3b29.png) + +如上图配置后,重新下载依赖和插件 + +![](media/b3918a6c6f539cf5a104ff5c5ce6bcda.png) + +遇到个别顽固爆红的依赖和插件,可以直接在本地资料库.m2\\repository中查找,确认是否已经下载。确认已经下载的话,则可以尝试在该依赖或者插件中增加版本号(与资料库中的一致,org.springframework.boot对应的路径 +资料库路径\\org\\springframework\\boot,spring-boot-maven-plugin对应上述路径的子文件夹spring-boot-maven-plugin,此文件夹即spring-boot-maven-plugin的子文件夹是版本号2.3.5.RELEASE,打开2.3.5.RELEASE就是对应的jar包等内容)。 + +![](media/3e4e904ccb6b7d9891829d447a858e7f.png) + +![](media/4b5006dee453b48b42b5a82bc50c634c.png) + +![](media/1a8313bcf6284536adcafb4d0fe53a63.png) + +### 设置Mysql + +设置好mysql,以便运行时,自动进行初始化。 + +![](media/200ef4e56b09d7ef7c556eba2a31ff53.png) + +调整为mysql的现有配置 + +![](media/360a42ae253cf7e791e74b58fbbcdaf3.png) + +\-dev,-prod也调整数据库 + +### 运行后端 + +确认启动了Mysql服务 + +![](media/4ec2adf8f97d3de25837ee7f1f183cd8.png) + +![](media/b202f96043ed726c84fd807da5141b79.png) + +![](media/23bea279d0acf87487eb8ca7c5ad601b.png) + +说明后端服务已经启动,如下图所示 + +![](media/3b5c40f9de9fa6a992aef8c7731f138a.png) + +## 启动 + +数据库、后端、前端 + +1确保mysql已经启动 + +2运行后端代码 + +![](media/6835c0968136ea8cd256f974587511a1.png) + +3运行前端代码 + +![](media/fd69677be81a7b2a65e17983ecabafb6.png) + +用户:admin + +密码:123456 + +![](media/ae37f11d17931c99ec64b5cea9840123.png) + +# 错误 + +## 问题一 + +遇到Error creating bean with name 'flywayInitializer' defined in class path +resource解决办法 + +![](media/7efb25dcf176029f87a8aa5205729311.png) + +将这个Resolved +locally后面的**版本号复制**下来,连着符号一起复制,然后找到你数据库中的**flyway_schema +\_history**这个表,在最下面那一行数据中把刚刚复制的版本号替换进去就可以了。 + +![](media/59017d817e518089d57c1c7fcfc3e5cb.png) + +## 问题二 + +问题现象:报表设计界面中看不到图表, + +查看日志,Access denied for user 'ajreport'@'localhost' (using password: YES) + +![](media/0f432b2b67e7c4cdcc2f38346172b150.png) + +默认用户ajreport,密码ajreport + +改为初始化时的,用户root,密码root + +![](media/f06b510a725b15f36167b49a65778839.png)