Vue构建前端页面

1.管理代码列表页

1.1 引用该页面主要是阐述几个观点

1. 动态代码是基于接口实现的
2. 动态代码具有代码版本控制
3. 动态代码存在生命周期的状态

2.简易代码编辑器

1.2 代码编辑器主要完成以下几个功能

1. 动态代码的创建、保存、修改
2. 语法校验、编译
3. 包括控制台输出，提示编译状态、错误提示信息 4.此时编译完成后，表明语法验证通过，版本会自动递增，此时代码还在管理端，并未在远程JVM中。

1.3 代码发布管理完成以下几个功能

1.3.1 发布远程代码

发布远程代码后，会从本地管理端调用远程RPC，把最新代码发布到远程JVM中。

1.3.2 执行远程代码

这是一个开关键，如果想立即执行远程代码需要手动开启

1.3.3 停止远程代码

同样能开启就能管理

1.3.4 卸载远程代码

因为项目涉及到重启，重启后项目会使用最新已启用代码，当卸载代码后项目启动就不会加载代码了