github在线编程

github在线编程

说明:

目前总结 github 开箱即用的集成环境 , 有 2 种方式比较好用

• GitPod
• GitHub Codespaces

两种区别

参考网址:

https://devpress.youkuaiyun.com/cloudnative/62fb6d967e6682346618e9f0.html

演示项目 Ruoyi-Vue

项目 github 地址

https://github.com/yangzongzhuan/RuoYi-Vue

项目文档地址:

http://doc.ruoyi.vip/

运行环境

• jdk1.8
• maven
• mysql
• redis
• node

GitHub Codespaces 演示

github 访问项目

使用 GitHubCodeSpace 打开该项目

初始化在线编程环境 , 如下图所示

查看运行环境

• maven

• node

• jdk (jdk版本默认是17 , 切换到 jdk1.8)

• mysql (初始化没有, 使用docker安装)

• redis (初始化没有, 使用docker安装)

安装运行环境

修改 jdk 版本为 jdk1.8

参考网址:

https://cloud.tencent.com/developer/article/1551638

使用 sdkman 管理 jdk 版本

• 查看可以安装的 jdk 版本

sdk list java

• 安装 jdk1.8

sdk install java 8.0.352-amzn

到此 切换 jdk 1.8 成功

初始化myql数据

初始化 mysql 的数据

mysql 脚本 在 sql 目录下

初始化两个脚本即可

使用 docker 安装 mysql

docker run --name some-mysql -e MYSQL_ROOT_PASSWORD=root -d mysql:5.7

测试运行 mysql

导入sql 脚本

拷贝脚本 到 mysql 容器中 some-mysql

docker cp sql  some-mysql:/root/

容器内部查看 sql 脚本已经复制到 /root/sql 目录下

创建数据库

说明:

修改数据库名称 ry-vue 改为 ry_vue , 在命令行的情况下 , 使用 ry-vue名称创建会报错 ;

使用 source 命令导入对应数据

安装 redis

docker run -p 6379:6379 --name redis \
-v /mydata/redis/data:/data \
-d redis:5 redis-server --appendonly yes \
--requirepass "root" 

运行前端

安装依赖

# 进入前端目录
cd ruoyi-ui 
# 安装依赖
npm install --registry=https://registry.npmmirror.com 

运行项目

npm run dev

安装失败 , 因为 node 版本太高 , 我们切换到 低版本的 node

使用 nvm 安装 node 12

# 列出 node 版本
nvm list
# 安装 node 12
nvm install 12.22.12

安装完成

查看 node 和 npm 版本

node -v
npm -v

重新安装依赖和运行项目

运行成功

打开前端页面

运行后端

修改配置

logback.xml

application.yml

修改 reids 连接信息

application-druid.yml

修改 mysql 连接信息

安装依赖

mvn clean package

运行项目

java -jar ruoyi-admin/target/ruoyi-admin.jar 

运行中…

后端运行成功

前后端运行成功测试

后端

前端

访问

登录界面

登录成功

安装相关插件

中途安装了一些插件

如下图所示

到此 Ruoyi-Vue 项目搭建安装完成

GitPod 演示

其余通 GitHubCodeSpace , 打开方式不一样

https:// 后面加上 gitpod.io#

其余步骤 GithubCodeSpaces