HtmlRender - c++实现的html生成类

🕗 发布于 2024-09-21 04:02 c++ html

HtmlRender

在CppTinParser/render.hpp中定义和实现。

使用c++实现的简易Html编辑类。

简介

目前，c++有几个Html解析器，而少见便捷规范的html生成器，HtmlRender则提供了一个简单的、规范的html内容生成器。用c++实现html内容生成器，并不是简单的字符串拼接，这样会导致代码编写不规范、易读性下降，而且无法应对复杂html生成任务。HtmlRender借鉴了python的第三方html编写库——dominate。

使用接口

初始化

HtmlRender* item = HtmlRender(string tag, string content, map<string,string> kws, bool onetag=false, bool pre=false)
//tag 标签名称，如果为空字符串，则在生成时直接产生content，不添加标记
//content 标签内容
//kws 标签参数
//onetag 是否为单标签，比如<br>, <hr>等
//pre 是否显示为原文本

生成html文本

string result = HtmlRender.render()

该函数将生成并返回该HtmlRender所包含的html文本内容。一般应只用tag = "html"的HtmlRender使用该函数，以此来实现完整的html文本。当然，任意HtmlRender实例均可，单标签也可使用该函数，但是生成内容将大概率出现错误。

添加子元素

为了方便操作，HtmlRender使用list作为容器来存取子元素指针，这里的子元素同样是HtmlRender。具体增加代码如下：

HtmlRender* subitem = new HtmlRender(...)
item.add(subitem)

如果父元素本身就是通过new创建，则使用如下代码：

item->add(subitem)

设置标签元素内容和参数

设置内容：

item.configcnt(string content)

设置参数：

item.configkws(map<string, string> kws)

获取父元素指针

除了顶级元素，任何一个标签元素在被使用add方法后，都会有明确的父元素。

通过如下代码获取父元素指针：

HtmlRender* p_item = subitem->parent()
//p_item == &item

获取子元素指针列表

如果一个元素使用了add方法，则必然含有子元素。

使用如下代码获取子元素指针列表

list<HtmlRender*> children = item.children()

实现原理

添加子元素

获取子元素指针，在子元素指针列表中添加该指针。

void HtmlRender::add(HtmlRender* item) {
    //添加html内容
    this->htmlcontent.push_back(item);
    item->_parent = this;
}

渲染

首先生成元素自身标签、参数、内容，然后遍历子元素指针列表，获取所有子元素以及多级子元素的渲染生成内容，最后加上自身结束标签（如果有的话）。

string HtmlRender::render() {
    //渲染为html文本
    if (this->tag == ""){
        return this->content;
    }
    string htmltext = "<" + this->tag;
    for (auto &kw : this->kws) {
        htmltext += " " + kw.first + "=\"" + kw.second + "\"";
    }
    htmltext += ">";

    htmltext += this->content;
    
    for (auto item = this->htmlcontent.begin(); item != this->htmlcontent.end(); ++item) {
        string subtext = (*item)->render();
        htmltext += "\n" + subtext;
    }

    if (this->onetag){
        //单标签
        htmltext += "\n";
    }else{
        htmltext += "\n</" + this->tag + ">";
    }
    return htmltext;
}

示例

测试代码：

int main(){
HtmlRender html = HtmlRender("html", "", {});
HtmlRender* head = new HtmlRender("head", "", {});
HtmlRender* title = new HtmlRender("title", "TinML", {});
    head->add(title);
html.add(head);

HtmlRender* body = new HtmlRender("body", "", {});
html.add(body);

HtmlRender* t1 = new HtmlRender("h1", "TITLE", {});
body->add(t1);
for (int i=0; i<10; i++){
HtmlRender* p = new HtmlRender("p", "paragraph - " + to_string(i), {});
body->add(p);
}

string htmltext = html.render();
cout << htmltext <<endl;

return 0;
}

结果：

<html>
<head>
<title>TinML
</title>
</head>
<body>
<h1>TITLE
</h1>
<p>paragraph - 0
</p>
<p>paragraph - 1
</p>
<p>paragraph - 2
</p>
<p>paragraph - 3
</p>
<p>paragraph - 4
</p>
<p>paragraph - 5
</p>
<p>paragraph - 6
</p>
<p>paragraph - 7
</p>
<p>paragraph - 8
</p>
<p>paragraph - 9
</p>
</body>
</html>

主要源码

string subreplace(std::string resource_str, std::string sub_str, std::string new_str){
    string dst_str = resource_str;
    string::size_type pos = -1;
    //这里要专门处理&转义后仍存在的&符号，所以find使用了pos
    while((pos = dst_str.find(sub_str, pos+1)) != std::string::npos)   //替换所有指定子串
    {
        dst_str.replace(pos, sub_str.length(), new_str);
    }
    return dst_str;
}

class HtmlRender {
    //html编辑类
public:
    HtmlRender()=default;
    HtmlRender(string tag, string content, map<string,string> kws, bool onetag=false, bool pre=false){
        this->tag = tag;
        // this->content = content;
        // this->kws = kws;
        this->pre = pre;
        if (pre){
            //原文本内容
            this->content = content;
        }else{
            this->load_content(content);
        }
        this->load_kws(kws);
        this->onetag = onetag;

        this->_parent = NULL;
    }
    HtmlRender* _parent;//父节点
    string render();//输出html文本
    void add(HtmlRender* item);//添加html内容
    void configcnt(string content);//配置html内容
    void configkws(map<string, string> kws);//配置html内容
    HtmlRender* parent();
    list<HtmlRender*> children();//获取子HtmlRender内容
private:
    list<HtmlRender*> htmlcontent;//html文件内容
    string tag;//html标签
    string content;//标签内容
    map<string, string> kws;//html关键字
    bool onetag;//是否为单标签
    bool pre;//是否为原文本内容

    const map<string, string> ascii_ent = { { "\"", "quot" }, { "\'", "apos" }, { "&", "amp" }, { "<", "lt" }, { ">", "gt" } };//ascii转义

    void load_content(string content);//加载内容
    void load_kws(map<string, string> kws);//加载关键字
    string escape_ascii(string content);//转义ascii字符

};

string HtmlRender::render() {
    //渲染为html文本
    if (this->tag == ""){
        return this->content;
    }
    string htmltext = "<" + this->tag;
    for (auto &kw : this->kws) {
        htmltext += " " + kw.first + "=\"" + kw.second + "\"";
    }
    htmltext += ">";

    htmltext += this->content;
    
    for (auto item = this->htmlcontent.begin(); item != this->htmlcontent.end(); ++item) {
        string subtext = (*item)->render();
        htmltext += "\n" + subtext;
    }

    if (this->onetag){
        //单标签
        htmltext += "\n";
    }else{
        htmltext += "\n</" + this->tag + ">";
    }
    return htmltext;
}

void HtmlRender::add(HtmlRender* item) {
    //添加html内容
    this->htmlcontent.push_back(item);
    item->_parent = this;
}

void HtmlRender::configcnt(string content) {
    //配置html内容
    if (this->pre){
        //原文本内容
        this->content = content;
    }else{
        string ascii_ent = this->escape_ascii(content);
        this->content = ascii_ent;
    }
 }

void HtmlRender::configkws(map<string, string> kws) {
    //配置html内容
    for (auto &kw : kws) {
        string value = kw.second;
        string ascii_ent = this->escape_ascii(value);
        kw.second = value;
    }
    this->kws = kws;
 }

HtmlRender* HtmlRender::parent() {
    return this->_parent;
}

list<HtmlRender*> HtmlRender::children() {
    return this->htmlcontent;
}

void HtmlRender::load_content(string content) {
    //加载内容
    string ascii_ent = this->escape_ascii(content);
    this->content = ascii_ent;
 }

void HtmlRender::load_kws(map<string, string> kws) {
    //加载关键字
    for (auto &kw : kws) {
        string value = kw.second;
        string ascii_ent = this->escape_ascii(value);
        kw.second = value;
    }
    this->kws = kws;
 }

string HtmlRender::escape_ascii(string content) {
    //转义ascii字符
    for (auto &item : this->ascii_ent) {
        content = subreplace(content, item.first, "&" + item.second + ";");
    }
    return content;
 }

原文地址：https://blog.csdn.net/tinga_kilin/article/details/142315966

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！

上一篇：深度学习——微积分求导，反向传播
下一篇：MyBatis-Plus代码一键生成

Vue使用代理方式解决跨域问题
如果 Vue 前端应用请求后端 API 服务器，出现跨域问题（CORS），这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。通过使用代理方式解决跨域问题。
阅读更多2024-09-21
[网络层]-IP协议相关特性
不同的子网就是把网络号相同的主机放在一起, 如果在子网中新增一台主机, 则这台主机的网络号和这个子网的网络号一致,但是主机号不能和其他主机的主机号重复,通过合理的设置主机号和网络号,就可以保证在相互连
阅读更多2024-09-21
MySQL篇（存储引擎 - InnoDB存储引擎架构）（持续更新迭代）
MySQL5.5 版本开始，默认使用InnoDB存储引擎，它擅长事务处理，具有崩溃恢复特性，在日常开发中使用非常广泛。下面是InnoDB架构图，左侧为内存结构，右侧为磁盘结构。
阅读更多2024-09-21
ElasticSearch-2-核心语法集群高可用实战-Week2
这里多个文档是指，批量操作多个文档，搜索查询文档将在之后的章节讲解批量获取文档数据是通过_mget的API来实现的。
阅读更多2024-09-21
C#自定义曲线绘图面板
1、显示面板绘制。2、拖动面板，X轴、Y轴都可以拖动。3、显示面板缩放，放大或者缩小。4、鼠标在面板中对应的XY轴数值。5、自动生成的数据数组，曲线显示。6、鼠标是否在曲线上检测。
阅读更多2024-09-21
Web开发之Thymeleaf引擎
模板引擎就是一种用于将动态数据与HTML模板结合，生成最终用户界面的工具，它可以帮助开发者以可维护和结构化的方式创建动态Web页面，模板引擎通常支持数据的动态插入、条件渲染、循环等功能Thymele
阅读更多2024-09-21
【C++】探秘二叉搜索树
二叉搜索树的底层实现
阅读更多2024-09-21
【Linux基础IO】深入Linux文件描述符与重定向：解锁高效IO操作的秘密
在Linux操作系统的广阔世界中，文件描述符（File Descriptor，简称fd）和重定向是理解并高效利用Linux IO（输入/输出）机制的关键基石。它们不仅是系统编程中不可或缺的概念，也是日
阅读更多2024-09-21
Css_动态渐变圆圈旋转效果
【代码】Css_渐变圆圈动态旋转效果。
阅读更多2024-09-21
其他比较条件
NULL条件，包括IS NULL条件和IS NOT NULL条件。空值的意思是难以获得的、未指定的、未知的或者不适用的。示例：查询employees表，找出薪水是5000,6000,8000的雇员ID
阅读更多2024-09-21

HtmlRender - c++实现的html生成类

HtmlRender

简介

使用接口

初始化

生成html文本

添加子元素

设置标签元素内容和参数

获取父元素指针

获取子元素指针列表

实现原理

添加子元素

渲染

示例

主要源码

相关文章