配置idea 的浏览器框架以及本地gitl，连接远程gitlab
目录一：先定位到当前项目
我们来到首页文件，index.jsp，此时我们鼠标点进来会在右上角有一些列的浏览器图标。
此时，我们随便点击一个浏览器，进行运行，则会报错提示：
Please,configure Web Facet first
此时，我们要先设置idea的web框架
在左上角的File栏，选择Project Structure，
然后在弹出的Project Settings 设置里，选择Facets，在点击中间栏的 + 加号，选择web
然后选择当前的项目，加载当前项目。我的当前项目名为 web_demo
在配置Facets后，会自动跳转到Modules设置里
在Web Resoure Directories 里，双击该路径，添加路径
双击打开后，在弹出的对话框中，Web resource director path：中，找到当前网页的站点目录，这个是作为根目录
我的index.jsp 文件位置是:C:\Users\Administrator\IdeaProjects\web_demo\src\main\webapp\WEB-INF\index.jsp
所以,我该栏的地址填写的是:C:\Users\Administrator\IdeaProjects\web_demo\src\main\webapp
然后点击OK,之后再点击Apply 应用
但是,此时,还依旧回有一个警告信息
选择Project Settings 里的Artifacts,然后选择Web Application: Exploded,
再选择From Modules ......
在弹出的对话框,选择当前项目,然后点击OK
加载完毕后,点击Apply 应用
回到Modules,此时已经没有了警告信息.点击OK
二: 安装Tomcat
2.1 安装Tomcat
此时,在点击浏览器图标,报错There is no configured/running web-servers found! Please, run any web-configuration and hit the Refresh button!
说是web服务没有启动
点击Run -->RUN 依旧不行
此时需要安装Tomcat 服务
链接：https://pan.baidu.com/s/1Q1YzcAXnoVPnnvrqCsmwUQ?pwd=sm0d
提取码：sm0d
点击next
点击 I Agree
点击Next
将Server Shutdown Port 框的 -1 修改为8000端口,然后点击next
如果8000端口被使用,随意修改为其他未被使用的端口
java虚拟机路径,如果之前安装jdk 是使用默认的路径,此处也默认即可
如果之前安装jdk 路径是自定义,此时需要把路径定位到 jdk 安装路径
路径设置好后,点击next
选择tomcat 的工作目录,点击next
安装完毕后,在弹出的对话框里
Run Apache Tomcat 和 Show Readme 两个选线,一定不能勾选
否则在idea里运行时,会8080端口冲突(alread localhost 8080)
然后点击Finish 完成
2.2 让开发环境识别Tomcat
点击RUN --> RUN
然后再跳出来的对话框中选择 Edit Configurations...
在弹出的对话框中,点击Templates,然后找到Tomcat Server ,选择Local本地
之后再右边的Application server 栏后面点击 Configuration,配置Tomcat 路径
定位tomcat的工作目录
如果没有报错或者警告,点击OK即可
然后再点击Apply 应用即可
如果即使定位tomcat 路径后,依旧有报错
Warning: The selected directory is not a valid Tomcat home
这是因为没有获得tomcat 的访问权限.把当前页面叉掉
然后找到tomcat 的安装目录,双击目录,然后再弹出的对话框里,点击继续 即可
在获得访问权限之后,重新进行tomcat 路径配置
如果 配置Tomcat 后, 再idea 的Run -->Run 运行Tomcat 依旧会失败,报错
Error running 'index.jsp':port out of range:-1
这是因为在安装tomcat 时,没有修改默认端口Server Shutdown Port 栏,这个栏默认是-1 端口,导致有个端口时-1(应该时1~65535之间的整数),端口超出限制
此时可以去tomcat 的安装目录下的conf配置文件目录,找到server.xml文件,使用记事本打开文件
打开文件后,使用ctrl +f 打开搜索,搜索Server port
将原来的 Server port="-1"修改为Server port="8000" (只要是在1~65535里任意没有被使用的端口就行)
<Server port="8000" shutdown="SHUTDOWN">
然后保存退出即可
,
回到idea,点击编辑框右上角的绿色三角,运行
等待运行完毕后,点击编辑框右上角的浏览器图标
此时,打开了浏览器,显示出了 Hello World!
三: 开启版本控制
我们已经配置了gitlab 服务器,但是依旧需要在本地在安装一个git.
实际上,idea 并不是连接远程的gitlab ,而是idea 先连接本地的git ,然后远程的复制本地的git 仓库
window 的git软件包:
链接：https://pan.baidu.com/s/1tobRc9BXlVdbXRz6chU9gg?pwd=7ae0
提取码：7ae0
点击上方菜单栏的 VCS,然后点击 Enable Version Control Integration ,开启版本控制
再弹出的对话框中,选择Git
此时,右下角弹出 回有Download 选项,点击即可下载. 或者也可以本地安装
windows 安装git
安装路径默认即可
默认几个勾不要去动On the Desktop 为创建桌面图标,这个可以勾选也可以不勾选
选择菜单目录,默认Git 即可
vim 编辑器设定,默认即可
对git 进行初始化,第一次使用,默认即可
换进变量设置,选择第二个默认即可
https 设置,默认即可
兼容风格设置,再windows上配置,选择默认的windows即可
tty 终端,默认即可
git 转发配置,使用第一个默认即可
git 内核,默认即可
开启本地系统设置,默认即可
默认即可,点击Install
安装完成后,再idea的 vcs 菜单,就可以找到git 选项
如果vcs菜单没有Git ,退出idea ,再重新进入,点击vcs 的enable 那个选项即可
将idea 里的项目添加到本地git
选择项目 (我的项目是web_demo),然后点击Git ,再点击Add,将整个项目提交到缓冲区
然后再点击项目-->Git--->Commit Directory ,提交目录,提交整个项目
再弹出的对话框中,在Commit Message栏里输入版本信息,比如说"这是第一版本"
然后点击右下角的Commit提交
弹出对话框,要求输入name 和E-mail . 任意输入即可,邮箱只要格式正确即可,无需输入真实邮箱
然后点击Sed and Commit
然后点击Commit 即可.此时,我们就想代码提交到了git 仓库中.
但是此时只是在本地的git 仓库中
连接远程git仓库,推送到Gitlab项目仓库中
选择项目,右击-->选择Git -->选择Repository-->push
在弹出的对话框中,选择Define remote 定义远程服务器
Name 随机即可
URL:为远程git地址.这个地址在登录远程git时,会有一个Clone按钮,下拉会有
第一次使用,会弹出验证对话框,要求输入远程git 的用户名和密码
我们用之前设置的zhangsan 账号即可
然后点击Login
点击Push提交即可
然后登录远程git 服务器,就可以看到我们刚才提交的代码了
修改index.jsp 的代码
选择刚才修改了的index.jsp, 右击--->Git--->Commit File 提交文
之后弹出对话框,回有两个版本之间不同的对比.
输入 当前版本的描述信息,再点击Commit 提交
将此版本提交到本地仓库
选择index.jsp ,右击,-->Git-->Repository-->Push
点击push即可推送到远程仓库
在远程仓库中,可以看到我们刚刚提交的代码