Git与Github入门操作&Web前端初窥基于IDEA
一.在IDEA上github入门操作
1.安装git,将本地项目上传到GitHub中
1.百度GIT进入官网下载git客户端,下载完成GIT直接默认安装即可

2.在IDEA中设置GIT
在file->setting中点击git,在其中设置 git路径,设置好后可以点击右侧test

4,在IDEA中登录github账号
也是在setting中点到github界面,点左上角加号再点击log in via Github就会弹出网页,直接登录即可。登陆成功后这个页面便会显示有个账户


如果没注册过github可以直接点击下方creat account按步骤注册一个即可

5.打开自己的一个项目后,点击VCS->share project on github设置好仓库和项目的名字,以及填下备注信息


6.显示上传成功,打开github便可以发现刚刚的项目已经在这里


2.从github中clone别的项目下来。
1.从file->new->project from version control点击创建新的项目

2.在github上选择你需要clone的项目,点右边code->clone获取链接,在上一步出现的页面中填上链接这样便可以将github上的项目下载到本地在IDEA中打开了,可能其中需要在maven点击刷新加载相应的包进行运行。


二.web前端初窥建立部署一个静态网站
1.原理介绍:SpringBoot 项目中的web资源在src/main/resources下的文件夹static和templates 中。static 中放静态页面(*.html)和资源(图片等),templates 中放动态页面。静态网页内容可以不被SpringBoot项目代码中的@controller 拦截,直接用http协议返回至浏览器客户端。
1.在src->resource->static 中添加一个静态页面文件,在加入任意一张图片。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta charset="UTF-8">
<title>hello</title>
</head>
<body>
你好!初学者,我是SpringBoot的简单启动页面!
</body>
</html>
2.点击运行,在浏览器之中打开localhost://8080/index.html,以及localhost://8080/pic.jpg便可以打开网页及图片。


3.将附件中的博客模板解压放置于static目录下就会发现被部署到了本地。


三.将项目上传到github中并且更新一次观察git的版本管理方式
4.将原来没有添加后面这个博客的项目commit到github中

resource目录中的内容如下

2.再将后面的博客内容复制进入其中,commit到github上

如图所示可以发现已经push好了

再打开github resource文件夹便可以发现多了刚刚上传的

我们由此便可以发现github上的项目新push的会自动加在之前的版本之上十分方便。

浙公网安备 33010602011771号