小迪课堂

本文涉及的产品
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
云数据库 RDS MySQL,高可用系列 2核4GB
简介: 一个让程序员在线学习的视频网站

个人简介

本人是一名大二的软件工程专业的学生,经过二年对关于软件和网站开发相关技术的学习,终于在今天开发出了自己的第一个作品-小迪课堂,小迪课堂是一个供向我这样对开发充满热爱的同学们学习的视频网站,让热爱学习开发技术的同学不用在到处找资源,在本网站就能得到高质量的学习资源!


网站简介

相关技术

本网站是基于springboot的后端框架和vue作为前端框架开发的,前端用到的组件库是cube-ui,适配于手机端的ui组件库.

用到的相关技术:

后端

  • springboot+mybatis+spring+guava+mysql+jwt

前端

  • vue+cube-ui+vue-route+vue-cli脚手架等

开发模式

采用的是前后端分离的开发模式,用封装ajax的axios框架来发送http请求,后端提供数据接口服务供前端调用在页面进行展示,前后端基于JSON进行数据的传输.


部署方式

本项目是用docker容器技术来进行下部署的.


  1. 首先将后端项目配置好以后,用maven插件将后端springboot项目打包成jar包

image.png


  1. 然后通过xshell这个ssh连接工具连接阿里云服务器,填写云服务的公网ip和开放22端口即可连接上云服务器,如下图连接成功.

image.png

  1. 将打包好的jar文件上传到云服务器上,这里是采用xftp工具来进行文件上传的,然后下载java8的docker镜像:docker pull java:8,编写Dockerfile文件将java8和上传的jar文件制作为一个新镜像:
from java:8
MAINTAINER zhangpeihong
VOLUME /tmp
ADD docker-test-0.0.1-SNAPSHOT.jar zhang_docker.jar
RUN bash -c 'touch /zhang_docker.jar'
ENTRYPOINT ["java","-jar","/zhang_docker.jar"]
expose 6001
  1. 拉取mysql镜像和nginx镜像

在此之前将前端打包成dist目录上传到云服务器,并配置nginx.conf文件,将dist目录上传到nginx容器中,可以通过容器卷的技术来是实现.

同时运行mysql镜像,将项目需要的数据导入到mysql数据库中


  1. 编写docker-compose.yml文件

    上面的步骤都准备好以后,我们就可以编写docker-compose.yml,进行服务编排,让上面的镜像一键启动这些容器实例即可,最后我们就可以访问nginx服务器来访问我们的项目了,最重要的是我们一定要在阿里云服务器的安全组配置入站规则,一定要开放项目中所需要的端口.


  1. 上面的步骤经过之后让我们来看看项目部署上线的效果

QQ图片20221025165453.jpg

这是我通过手机访问网站得到的效果图,这样看的话,手机适配还是挺好看的!

感谢词

在这里非常感谢阿里云提供的云服务器,让我们在校大学生,能把自己开发的项目部署到公网中,这次的实践经历让我检验了自己docker部署项目的技术,也学习到了如何将自己开发的项目部署到了云端,这是一个很好的经历,让我对开发有了更加浓厚的兴趣,通过这个项目让自己对一个项目从开发-测试-部署这一套流程有很大的了解,了解市面上公司的基本开发流程.



相关实践学习
2分钟自动化部署人生模拟器
本场景将带你借助云效流水线Flow实现人生模拟器小游戏的自动化部署
7天玩转云服务器
云服务器ECS(Elastic Compute Service)是一种弹性可伸缩的计算服务,可降低 IT 成本,提升运维效率。本课程手把手带你了解ECS、掌握基本操作、动手实操快照管理、镜像管理等。了解产品详情: https://www.aliyun.com/product/ecs
相关文章
|
7月前
|
分布式计算 数据可视化 Hadoop
杨校老师课堂之Hadoop环境搭建(二)
杨校老师课堂之Hadoop环境搭建(二)
34 0
|
7月前
|
分布式计算 Oracle Hadoop
杨校老师课堂之Hadoop环境搭建(一)
杨校老师课堂之Hadoop环境搭建(一)
53 0
|
7月前
|
前端开发 JavaScript
杨老师课堂之网页设计实训
杨老师课堂之网页设计实训
29 0
|
7月前
|
Java Maven
杨校老师课堂之就业信息平台
杨校老师课堂之就业信息平台
35 0
|
7月前
|
Android开发
杨老师课堂_安卓教程第一篇之入门
杨老师课堂_安卓教程第一篇之入门
40 0
|
XML 存储 前端开发
谷粒学院——Day08【课程发布-课程大纲和课程发布】
谷粒学院——Day08【课程发布-课程大纲和课程发布】
167 0
谷粒学院——Day08【课程发布-课程大纲和课程发布】
|
云栖大会 开发者
2022云栖大会 | D2馆开发者基地精彩抢先看,带你现场竞技、动手实操、面对面交流~
最先进的前沿科技趋势就在2022云栖大会!锁定阿里云开发者社区打造的D2馆开发者基地,可以天池竞技区与大神PK,可以上手实操云产品,还可以与行业大咖、阿里云技术专家、百万博主共谈硬核技术热点。11月3日至5日,云栖小镇,我们不见不散!
1457 0
2022云栖大会 | D2馆开发者基地精彩抢先看,带你现场竞技、动手实操、面对面交流~
|
机器学习/深度学习 算法 开发者
课程介绍及教学说明| 学习笔记
快速学习课程介绍及教学说明。
|
编译器
函数略讲(课堂笔记)
函数略讲(课堂笔记)
函数略讲(课堂笔记)
|
前端开发 算法 双11
【直播预告】从校园学习到职场实践3:测试开发
【直播预告】从校园学习到职场实践3:测试开发