ITReply项目配置说明

1. git

1.1 安装git

git官网:https://git-scm.com/
下载好安装包后一路点next即可,不需要勾选其他的,都用默认的就可以。

1.2 IDEA中配置git

如果安装Git时已经打开了IDEA,则可能会检测不到,重新打开IDEA或者手动选择Git安装目录(默认装在C:\Program Files\Git)
【Settings】–》【Version Control】–》【Git】–》【点击Test,能够显示Git version is xxx说明安装成功了】
在这里插入图片描述

1.3 IDEA中拉取项目

在上方菜单栏找到【VCS】–》【Get from Version Control】
在这里插入图片描述
在这里插入图片描述
URL: 找项目组长获取git项目链接,然后clone下来。由于是私有项目,克隆前需要联系项目组长获取项目权限。
Directory: 项目保存到本地位置的哪里(文件夹名称不要包含中文、空格、特殊字符等

2. IDEA配置

2.1 统一项目编码格式,解决配置文件的中文被转义问题

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210612164610950.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzkxNjk4Mg==,size_16,color_FFFFFF,t_70
【Settings】–》【Editor】–》【File Encodings】–》
【Project Encoding修改为UTF-8】,
【Default encoding for properties files: 修改为UTF-8】,
勾选 Transparent native-to-ascii conversion】。

2.2 安装lombok插件

在这里插入图片描述
【Settings】–》【Plugins】–》【进入Marketplace的搜索框输入lombok,点击Installed安装即可】

2.3 Bean自动注入报错

降低IDEA Bean自动注入提示等级,从Error改为Warning
在这里插入图片描述

2.4 maven配置

在这里插入图片描述
【Settings】–》【Build, Execution, Deployment】–》【Build Tools】–》【Maven】–》
【Maven home directory: 选择maven所在的目录】
【User settings file: 选择maven的配置文件,一般在maven安装目录下的conf文件夹的settings.xml文件 】
【Local repository: 本地仓库,maven下载后的jar包要存放的位置】
在这里插入图片描述
配置完成后,在右边侧边栏找到"Maven",然后点击刷新按钮让maven自动下载项目所需的jar包

2.5 热部署配置(可选,电脑配置太低不推荐)

2.5.1 设置自动编译

在这里插入图片描述
【Settings】–》【Build, Execution, Deployment】–》【Compiler】–》
勾选Build Project automaticallyCompile independent modules in parallel】

2.5.2 自动保存

在这里插入图片描述
【Settings】–》【Appearance & Behavior】–》
【勾选Synchronize files on frame or ediot tab activation】
【勾选Save files on frame deactivation】
【勾选Save files automatically if application is idle for 1 sec.】
如果电脑配置不高运行IDEA较卡,可以把检测时间修改为2~5秒,不建议太大

2.5.3 添加自动配置注册

在这里插入图片描述
同时按住键盘Ctrl + Shift + Alt + / 快捷键,调出维护页面,选择1. Registry…
在这里插入图片描述
勾选compiler.automake.allow.when.app.running
注意核对key是否对应,不要勾选错了!!

2.6 代码不自动折叠(可选)

如果方法体只有一行,IDEA会自动折叠起来,如果看不习惯可以手动设置不折叠。
【Settings】–》【Editor】–》【General】–》【Code Folding】–》把“One-line methods”前面的勾√去掉,默认是有打钩的。
在这里插入图片描述

2.7 相同包名前缀不自动折叠(可选)

在Eclipse中,如果有多个相同包名前缀的包是不会自动折叠的,如果看不习惯IDEA的自动折叠,可以手动设置不折叠。
在左上角Project标签中找到小齿轮并单击,勾选上Flatten Packages后按F5刷新就不会自动折叠了。
在这里插入图片描述
折叠前后效果对比图:
折叠前:
在这里插入图片描述
折叠后:
在这里插入图片描述

3. 数据库

3.1 导入数据库

使用Navicat工具新建数据库
数据库名:niter
字符集:utf8mb4
排序规则:utf8mb4_general_ci
数据库名、字符集、排序规则必须完全一致,不要选错和写错,否则会导致项目无法连接上数据库,无法正常使用!!
在这里插入图片描述

3.2 导入数据库文件

选中数据库,右键运行SQL文件,在项目所在的位置\ITReply\forum\src\main\resources目录下找到niter.sql,点击开始
在这里插入图片描述
出现下图则说明导入成功
在这里插入图片描述
如导入后看不到表,右键关闭数据库,再重新打开就可以了。或者按F5刷新下

4. 项目测试

4.1 启动服务端

打开IDEA,找到forum模块,点击【src】–》【main】–》【java】–》【cn.niter.forum】–》【CommunityApplication】–》【右键Run ‘CommunityApplication’】
在这里插入图片描述
首次启动项目可能需要较长时间编译,请耐心等待。
启动完毕后查看下方Run控制台输出日志有无报错,小红点是否常亮,如有报错可先自行搜索相关问题解决,解决不了再找我。一般是端口被占用、数据库连接问题,如非必要,禁止修改项目配置文件

4.2 进入网站测试

论坛:http://localhost:20210/
更多说明参考项目的README.md开发文档

5. VUE配置

5.1 安装vue依赖及插件

在这里插入图片描述
在这里插入图片描述

在IDEA中点击“Open in Terminal”,输入npm install则会开始自动安装依赖。

5.2 打开Vue项目管理器

打开cmd命令行窗口,输入vue ui,等待项目管理器初始化完成。
在这里插入图片描述

5.3 导入Vue项目

在这里插入图片描述
进入Vue项目管理器后,点击左下角Home按钮
在这里插入图片描述

5.4 关闭ESLint校验

设置至如图状态
在这里插入图片描述

5.5 完成上述步骤后,启动项目

在这里插入图片描述

5.6 启动后台系统服务端

在这里插入图片描述

5.7 进入后台系统测试

账号:admin
密码:admin123456

6. HBuilder导入vue项目

打开HBuilder,左边侧边栏右键【导入】–》【从本地目录导入】–》选择你项目所在的位置\ITReply\vueAdmin
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

7. 项目开发

7.1 代码推送push

7.1.1 commit到暂存区

点击Git: 旁边的绿色按钮,
在左侧弹出来的框查看哪些文件要上传,
然后输入本次的修改内容,
然后在下方选择Commit and Push
在这里插入图片描述
在这里插入图片描述
点击Commit and Push即可

7.1.2 选择推送分支

查看分支是否为dev分支,如果是master或其他分支手动点击修改为dev分支,不要推送到master分支(你想推也没权限,嘻嘻),master分支由项目组长进行代码审查测试后才合并到主分支
在这里插入图片描述
推送后出现绿色气泡框则说明推送成功
在这里插入图片描述

7.2 代码拉取pull

点击Git: 旁边的蓝色按钮,从远程仓库拉取代码
在这里插入图片描述

点击OK即可,把远程仓库的更新合并到当前本地仓库
在这里插入图片描述

等待代码合并完成,可在下方看到提示,点击View Commits可看到做了哪些修改。
在这里插入图片描述
在这里插入图片描述

7.3 日常

每天下班,写完代码,把你修改了的代码推送到远程仓库(推送之前先自行测试功能是否正常可使用!!),如果修改了代码记得和项目组长反馈进行代码合并到主分支!!
每天上班,从远程仓库的master分支拉取代码到本地,然后开始敲代码的一天。

8. 常见问题汇总

8.1 git

在这里插入图片描述
在文件夹中右键“Git Bash here” 输入命令git config --global http.sslverify false

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值