WebIDE 开发大岗

WebIDE 开发大岗

前情提要，为了让小白可以快速进入开发，教师在教学时有一套统一的环境。

场景：

1. 前端开发教学
2. java课程教学
3. Python课程教学
4. 学生作业

一、概览

flowchart TD

	subgraph User[User]
		role -.-> roleA(Student)
		role -.-> roleB(Teacher)
		role -.-> roleC(Tutor)
	end
	
	subgraph Student
		web
		java
		python
		more("... ...")
		homework
	end
	
	subgraph Teacher
		courseware
		stageLearning
		examination
	end
	
	subgraph Tutor
		tutor(课程跟进)
		correct(作业批改)
	end
	
	subgraph WebIDE ["webIDE(Docker work space)"]
		subgraph docker
      workspace --> StudentA(Student)
      workspace --> StudentB(Student)
      workspace --> StudentC(Student)
      env --> WebIDEweb(web)
      env --> WebIDEjava(java)
      env --> WebIDEPython(python)
      env --> WebIDEmore("... ...")
		end 
		vscode -.-> workspace
		vscode -.-> env
	end
	
	Student --课程学习--> WebIDE
	Teacher --开发课程--> WebIDE
	Tutor --开发课程--> WebIDE
	
	User -..-> Teacher & Student & Tutor
	

二、环境

WorkSpace（工作、教学目录）

添加数据卷，并以/opt/data/${env}/${studentId}为目录进行划分

ENV构建（web、java、python）

构建教学Docker容器

1. web
2. java
3. Python

内置课件数据卷

课程课件添加到数据卷，学生有查看权限[ro]，教师具有修改权限 [rw]

三、搭建

官网示例

1. GitHub Codespaces
2. developer environments

vscode 安装

https://github.com/microsoft/vscode/archive/refs/tags/1.61.0.zip

四、使用