当前位置:   article > 正文

【Spring Boot教程:从入门到精通】掌握Spring Boot开发技巧与窍门(三)-配置git环境和项目创建_springboot 根据git分支配置环境

springboot 根据git分支配置环境

主要介绍了如何创建一个Springboot项目以及运行Springboot项目访问内部的html页面!!!

文章目录


前言

主要介绍了如何创建一个Springboot项目以及运行Springboot项目访问内部的html页面!!!


提示:以下是本篇文章正文内容,下面案例可供参考

配置git环境

1.安装Git Bash

git安装教程

2.进入家目录生成秘钥:执行命令ssh-keygen

3.将.ssh/中的id_rsa.pub的内容复制到gitee上

一些基本命令,在gitee上创建项目后出现!!!

创建项目

创建项目后端
https://start.spring.io/加载慢的话,可以换成:https://start.aliyun.com

(注:最新版的idea抛弃了jdk8,URL换成上面的阿里云的idea的java选项就有jdk8)

 此时项目就创建完毕了。

项目的启动类

当我们访问初始页面只需要在浏览器中输入

http://localhost:8080/

我们可以采取一下方法来访问一个html页面。

 我们在controller包下面创建一个控制器类。

  1. package org.example.backend.controller.pk;
  2. import org.springframework.stereotype.Controller;
  3. import org.springframework.web.bind.annotation.RequestMapping;
  4. @Controller
  5. @RequestMapping("/pk")
  6. public class IndexController {
  7. @RequestMapping(value = "/index")
  8. public String index(){
  9. return "pk/index";
  10. }
  11. }

@Controller

  • 用于标识控制器类,负责处理用户请求并返回视图。
  • 方法通常使用 @GetMapping@PostMapping 等注解来映射HTTP请求到具体的处理方法。
  • 方法返回一个字符串,代表视图名,Spring Boot会自动查找匹配的模板文件并渲染。

注:注解一定要用@Controller,如果用@RestController那么方法返回的是json字符串,不会解析视图!!页面报404说明路径错误!!

application.properties文件中一定要配置这两个值,自动给函数的返回值加上项目的上下文路径,一个是对所有的页面加上后缀名.html。
  1. spring.thymeleaf.prefix=classpath:/templates/
  2. spring.thymeleaf.suffix=.html

 当我们要在项目中添加图片,往往是在图片放在static文件夹下面

  1. <html>
  2. <body>
  3. <div style="text-align: center">
  4. <img src="/images/img.png">
  5. </div>
  6. </body>
  7. </html>

 

当我们想直接返回页面信息的时候我们需要采用@RestController注解 

  • 用于标识控制器类,负责处理用户请求并直接返回数据对象。
  • 方法通常使用 @GetMapping@PostMapping 等注解来映射HTTP请求到具体的处理方法。
  • 方法返回一个数据对象,Spring Boot会将该对象序列化为JSON或XML并返回给客户端。
  1. package org.example.backend.controller.pk;
  2. import org.springframework.web.bind.annotation.RequestMapping;
  3. import org.springframework.web.bind.annotation.RestController;
  4. @RestController
  5. @RequestMapping("/pk")
  6. public class BotInfoController {
  7. @RequestMapping("/getbotinfo")
  8. public String getBotInfo(){
  9. return "hahahahah";
  10. }
  11. }

 

方法也可以返回列表。

  1. @RequestMapping("/getbotinfo")
  2. public List<String> getBotInfo(){
  3. ArrayList<String> list = new ArrayList<>();
  4. list.add("Bot");
  5. list.add("tiger");
  6. list.add("cat");
  7. return list;
  8. }

 

当然也可以返回map集合、对象等等!!!

如何想修改项目的端口号,可以在application.properties中修改server.port

server.port=3000

 此时项目的端口号就修改为了3000

在SpringBoot中解决跨域问题

添加配置类:CorsConfig

  1. package com.kob.backend.config;
  2. import org.springframework.context.annotation.Configuration;
  3. import javax.servlet.*;
  4. import javax.servlet.http.HttpServletRequest;
  5. import javax.servlet.http.HttpServletResponse;
  6. import java.io.IOException;
  7. @Configuration
  8. public class CorsConfig implements Filter {
  9. @Override
  10. public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
  11. HttpServletResponse response = (HttpServletResponse) res;
  12. HttpServletRequest request = (HttpServletRequest) req;
  13. String origin = request.getHeader("Origin");
  14. if(origin!=null) {
  15. response.setHeader("Access-Control-Allow-Origin", origin);
  16. }
  17. String headers = request.getHeader("Access-Control-Request-Headers");
  18. if(headers!=null) {
  19. response.setHeader("Access-Control-Allow-Headers", headers);
  20. response.setHeader("Access-Control-Expose-Headers", headers);
  21. }
  22. response.setHeader("Access-Control-Allow-Methods", "*");
  23. response.setHeader("Access-Control-Max-Age", "3600");
  24. response.setHeader("Access-Control-Allow-Credentials", "true");
  25. chain.doFilter(request, response);
  26. }
  27. @Override
  28. public void init(FilterConfig filterConfig) {
  29. }
  30. @Override
  31. public void destroy() {
  32. }
  33. }

配置Vue

安装Nodejs

安装地址

(注:下载LTS版本,长期支持版) 

 安装@vue/cli

打开Git Bash,执行:

npm i -g @vue/cli

如果执行后面的操作有bug,可能是最新版有问题,可以尝试安装早期版本,比如:npm i -g @vue/cli@4

启动vue自带的图形化项目管理界面

vue ui

常见问题1:Windows上运行vue,提示无法加载文件,表示用户权限不足。
解决方案:用管理员身份打开终端,输入set-ExecutionPolicy RemoteSigned,然后输入y

 之后就可以在图形化工具里面创建vue项目。


总结

主要介绍了如何创建一个Springboot项目以及运行Springboot项目访问内部的html页面!!!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/908870
推荐阅读
相关标签
  

闽ICP备14008679号