15 분 당신이 봄 부팅 Thymeleaf 침대 관리 도구의 사용자 지정 맵 사용 가르 칠!

SpringBoot OSS 서비스 사용자 지정지도 침대

원본 주소 : HTTPS : //github.com/Snailclimb/springboot-aliyun-oss

머리말

전염병에서 매일 게으른 아입니다! 어쨌든, 홈 유휴 상태에 상관없이, 따라서,이 간단한 프로젝트를 작성하는 일을 보냈다. 사실, 나는 그것을 지속적으로 개선 할 준비가되어 한 다음 자신의 클라우드 서버로 앨범에 배치했다. 나중에, 너무 게으른, 나는 프런트 엔드를 쓰기 때문에 일부 에이전트를 마칠 수 없습니다.

이 프로젝트는 작지만 코드가 급히 작성되어 있지만 완벽하게 형성, 직접 사용하는 도구로 사용될 수 있지만, 일반적으로 더 큰 문제가 없을 것, 그것은 직접 배울 수있는 초보자를 사용할 수 있습니다.

전반적으로,이 프로젝트는 그들에게 도움을 제공하기 위해 주로 :

알리 클라우드 OSS는 매우 일반적으로 도면 다운 서비스로 사용, 단순히 패키지와 나중에 사용할 수 있도록 도와 살펴;
사용 SpringBoot 기술 스택과 thymeleaf 템플릿 엔진, 집에서 만든 칭찬이 더 layui 사용하여 프런트 엔드 프레임. 이 프로젝트는 개발 프로세스 함께 전면과 후면 끝을 통해 당신을 데려 갈 수 있습니다.

나는 반작용 쓰기거야, 그리고 뷰하지만 친구의 대부분을 고려 여전히 처음 layui 말, 직접 사용하므로 전체 thymeleaf, 백 엔드와 접촉을했다! 우리는 앞 페이지를 작성하는 단계 페인트 박 국자에 의해 단계를 찾을 layui 공식 웹 사이트를 따르고 있습니다.

결과는 보여

그럴 게요 모양, 위에서 많은 시간을 할애하지 않았다, 긴 추한 페이지를 비교.

온라인 비리 비리 시계 : HTTPS : //www.bilibili.com/video/av88090586

업로드 페이지

업로드 성공

기술 스택

백엔드 : 봄 부트
프런트 엔드 : thymeleaf 템플릿 엔진 프레임 워크 layui

반응 뷰는 일반적으로 이전 thymeleaf 플러스 layai와 프론트 엔드 개발을 처음 쓴, 나는 아직도처럼은 좀 더 반응한다.

시작 항목

1. 지역에 클로닝

git clone [email protected]:Snailclimb/springboot-aliyun-oss.git

프로젝트 또는 다른 개발 도구를 엽니 아이디어를 사용합니다

3. 추가는 다음과 같이 읽습니다application.yml

ps：我在用 git 提交的时候将application.yml 忽略掉了，所以你需要手动添加到你的本地。

spring:
  servlet:
    multipart:
      max-file-size: 10MB
      max-request-size: 10MB
  thymeleaf:
    #关闭thymeleaf的缓存，不然在开发过程中修改页面不会立刻生效需要重启，生产可配置为true
    prefix: classpath:/web/
    cache: false
    suffix: .html
aliyun:
  oss:
    bucket-name: my-blog-to-use
    endpoint: oss-cn-beijing.aliyuncs.com
    access-key-id: 替换为你的key id
    #阿里云主账号AccessKey拥有所有API的访问权限，风险很高。建议创建并使用RAM账号进行API访问或日常运维，请登录 https://ram.console.aliyun.com 创建RAM账号。
    access-key-secret: 替换为你的key secret
    file-host: test