AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

HTML+JavaScript构建C++类代码一键转换MASM32代码平台

2024-09-29 24
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： HTML+JavaScript构建C++类代码一键转换MASM32代码平台

一、需求分析

前两天分别写了

HTML+JavaScript构建一个将C/C++定义的ANSI字符串转换为MASM32定义的DWUniCode字符串的工具

和

其实这两个平台的功能都是我们用MASM32编写Windows程序可能用到的，所以今天把这两个平台整合成一个功能更完善的平台，可以提供以下功能：

1.生成注释

2.生成结构体定义

3.生成结构体成员ANSI字符串定义

4.生成结构体成员DW Unicode字符串定义  

都要使用C++类代码中的成员名称，所以我们增加了一个函数 extractMember()来将c++ class中的成员名称和类型抽取到数

二、将c++ class中的成员名称和类型抽取到数组

在整合过程中，梳理发现

2.生成结构体定义

3.生成结构体成员ANSI字符串定义

4.生成结构体成员DW Unicode字符串定义  

都要使用C++类代码中的成员名称，所以我们增加了一个函数 extractMember()来将c++ class中的成员名称和类型抽取到数组：

//功能：抽取c++ class中的成员名称和类型到数组
//输入：c=code
//输出：二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//记录：20230812创建
function extractMember(c)
{
  var r = c.substring(c.search(/\bclass\b/i) + 5);
  r = r.substring(r.indexOf('{')+1, r.lastIndexOf('}'));
  r = r.replace(/;/g,'');
  var a = r.split('\n');
  a.shift();//删除首个空行

  r = [];

  //i < a.length-1,跳过末个空行
  for (var i = 0; i < a.length-1; i++)
  {
    r[i] =[];
    r[i] = a[i].trim().split(' ');
  }
  return r;
}//extractMember(c)

三、简化生成结构体定义的核心函数  

基于上面这个函数，我们可以将生成结构体定义的核心函数tranStructMem()简化为：

//功能：将c++ class中的成员定义转换为MASM32结构体成员定义
//输入：a=二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//输出：MASM32结构体成员定义字符串
//记录：20230812创建
function tranStructMem(a)
{
  var r = '';
  for (var i = 0; i < a.length; i++)
  {
    r += '\t' + a[i][1] + '\t' + a[i][0] + '\t?\n';
  }
  //r = r.substring(0, r.length-1);//删除最后一个换行符
  return tranCppType2Masm32Type(r);
}//tranStructMem(c)

四、增加生成结构体成员ANSI字符串定义函数

//功能：生成结构体成员ANSI字符串定义
//输入：m=二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//输出：结构体所有成员的ANSI字符串定义
//记录：20230812创建
function genMemAnsiDef(m)
{
  var r = '';
  for (var i = 0; i < m.length; i++)
  {
    r += 'g_sz' + m[i][1] + '\tdb\t"' + m[i][1] + '", 0\n';
  }
  return r;
}

五、简化生成结构体成员DW Unicode字符串定义的核心函数

//功能：生成结构体成员DW Unicode 字符串定义
//输入：m=二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//输出：结构体所有成员的ANSI字符串定义
//记录：20230812创建
function genMemUniDef(m)
{
    var r = '';
    for (var i = 0; i < m.length; i++)
    {
        r += 'g_wsz' + m[i][1] + '\tdw\t' + ansiStr2UniStr(m[i][1]) + '\n';
    }
    return r;
}

image.png 七、完整代码

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="PurpleEndurer">
  <meta name="Keywords" content="C++,MASM32,Class,Struct">
  <meta name="Description" content="C++ Class 2 MASM32 Struct">
  <title>C++ Class code 2 MASM32 code</title>
 </head>
 <body>
 
<table style="backgound:#ccccff;">
<caption style="background: #ccccff; color:yellow;border-top:1px solid purple;border-left:1px solid purple;">
  <P>
    <span style=" font:18pt bold;">C++ Class code 2 MASM32 Struct code</span>  
    <span style=" font:14pt bold;color:purple;">by PurpleEndurer</span>  
  </P>
  <P>
    <input type="checkbox" id="cbGenNotes" checked="true">生成注释
    <input type="checkbox" id="cbGenStructDef" checked="true">生成结构体定义
    <input type="checkbox" id="cbGenMemAnsiDef" checked="true">生成结构体成员ANSI字符串定义
    <input type="checkbox" id="cbGenMemUniDef" checked="true">生成结构体成员DW Unicode字符串定义 
    <input type="button" value="转换" onclick="tran()">
  </P>
</caption>
<tr>
  <td style="border:1px solid black;background:#ccffff;">
    <P align="center">C++ class code</P>
  <textarea id="taCppClass" rows="50" cols="40">
[Dynamic, Provider("CIMWin32"), UUID("{8502C4E0-5FBB-11D2-AAC1-006008C78BC7}"), SupportsCreate, CreateBy("Create"), SupportsDelete, DeleteBy("Delete"), AMENDMENT]
class Win32_ScheduledJob : CIM_Job
{
  string   Caption;
  string   Description;
  datetime InstallDate;
  string   Name;
  string   Status;
  datetime ElapsedTime;
  string   Notify;
  string   Owner;
  uint32   Priority;
  datetime TimeSubmitted;
  datetime UntilTime;
  string   Command;
  uint32   DaysOfMonth;
  uint32   DaysOfWeek;
  boolean  InteractWithDesktop;
  uint32   JobId;
  string   JobStatus;
  boolean  RunRepeatedly;
  datetime StartTime;
};
</textarea>         
  </td>
  <td style="border:1px solid black;background:#ffffcc;">
    <P align="center">MASM32 code</P>
    <textarea id="taMASM32" rows="50" cols="90"></textarea>
  </td>
</tr>
</table>
 
<script>
 
 
//功能：删除字符串中的所有空格
//记录：20230726创建
String.prototype.eliminateSpace = function()
{
  return this.replace(/\s*/g,"");
}

//去除首部空格
String.prototype.ltrim = function() 
{ 
  return this.replace(/(^\s*)/g, ""); 
} 

//去除尾部空格 
String.prototype.rtrim = function() 
{ 
  return this.replace(/(\s*$)/g, ""); 
}


//去除首尾空格
String.prototype.trim = function() 
{
  return this.replace(/(^\s*)|(\s*$)/g, ""); 
  /*var t = this.replace(/(^\s*)|(\s*$)/g, ""); 
  return t =t.replace(/(^ *)|( *$)/g, ""); */
}
 
 
//功能：将ANSI字符串转换成MASM32 Unicode字符串
//记录：20230811建
//输入：s=ANSI字符串
//输出：MASM32 DW Unicode字符串
function ansiStr2UniStr(s)
{
  var r = s.split('');
  //document.write(r+"<br>"); 
  return "'" + r.join("','") + "', 0, 0";
}//ansiStr2UniStr(s)

 
//功能：判断是否为c++ class定义代码
//输入：c=code
//输出：true=是，false=否
//记录：20230812创建
function isCppClass(c)
{
  //taMASM32.value += 'isCppClass : c.search(/\bclass\b/i =' + c.search(/\bclass\b/i) + '\n';
  if (c.search(/\bclass\b/i))
  {
    if ( -1 != c.indexOf('{') )
    {
      if ( -1 != c.lastIndexOf('}'))
      {
        return true;
      }//if
    }//if
  }//if
  return false;
}//isCppClass(c)


//功能：获取为c++ class的名称
//输入：c=code
//输出：class的名称（可能为''）
//记录：20230812创建
function getClassName(c)
{
  var r = c.substring(c.search(/\bclass\b/i) + 5).ltrim();
  return r.substring(0, r.indexOf(' '));
}//getClassName(c)


//功能：将c++ class中的数据类型转换为MASM32的数据类型
//输入：c=string
//输出：MASM32的数据类型
//记录：20230812创建
function tranCppType2Masm32Type(v)
{
  var aType = [
  [/string/gi, "db"],
  [/uint32/gi, "DWORD"]
  ];

  var r = v;
  for (var i = 0; i < aType.length; i++)
  {
    r = r.replace(aType[i][0], aType[i][1]);
  }
  return r;
}//tranCppType2Masm32Type(v)



/*
//功能：将c++ class中的成员定义转换为MASM32结构体成员定义
//输入：m=string
//输出：MASM32结构体成员定义字符串
//记录：20230812创建
function tranStructMem(m)
{
  var r = c.substring(c.search(/\bclass\b/i) + 5);
  r = r.substring(r.indexOf('{')+1, r.lastIndexOf('}'));
  r = r.replace(/;/g,'');
  var a = r.split('\n');
  r = '';
  for (var i = 0; i < a.length; i++)
  {
    r += a[i].replace( /(\w+)\s+(\w+)/, "$2\t$1\t?") + '\n';
  }
  r = r.substring(0, r.length-1);//删除最后一个换行符
  taMASM32.value += tranCppType2Masm32Type(r);
}//tranStructMem(c)
*/


//功能：将c++ class中的成员定义转换为MASM32结构体成员定义
//输入：a=二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//输出：MASM32结构体成员定义字符串
//记录：20230812创建
function tranStructMem(a)
{
  var r = '';
  for (var i = 0; i < a.length; i++)
  {
    r += '\t' + a[i][1] + '\t' + a[i][0] + '\t?\n';
  }
  //r = r.substring(0, r.length-1);//删除最后一个换行符
  return tranCppType2Masm32Type(r);
}//tranStructMem(c)


//功能：抽取c++ class中的成员名称和类型到数组
//输入：c=code
//输出：二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//记录：20230812创建
function extractMember(c)
{
  var r = c.substring(c.search(/\bclass\b/i) + 5);
  r = r.substring(r.indexOf('{')+1, r.lastIndexOf('}'));
  r = r.replace(/;/g,'');
  var a = r.split('\n');
  a.shift();//删除首个空行

  r = [];

  //i < a.length-1,跳过末个空行
  for (var i = 0; i < a.length-1; i++)
  {
    r[i] =[];
    r[i] = a[i].trim().split(' ');
  }
  return r;
}//extractMember(c)


//功能：生成结构体成员ANSI字符串定义
//输入：m=二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//输出：结构体所有成员的ANSI字符串定义
//记录：20230812创建
function genMemAnsiDef(m)
{
  var r = '';
  for (var i = 0; i < m.length; i++)
  {
    r += 'g_sz' + m[i][1] + '\tdb\t"' + m[i][1] + '", 0\n';
  }
  return r;
}


//功能：生成结构体成员DW Unicode 字符串定义
//输入：m=二维数组，每行第1个元素为C++类的成员类型，第2个元素为C++类的成员名称
//输出：结构体所有成员的ANSI字符串定义
//记录：20230812创建
function genMemUniDef(m)
{
  var r = '';
  for (var i = 0; i < m.length; i++)
  {
    r += 'g_wsz' + m[i][1] + '\tdw\t' + ansiStr2UniStr(m[i][1]) + '\n';
  }
  return r;
}


var taCppClass = document.getElementById('taCppClass');
var taMASM32 = document.getElementById('taMASM32');

function tran()
{
  taMASM32.value  = '';
  var v = taCppClass.value;

  if (""==v.trim())
  {
    taCppClass.value = "请先将C++代码输入或粘贴到这里";
    return;
  }

  if (!isCppClass(v))
  {
    taMASM32.value = '不是C++ Class定义';
    return;
  }

  if (document.getElementById('cbGenNotes').checked)
  { //生成masm32注释
    taMASM32.value += ';' + v.replace(/\n/g, '\n;') + '\n'; 
  }

  v = v.replace(/[\t ]+/g,' ');

  var m = extractMember(v);

  if (document.getElementById('cbGenStructDef').checked)
  { //生成结构体定义
    var clsName = getClassName(v);
    taMASM32.value += clsName + ' STRUCT\n';
    taMASM32.value += tranStructMem(m);
    taMASM32.value += clsName + ' ENDS';
  }//if

  if (document.getElementById('cbGenMemAnsiDef').checked)
  { //生成结构体成员ANSI字符串定义
    taMASM32.value += '\n\n' + genMemAnsiDef(m);
  }//if

  if (document.getElementById('cbGenMemUniDef').checked)
  { //生成结构体成员DW Unicode字符串定义
    taMASM32.value += '\n\n' + genMemUniDef(m);
  }//if

}//tran()
 
</script>
 </body>
</html>


文章标签：
C++
Windows
关键词：
JavaScript平台
JavaScript代码
JavaScript构建
HTML构建
C++类
游客qeoynko2nmbgk
目录
相关文章
ephemerals__
|
24天前
|
存储 编译器 C语言
【c++丨STL】string类的使用
本文介绍了C++中`string`类的基本概念及其主要接口。`string`类在C++标准库中扮演着重要角色，它提供了比C语言中字符串处理函数更丰富、安全和便捷的功能。文章详细讲解了`string`类的构造函数、赋值运算符、容量管理接口、元素访问及遍历方法、字符串修改操作、字符串运算接口、常量成员和非成员函数等内容。通过实例演示了如何使用这些接口进行字符串的创建、修改、查找和比较等操作，帮助读者更好地理解和掌握`string`类的应用。
ephemerals__
38 2
ephemerals__
|
1月前
|
存储 编译器 C++
【c++】类和对象（下）（取地址运算符重载、深究构造函数、类型转换、static修饰成员、友元、内部类、匿名对象）
本文介绍了C++中类和对象的高级特性，包括取地址运算符重载、构造函数的初始化列表、类型转换、static修饰成员、友元、内部类及匿名对象等内容。文章详细解释了每个概念的使用方法和注意事项，帮助读者深入了解C++面向对象编程的核心机制。
ephemerals__
83 5
sunrr
|
1月前
|
算法 安全 C++
提高C/C++代码的可读性
提高C/C++代码的可读性
sunrr
52 4
ephemerals__
|
1月前
|
存储 编译器 C++
【c++】类和对象（中）（构造函数、析构函数、拷贝构造、赋值重载）
本文深入探讨了C++类的默认成员函数，包括构造函数、析构函数、拷贝构造函数和赋值重载。构造函数用于对象的初始化，析构函数用于对象销毁时的资源清理，拷贝构造函数用于对象的拷贝，赋值重载用于已存在对象的赋值。文章详细介绍了每个函数的特点、使用方法及注意事项，并提供了代码示例。这些默认成员函数确保了资源的正确管理和对象状态的维护。
ephemerals__
80 4
ephemerals__
|
1月前
|
存储 编译器 Linux
【c++】类和对象（上）（类的定义格式、访问限定符、类域、类的实例化、对象的内存大小、this指针）
本文介绍了C++中的类和对象，包括类的概念、定义格式、访问限定符、类域、对象的创建及内存大小、以及this指针。通过示例代码详细解释了类的定义、成员函数和成员变量的作用，以及如何使用访问限定符控制成员的访问权限。此外，还讨论了对象的内存分配规则和this指针的使用场景，帮助读者深入理解面向对象编程的核心概念。
ephemerals__
86 4
青竹雾色间
|
前端开发 开发者
HTML+CSS+JS 学习笔记（二）———CSS
HTML+CSS+JS 学习笔记（二）———CSS
青竹雾色间
195 0
青竹雾色间
|
移动开发 前端开发 搜索推荐
HTML+CSS+JS 学习笔记（一）———HTML(上)
HTML+CSS+JS 学习笔记（一）———HTML(上)
青竹雾色间
123 0
HTML+CSS+JS 学习笔记（一）———HTML(上)
青竹雾色间
|
存储 JavaScript 前端开发
HTML+CSS+JS 学习笔记（三）———Javascript(中)
HTML+CSS+JS 学习笔记（三）———Javascript(中)
青竹雾色间
66 0
青竹雾色间
|
存储 编解码 JavaScript
HTML+CSS+JS 学习笔记（三）———Javascript(上)
HTML+CSS+JS 学习笔记（三）———Javascript(上)
青竹雾色间
90 0
青竹雾色间
|
移动开发 前端开发 数据安全/隐私保护
HTML+CSS+JS 学习笔记（一）———HTML(下)
HTML+CSS+JS 学习笔记（一）———HTML(下)
青竹雾色间
86 0

热门文章

最新文章

  • 1
    C++中deque的用法（超详细，入门必看）
  • 2
    2013级C++第1周(春)项目——枚举类型与结构体初步
  • 3
    c++模板类
  • 4
    基于C++(QT框架)设计的网络摄像头项目(支持跨平台运行)
  • 5
    C++ Exercises（九）
  • 6
    C++第17周项目2——用指针玩字符串（1）连接
  • 7
    C++之虚函数
  • 8
    C++ 连接数据库的入口和获取列数、数据
  • 9
    C++11新特性：自动类型推断和类型获取
  • 10
    26、C++ Primer 4th 笔记，模板与泛型编程(1)
  • 1
    html在线预览CAD（手机小程序浏览DWG）二次开发图层表的方法
    139
  • 2
    HTML5 Canvas 提供丰富的绘图API，支持绘制图形、文本、渐变和图像，助力游戏开发
    71
  • 3
    好看的html网站维护源码
    244
  • 4
    html+echars图表加日期检索
    61
  • 5
    html+echars的统计报表
    62
  • 6
    【CSDN创作优化1】个人简介优化 html font属性
    65
  • 7
    一种pug与html相互转换的工具
    98
  • 8
    android TextView HTML 的效果
    46
  • 9
    BeautifulSoup 是一个 Python 库，用于从 HTML 和 XML 文件中提取数据
    143
  • 10
    HTML5/CSS3粒子效果进度条代码
    69

    • 相关课程

    更多
  • C++ 入门教程开发文档
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • HTML 入门与实战
  • HTML基础入门学习
  • 零基础学前端HTML+CSS

    • 相关电子书

    更多
  • 使用C++11开发PHP7扩展
  • GPON Class C++ SFP O;T Transce
  • GPON Class C++ SFP OLT Transce

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • HTML及前端框架
    • 下一篇
    DataWorks