# HTML语法转换总结
## 概述
根据项目要求，将 `CommunicationConfiguration.cshtml` 和 `RealTimeTest.cshtml` 文件从Razor语法转换为纯HTML语法，确保项目能够正确编译和运行。
## 转换原则
### 1. 移除所有Razor语法
- **@ 符号**: 移除所有以@开头的Razor代码
- **代码块**: 移除 `@{}` 代码块
- **指令**: 移除 `@section`、`@Html`、`@Url` 等指令
- **服务器端代码**: 移除所有C#服务器端代码
### 2. 使用标准Web技术
- **HTML5**: 使用标准HTML5语法
- **CSS3**: 使用标准CSS3样式
- **JavaScript**: 使用客户端JavaScript处理动态功能
- **Vue.js**: 使用Vue.js进行数据绑定和组件化
## 具体转换内容
### CommunicationConfiguration.cshtml
#### 1. 文件头部转换
**原始Razor语法:**
```csharp
@{
ViewData["Title"] = "通信配置管理";
Layout = "~/Views/Shared/_Layout.cshtml";
}
```
**转换后HTML语法:**
```html
通信配置管理
```
#### 2. 部分视图转换
**原始Razor语法:**
```csharp
@await Html.PartialAsync("~/Views/GeneralInformation/_TranSubstationTree.cshtml")
```
**转换后HTML语法:**
```html
```
#### 3. 样式和脚本转换
**原始Razor语法:**
```csharp
@section styles{
}
@section scripts{
}
```
**转换后HTML语法:**
```html
```
### RealTimeTest.cshtml
#### 1. URL生成转换
**原始Razor语法:**
```csharp
```
**转换后HTML语法:**
```html
```
#### 2. 文件结构转换
**原始Razor语法:**
```csharp
@{
ViewData["Title"] = "实时通信测试";
Layout = "~/Views/Shared/_Layout.cshtml";
}
```
**转换后HTML语法:**
```html
实时通信测试
```
## JavaScript功能增强
### 1. 变电站树初始化
由于移除了服务器端部分视图，需要通过JavaScript动态加载变电站树：
```javascript
// 初始化变电站树（如果substationTree对象存在）
if (typeof substationTree !== 'undefined') {
substationTree.initTree(subTreeChanged);
} else {
// 如果substationTree不存在，使用简单的树结构
communicationConfig.initSimpleTree();
}
```
### 2. 简单树备用方案
为了确保在没有复杂树组件时也能正常工作，添加了简单树实现：
```javascript
initSimpleTree: function () {
var treeHtml = '' +
'
' +
' 全局配置' +
'
' +
'