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;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,19 @@
|
||||
@page "/counter"
|
||||
@rendermode InteractiveServer
|
||||
|
||||
<PageTitle>Counter</PageTitle>
|
||||
|
||||
<h1>Counter</h1>
|
||||
|
||||
<p role="status">Current count: @currentCount</p>
|
||||
|
||||
<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
|
||||
|
||||
@code {
|
||||
private int currentCount = 0;
|
||||
|
||||
private void IncrementCount()
|
||||
{
|
||||
currentCount++;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
@page "/Error"
|
||||
@using System.Diagnostics
|
||||
|
||||
<PageTitle>Error</PageTitle>
|
||||
|
||||
<h1 class="text-danger">Error.</h1>
|
||||
<h2 class="text-danger">An error occurred while processing your request.</h2>
|
||||
|
||||
@if (ShowRequestId)
|
||||
{
|
||||
<p>
|
||||
<strong>Request ID:</strong> <code>@RequestId</code>
|
||||
</p>
|
||||
}
|
||||
|
||||
<h3>Development Mode</h3>
|
||||
<p>
|
||||
Swapping to <strong>Development</strong> environment will display more detailed information about the error that occurred.
|
||||
</p>
|
||||
<p>
|
||||
<strong>The Development environment shouldn't be enabled for deployed applications.</strong>
|
||||
It can result in displaying sensitive information from exceptions to end users.
|
||||
For local debugging, enable the <strong>Development</strong> environment by setting the <strong>ASPNETCORE_ENVIRONMENT</strong> environment variable to <strong>Development</strong>
|
||||
and restarting the app.
|
||||
</p>
|
||||
|
||||
@code{
|
||||
[CascadingParameter]
|
||||
private HttpContext? HttpContext { get; set; }
|
||||
|
||||
private string? RequestId { get; set; }
|
||||
private bool ShowRequestId => !string.IsNullOrEmpty(RequestId);
|
||||
|
||||
protected override void OnInitialized() =>
|
||||
RequestId = Activity.Current?.Id ?? HttpContext?.TraceIdentifier;
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
@page "/"
|
||||
|
||||
<PageTitle>Home</PageTitle>
|
||||
|
||||
<h1>Hello, world!</h1>
|
||||
|
||||
Welcome to your new app.
|
||||
@@ -0,0 +1,64 @@
|
||||
@page "/weather"
|
||||
@attribute [StreamRendering]
|
||||
|
||||
<PageTitle>Weather</PageTitle>
|
||||
|
||||
<h1>Weather</h1>
|
||||
|
||||
<p>This component demonstrates showing data.</p>
|
||||
|
||||
@if (forecasts == null)
|
||||
{
|
||||
<p><em>Loading...</em></p>
|
||||
}
|
||||
else
|
||||
{
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Date</th>
|
||||
<th>Temp. (C)</th>
|
||||
<th>Temp. (F)</th>
|
||||
<th>Summary</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach (var forecast in forecasts)
|
||||
{
|
||||
<tr>
|
||||
<td>@forecast.Date.ToShortDateString()</td>
|
||||
<td>@forecast.TemperatureC</td>
|
||||
<td>@forecast.TemperatureF</td>
|
||||
<td>@forecast.Summary</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
}
|
||||
|
||||
@code {
|
||||
private WeatherForecast[]? forecasts;
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
// Simulate asynchronous loading to demonstrate streaming rendering
|
||||
await Task.Delay(500);
|
||||
|
||||
var startDate = DateOnly.FromDateTime(DateTime.Now);
|
||||
var summaries = new[] { "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching" };
|
||||
forecasts = Enumerable.Range(1, 5).Select(index => new WeatherForecast
|
||||
{
|
||||
Date = startDate.AddDays(index),
|
||||
TemperatureC = Random.Shared.Next(-20, 55),
|
||||
Summary = summaries[Random.Shared.Next(summaries.Length)]
|
||||
}).ToArray();
|
||||
}
|
||||
|
||||
private class WeatherForecast
|
||||
{
|
||||
public DateOnly Date { get; set; }
|
||||
public int TemperatureC { get; set; }
|
||||
public string? Summary { get; set; }
|
||||
public int TemperatureF => 32 + (int)(TemperatureC / 0.5556);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user