feat: 实现 Blazor 前端界面 (Task 4.3) 和 CLI 工具 (Task 5.1)
Task 4.3 - Blazor 前端界面: - 创建 CodePlay.WebUI Blazor Server 项目 - 实现 Converter.razor 代码转换页面 - 提供代码输入、语言选择、转换按钮 - 显示转换结果、TODO 列表和问题列表 - 更新导航菜单 - 注册 ConversionService 服务 Task 5.1 - CLI 命令行工具: - 集成 System.CommandLine 库 - 实现 convert 命令（代码转换） - 实现 list 命令（列出支持的转换） - 实现 check 命令（检查是否支持） - 支持 -s/-t 指定源/目标语言 - 支持 -i/-o 指定输入/输出文件 - 支持 -v 指定验证轮次 - 支持 -c 指定配置文件 测试: - CLI help 命令: ✅ - CLI list 命令: ✅ - CLI convert 命令: ✅ (成功转换 C# 到 Java) Co-authored-by: monkeycode-ai <monkeycode-ai@chaitin.com>
This commit is contained in:
monkeycode-ai
@@ -0,0 +1,224 @@
|
||||
@page "/"
|
||||
@using CodePlay.Core.Models
|
||||
@using CodePlay.Core.Common
|
||||
@using CodePlay.Core.Services
|
||||
@inject ConversionService ConversionService
|
||||
@inject ILogger<Program> Logger
|
||||
|
||||
<PageTitle>CodePlay - 代码转换器</PageTitle>
|
||||
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<h1 class="mt-4 mb-4">CodePlay 代码转换平台</h1>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h4>代码转换</h4>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if (isLoading)
|
||||
{
|
||||
<div class="alert alert-info" role="alert">
|
||||
<div class="spinner-border spinner-border-sm" role="status">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
正在转换中...
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (!string.IsNullOrEmpty(errorMessage))
|
||||
{
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
<strong>错误:</strong> @errorMessage
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (conversionResult != null && conversionResult.Success)
|
||||
{
|
||||
<div class="alert alert-success" role="alert">
|
||||
<strong>转换成功!</strong>
|
||||
转换行数：@conversionResult.Report?.LinesConverted,
|
||||
类数量：@conversionResult.Report?.ClassesConverted,
|
||||
方法数量：@conversionResult.Report?.MethodsConverted
|
||||
</div>
|
||||
}
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">源代码</label>
|
||||
<textarea class="form-control" rows="15" @bind="sourceCode" placeholder="在这里输入源代码..."></textarea>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">源语言</label>
|
||||
<select class="form-select" @bind="sourceLanguage">
|
||||
<option value="@((int)LanguageType.CSharp)">C#</option>
|
||||
<option value="@((int)LanguageType.Java)">Java</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">目标语言</label>
|
||||
<select class="form-select" @bind="targetLanguage">
|
||||
<option value="@((int)LanguageType.Java)">Java</option>
|
||||
<option value="@((int)LanguageType.CSharp)">C#</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">验证轮次</label>
|
||||
<select class="form-select" @bind="validationRounds">
|
||||
<option value="1">1 轮</option>
|
||||
<option value="2">2 轮</option>
|
||||
<option value="3">3 轮</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">转换后代码</label>
|
||||
<textarea class="form-control" rows="15" readonly>@transformedCode</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-3">
|
||||
<div class="col-md-12">
|
||||
<button class="btn btn-primary" @onclick="ConvertAsync" disabled="@isLoading">
|
||||
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true" style="display: @Convert.ToString(isLoading ? "inline-block" : "none")"></span>
|
||||
转换
|
||||
</button>
|
||||
<button class="btn btn-secondary ms-2" @onclick="Clear" disabled="@isLoading">清除</button>
|
||||
<button class="btn btn-outline-primary ms-2" @onclick="CopyToClipboard" disabled="@string.IsNullOrEmpty(transformedCode)">复制结果</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (conversionResult != null && conversionResult.Success &&
|
||||
(conversionResult.Report?.TodoItems.Count > 0 || conversionResult.Report?.Issues.Count > 0))
|
||||
{
|
||||
<div class="row mt-4">
|
||||
<div class="col-md-12">
|
||||
<div class="card border-warning">
|
||||
<div class="card-header bg-warning text-dark">
|
||||
<h5>需要注意的事项</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
@if (conversionResult.Report?.TodoItems.Count > 0)
|
||||
{
|
||||
<h6>TODO 列表</h6>
|
||||
<ul>
|
||||
@foreach (var todo in conversionResult.Report.TodoItems)
|
||||
{
|
||||
<li>
|
||||
<strong>@todo.Description</strong><br/>
|
||||
<small>原因：@todo.WhyNotDirect</small><br/>
|
||||
<small>建议：@todo.RecommendedAlternative</small>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
}
|
||||
|
||||
@if (conversionResult.Report?.Issues.Count > 0)
|
||||
{
|
||||
<h6>问题列表</h6>
|
||||
<ul>
|
||||
@foreach (var issue in conversionResult.Report.Issues)
|
||||
{
|
||||
<li>
|
||||
<strong>@issue.Description</strong><br/>
|
||||
<small>建议：@issue.Suggestion</small>
|
||||
</li>
|
||||
}
|
||||
</ul>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private string sourceCode = string.Empty;
|
||||
private string transformedCode = string.Empty;
|
||||
private LanguageType sourceLanguage = LanguageType.CSharp;
|
||||
private LanguageType targetLanguage = LanguageType.Java;
|
||||
private int validationRounds = 2;
|
||||
private bool isLoading = false;
|
||||
private string? errorMessage;
|
||||
private ConversionResult? conversionResult;
|
||||
|
||||
private async Task ConvertAsync()
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(sourceCode))
|
||||
{
|
||||
errorMessage = "请输入源代码";
|
||||
return;
|
||||
}
|
||||
|
||||
isLoading = true;
|
||||
errorMessage = null;
|
||||
transformedCode = string.Empty;
|
||||
conversionResult = null;
|
||||
|
||||
try
|
||||
{
|
||||
var request = new ConversionRequest
|
||||
{
|
||||
SourceCode = sourceCode,
|
||||
SourceLanguage = sourceLanguage,
|
||||
TargetLanguage = targetLanguage,
|
||||
ValidationRounds = validationRounds,
|
||||
Options = new ConversionOptions
|
||||
{
|
||||
KeepComments = true,
|
||||
KeepDocStrings = true
|
||||
}
|
||||
};
|
||||
|
||||
conversionResult = await ConversionService.ConvertAsync(request);
|
||||
|
||||
if (conversionResult.Success)
|
||||
{
|
||||
transformedCode = conversionResult.TransformedCode;
|
||||
}
|
||||
else
|
||||
{
|
||||
errorMessage = conversionResult.ErrorMessage ?? "转换失败";
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Logger.LogError(ex, "转换过程中发生错误");
|
||||
errorMessage = $"转换失败：{ex.Message}";
|
||||
}
|
||||
finally
|
||||
{
|
||||
isLoading = false;
|
||||
}
|
||||
}
|
||||
|
||||
private void Clear()
|
||||
{
|
||||
sourceCode = string.Empty;
|
||||
transformedCode = string.Empty;
|
||||
errorMessage = null;
|
||||
conversionResult = null;
|
||||
}
|
||||
|
||||
private async Task CopyToClipboard()
|
||||
{
|
||||
await Task.CompletedTask;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user