1.配置git环境与项目创建

配置git环境与项目创建

• 配置git环境

• 安装Git Bash

• 安装完成后在任意目录右键菜单：Git Bash Here

• 进入家目录：cd命令

• 生成密钥:
  ssh-keygen命令 用于为ssh生成、管理和转换认证密钥。SSH 密钥默认保留在 ~/.ssh 目录中。如果没有 ~/.ssh 目录，ssh-keygen命令会使用正确的权限创建一个。
  生成成功后，会默认出现两个文件：id_rsa(私钥)和id_rsa.pub(公钥)

• 进入.ssh文件夹:cd .ssh,使用ls命令查询文件夹下内容

• 查询公钥内容：cat id_rsa.pub

• 复制这串内容到git中,添加密钥

---

• 将项目连接本地git仓库
• 在项目文件夹中，右键Git Bash Here
• 初始化仓库：git init，可以看到隐藏文件夹.git
• 创建readme.md: vim readme.md
• 查询当前文件夹状态:git status，文件是否有被收入到仓库中
• 将当前文件夹中未收入文件全部收入到仓库中：git add ·
• 保存当前项目版本：git commit -m "项目周期名"

---

• 同步本地和云端项目
• 在云端创建好项目
• 进行git全局设置

git config --global user.name "你的名字"
//如果有多个项目管理，去掉--global，因为它会使得所有项目为同一名字
git config --golbal user.email "你的邮箱"

• 推送文件夹到云端

git remote add origin IP
git push -u origin master

---

• 扩展：使用别人的项目
• 在对方项目中，复制使用SSH克隆的信息
• 右键Git Bash Here
• 使用命令：git clone SSH
• 同步项目进度：git pull

---

• <分析>关于项目的前端与后端
• 客户端->Client：每一个用户的浏览器
• 服务端->Server：服务器端-> 前端(Vue3)和后端(Mysql Redis 微服务等...)
• 当用户打开一个网页/聊天软件发送信息，其本质是向服务器发送了一个链接URL/请求（还可包含参数，数据等），服务端接收后，会返回一个页面，由浏览器负责转化为画面，
• 前后端分离：前端渲染来自后端的动态数据与静态页面。一个后端接口可以对应多个前端
  

---

• 创建SpringBoot项目
• 打开IDEA，创建Spring项目，依赖选择SpringWeb
• SpringBoot入口：Application.java 运行后可在127.0.0.1:8080调试
• 新建包：Controller，它存储了所有的后端映射URL
• 初体验：新建类IndexController,尝试接收/pk/index/，返回一个HTML页面

@Controller//在SpringBoot项目中，若想要让某个类获得映射URL的功能，需要加上该注解
@RequestMapping("/pk/")//这代表父目录URL的映射
public class IndexController{ 
        @RequestMapping("index/")
        public String index(){
             return "pk/index.html";
	    }
	}

• 再次尝试：新建类BotInfoController,尝试接收/pk/index/,这次返回一组数据

@RestController//让一个类不仅可以映射URL，还能返回数据(json格式)
@RequestMapping("/pk/")
public class BotInfoController{
       @RequestMapping("getbotinfo/")
	   public Map<String,String> getBotInfo(){
	         Map<String,String> bot1 = new HashMap<>();
             bot1.put("name","apple");
             bot1.put("rating","1500");
             return bot1;
	   }
	}

• 关于@Controller与@RestController

如果我们在项目中使用的是@Conrtroller注解的话，则当直接返回一个字符串的时候，就好比返回的是一个模板页面，类似我们返回一个jsp页面一样。所以我们需要加上模板引擎（这种返回html一类的模板的开发方式现在一般不会再用了，因为现在都是前后端分离式的开发，后台服务器一般只需要返回json格式的数据即可，所以了解即可）

• 修改端口:application.properties文件中更改server.port
• 尝试前后端通信
• 创建Vue项目（略）
• 通过后端取得信息：上篇中的bot1

import $ from 'jquery'

$.ajax({
	url: "http://127.0.0.1:3000/pk/getbotinfo",//向后端URL发送请求
    type:"get",//GET和POST两种请求方式
    success: resp=> {
	     bot_name.value = resp.name;
         bot_rating.value = resp.rating;
         //resp指的是收到后端应答的数据(刚刚的HashMap)
	  }
	});

• 解决跨域问题:配置类CorsConfig.java