osg::DrawElements*系列函数及GL_QUAD_STRIP、GL_QUADS绘制四边形效率对比

目录

1. 前言

2. osg::DrawElements*系列函数用法说明

3. GL_QUADS、GL_QUAD_STRIP用法及不同点

4. 效率对比

5. 总结

6. 参考资料

1. 前言

      利用osg绘制图元，如：三角形、四边形等，一般用osg::PrimitiveSet类。其派生出了很多子类，如下图所示：

图1 

在开发中，用DrawElements*系列函数和osg::DrawArrays函数绘制图元比较多，本文以绘制四边形为例子，以osg::DrawElementsUShort、osg::DrawArrays来讲解怎样绘制四边形，及GL_QUAD_STRIP、GL_QUAD的不同、它们之间的效率。

2. osg::DrawElements*系列函数用法说明

      osg::DrawElements*系列函数osg::DrawElementsUShort、osg::DrawElementsUBye、osg::DrawElementsUInt从osg::DrawElements派生，而osg::DrawElements对应OPenGL的glDrawElements函数，关于glDrawElements函数用法，请参考：

《glDrawElements用法说明》。

   osg::DrawArrays 类在直接从数组读取顶点数据时效果很好，没有间隙。 但是，当同一个顶点可以属于一个对象的多个面时，它就不那么有效了。 考虑这个例子：

图2 

一个立方体有八个顶点。 然而，从图中可以看出（我们正在考虑将一个立方体扫到一个平面上），一些顶点属于多个面。 如果我们构建一个包含 12 个三角形面的立方体（注：虽然是绘制四边形，但GPU等硬件在真正绘制时，是用两个三角形来拼出一个四边形的，对于硬件来说绘制2个三角形比直接一个四边形效率更高，故6个四边形其实内部绘制是12个三角形绘制的），那么这些顶点将重复，而不是 8 个顶点的数组，我们将得到 36 个顶点的数组，其中大部分实际上是相同的顶点！ 

      在OSG中，有类 osg::DrawElementsUInt、 osg::DrawElementsUByte和 osg::DrawElementsUShort，它们使用顶点索引数组作为数据，旨在解决上述问题。 索引数组存储描述几何体的面和其他元素的图元顶点的索引。 将这些类应用于立方体时，存储八个顶点的数据就足够了，这些顶点通过索引数组与面相关联。

   osg::DrawElements* 类型的类的设计方式与标准 std::vector 类的设计方式相同。 此代码可用于添加索引。如：

osg::ref_ptr<osg::DrawElementsUInt> de = new osg::DrawElementsUInt(GL_TRIANGLES);
de->push_back(0); 
de->push_back(1); 
de->push_back(2);
de->push_back(3); 
de->push_back(0); 
de->push_back(2);

此代码定义图2中所示的立方体的正面。考虑另一个说明性的例子——八面体。

图3 

很有趣，因为它只包含六个顶点，但每个顶点已经在四个三角形面中了！ 我们可以使用 osg::DrawArrays 创建一个包含 24 个顶点的数组来显示所有八个面。 然而，我们将采取不同的方式——我们将顶点存储在一个包含六个元素的数组中，并使用类 osg::DrawElementsUInt 生成面。

main.h

#ifndef     MAIN_H
#define     MAIN_H
#include<osg/Geometry>
#include<osg/Geode>
#include<osgUtil/SmoothingVisitor>
#include<osgViewer/Viewer>
#endif

 main.cpp

#include"main.h"
int main(int argc, char *argv[]){osg::ref_ptr<osg::Vec3Array> vertices = new osg::Vec3Array(6);(*vertices)[0].set( 0.0f,  0.0f,  1.0f);(*vertices)[1].set(-0.5f, -0.5f,  0.0f);(*vertices)[2].set( 0.5f, -0.5f,  0.0f);(*vertices)[3].set( 0.5f,  0.5f,  0.0f);(*vertices)[4].set(-0.5f,  0.5f,  0.0f);(*vertices)[5].set( 0.0f,  0.0f, -1.0f);osg::ref_ptr<osg::DrawElementsUInt> indices = new osg::DrawElementsUInt(GL_TRIANGLES, 24);(*indices)[ 0] = 0; (*indices)[ 1] = 1; (*indices)[ 2] = 2;(*indices)[ 3] = 0; (*indices)[ 4] = 4; (*indices)[ 5] = 1;(*indices)[ 6] = 4; (*indices)[ 7] = 5; (*indices)[ 8] = 1;(*indices)[ 9] = 4; (*indices)[10] = 3; (*indices)[11] = 5;(*indices)[12] = 3; (*indices)[13] = 2; (*indices)[14] = 5;(*indices)[15] = 1; (*indices)[16] = 5; (*indices)[17] = 2;(*indices)[18] = 3; (*indices)[19] = 0; (*indices)[20] = 2;(*indices)[21] = 0; (*indices)[22] = 3; (*indices)[23] = 4;osg::ref_ptr<osg::Geometry> geom = new osg::Geometry;geom->setVertexArray(vertices.get());geom->addPrimitiveSet(indices.get());osgUtil::SmoothingVisitor::smooth(*geom);osg::ref_ptr<osg::Geode> root = new osg::Geode;root->addDrawable(geom.get());osgViewer::Viewer viewer;viewer.setSceneData(root.get());return viewer.run();
}

上述代码先创建一个有六个顶点的数组，然后使用指针解引用操作和 operator [] 操作符寻址其坐标向量 赋值。别忘了 osg::Array 是 std::vector 的派生类。然后为面创建为顶点索引列表。面将是三角形的，共有 8 个，这意味着索引列表应包含 24 个元素。 面索引按顺序进入此数组：例如，面 0 由顶点 0、1 和 2 组成； 面 1 - 顶点 0、4 和 1； 面 2 - 顶点 4、5 和 1，依此类推。 顶点按逆时针顺序列出，如果你看正面（见图3）。

3. GL_QUADS、GL_QUAD_STRIP用法及不同点

      GL_QUADS：绘制一系列四边形，首先使用顶点V0、V1、V2、V3绘制第1个四边形，然后是V4、V5、V6、V7绘制第2个四边形，接下来以次类推，如果顶点个数n不是4的倍数，最后1个、2个、3个顶点被忽略。注意：如果四边形之间的顶点坐标不相同，则这些四边形是分离的，如下：

图4 

GL_QUAD_STRIP：绘制一系列四边形，首先使用顶点V0、V1、V3、V2绘制第1个四边形，接着是V2、V3、V5、V4，然后是V4、V5、V7、V6。以此类推。顶点个数n至少要大于4，否则不会绘制任何四边形。如果n是奇数，最后一点顶点就被忽略。如下：

图5 

GL_QUAD_STRIP画出一组共享边的四边形。对于较小的模型，共享边的差异可以忽略不计；对于较大的模型，使用GL_QUAD_STRIP意味着显著地节省了计算次数。从第一对顶点开始，相邻的两对定点被定义成一个四边形。定点 2n-1、2n、2n+2和2n+1定义了第n个四边形。有|V|/2-1个四边形将被绘制，|V|代表顶点的个数，如果|V|小于4，OpenGL将不会绘制任何图形。所有四边形将以逆时针顺序排列，互相连接形成四边形带。注意用来构成四边形的顶点顺序和使用GL_QUADS时的顺序是不同的，每一个四边形的第二对定点被逆向使用，以使每一个四边形顶点能被一致地定义。  

图6 

4. 效率对比

       本节以osg::DrawElements*系列函数及GL_QUAD_STRIP、GL_QUADS绘制四边形，以看看它们之间的效率差别。绘制10个连接的立方体如下：

图7

代码如下：

// QUAD_STRIP.cpp : 此文件包含 "main" 函数。程序执行将在此处开始并结束。
//#include<osgViewer/Viewer>
#include<osgViewer/ViewerEventHandlers>
#include<osg/PolygonMode>
#include<iostream>
//const auto g_quadCount = 1000000;
const auto g_quadCount = 10;osg::ref_ptr<osg::Geode> createQuads3()
{osg::ref_ptr<osg::Geode> spGeode = new osg::Geode;// Geode是Node的派生类，为了绘制图元的管理类osg::ref_ptr<osg::Geometry> spGeometory = new osg::Geometry;spGeode->addChild(spGeometory);osg::ref_ptr<osg::Vec3Array> spCoordsArray = new osg::Vec3Array;auto offset = 0;int nGeomeryCount = 0;while (true){// 前面spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, -1.0));  // 前左下顶点  V1spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, -1.0));   // 前右下顶点  V2spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, 1.0));   // 前左上顶点  V3。注意：前左上顶点才是第3个顶点，而不是前右上顶点 spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, 1.0));    // 前右上顶点  V4spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, 1.0));    // V5spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, 1.0));     // V6spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, -1.0));   // V7spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, -1.0));    // V8spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, -1.0));    // V9spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, -1.0));    // V10offset += 2; // y轴方向上宽度为2nGeomeryCount++;if (g_quadCount == nGeomeryCount){break;}}spGeometory->setVertexArray(spCoordsArray);spGeometory->addPrimitiveSet(new osg::DrawArrays(GL_QUAD_STRIP, 0, spCoordsArray->size()));return spGeode;
}osg::ref_ptr<osg::Geode> createQuads2()
{osg::ref_ptr<osg::Geode> spGeode = new osg::Geode;// Geode是Node的派生类，为了绘制图元的管理类osg::ref_ptr<osg::Geometry> spGeometory = new osg::Geometry;spGeode->addChild(spGeometory);//spGeode->addDrawable(spGeometory);// 可以将addChild替换为这句。osg::ref_ptr<osg::Vec3Array> spCoordsArray = new osg::Vec3Array;auto totalVertCount = g_quadCount * 8;osg::DrawElementsUShort* pDrawElemt = new osg::DrawElementsUShort(GL_QUADS, 24 * g_quadCount); // 立方体共8个顶点,每个顶点重复了3次auto iVertCount = 0;for (auto offset = 0; ; offset += 2){spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, -1.0));  // 0spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, 1.0));   // 1spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, 1.0));    // 2spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, -1.0));   // 3iVertCount += 4;if (iVertCount >= totalVertCount){break;}}for (auto guadIndex = 0; guadIndex < g_quadCount; ++guadIndex){auto nElementIndex = guadIndex * 24;// 右侧面auto temp = 4 * guadIndex;(*pDrawElemt)[0 + nElementIndex] = 0 + temp;(*pDrawElemt)[1 + nElementIndex] = 4 + temp;(*pDrawElemt)[2 + nElementIndex] = 5 + temp;(*pDrawElemt)[3 + nElementIndex] = 1 + temp;// 前面if (0 == guadIndex % 2)// 前一个立方体的后面和后一个立方体的前面重合，故只绘制一个{(*pDrawElemt)[4 + nElementIndex] = 0 + temp;(*pDrawElemt)[5 + nElementIndex] = 1 + temp;(*pDrawElemt)[6 + nElementIndex] = 2 + temp;(*pDrawElemt)[7 + nElementIndex] = 3 + temp;}// 左侧面(*pDrawElemt)[8 + nElementIndex] = 3 + temp;(*pDrawElemt)[9 + nElementIndex] = 7 + temp;(*pDrawElemt)[10 + nElementIndex] = 6 + temp;(*pDrawElemt)[11 + nElementIndex] = 2 + temp;// 上面(*pDrawElemt)[12 + nElementIndex] = 1 + temp;(*pDrawElemt)[13 + nElementIndex] = 5 + temp;(*pDrawElemt)[14 + nElementIndex] = 6 + temp;(*pDrawElemt)[15 + nElementIndex] = 2 + temp;// 后面(*pDrawElemt)[16 + nElementIndex] = 4 + temp;(*pDrawElemt)[17 + nElementIndex] = 5 + temp;(*pDrawElemt)[18 + nElementIndex] = 6 + temp;(*pDrawElemt)[19 + nElementIndex] = 7 + temp;// 底面(*pDrawElemt)[20 + nElementIndex] = 0 + temp;(*pDrawElemt)[21 + nElementIndex] = 4 + temp;(*pDrawElemt)[22 + nElementIndex] = 7 + temp;(*pDrawElemt)[23 + nElementIndex] = 3 + temp;}spGeometory->setVertexArray(spCoordsArray);spGeometory->addPrimitiveSet(pDrawElemt);return spGeode;
}osg::Geode* createQuads1()
{auto pGeode = new osg::Geode;auto pGeomery = new osg::Geometry;pGeode->addChild(pGeomery);auto spCoordsArray = new osg::Vec3Array;auto offset = 0;int nGeomeryCount = 0;while (true){// 右侧面spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, -1.0));  // 前右下顶点spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, -1.0));   // 后右下顶点spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, 1.0));    // 后右上顶点 spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, 1.0));   // 前右上顶点// 前面spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, -1.0));  // 右下顶点spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, 1.0));   // 右上顶点spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, 1.0));  // 左上顶点 spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, -1.0)); // 左下顶点// 左侧面spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, -1.0));  // 前左下顶点spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, 1.0));   // 前左上顶点spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, 1.0));    // 后左上顶点 spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, -1.0));   // 后左下顶点// 后面spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, -1.0));    // 后下顶点spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, 1.0));     // 后上顶点spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, 1.0));    // 左上顶点 spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, -1.0));   // 左下顶点// 上面spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, 1.0));     // 前右顶点spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, 1.0));      // 后右顶点spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, 1.0));     // 后左顶点 spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, 1.0));    // 前左顶点// 底面spCoordsArray->push_back(osg::Vec3d(1.0, -1.0 + offset, -1.0));     // 前右顶点spCoordsArray->push_back(osg::Vec3d(1.0, 1.0 + offset, -1.0));     // 后右顶点spCoordsArray->push_back(osg::Vec3d(-1.0, 1.0 + offset, -1.0));    // 后左顶点 spCoordsArray->push_back(osg::Vec3d(-1.0, -1.0 + offset, -1.0));   // 前左顶点offset += 2; // y轴方向上宽度为2nGeomeryCount++;if (g_quadCount == nGeomeryCount){break;}}pGeomery->setVertexArray(spCoordsArray);pGeomery->addPrimitiveSet(new osg::DrawArrays(GL_QUADS, 0, spCoordsArray->size()));return pGeode;
}int main()
{auto pRoot = new osg::Group;auto pGeode = createQuads3();pGeode->getOrCreateStateSet()->setAttribute(new osg::PolygonMode(osg::PolygonMode::FRONT_AND_BACK, osg::PolygonMode::LINE));pGeode->getOrCreateStateSet()->setMode(GL_LIGHTING, osg::StateAttribute::OFF);pRoot->addChild(pGeode);auto pViewer = new osgViewer::Viewer;auto pStatsHander = new osgViewer::StatsHandler;pViewer->addEventHandler(pStatsHander);pViewer->setSceneData(pRoot);pViewer->run();
}

 当g_quadCount为10时，把第195行代码分别换成createQuads1、createQuads2、createQuads3，在视景器窗体中连续按4次键盘小写s键时，createQuads1函数即用osg::DrawArrays及GL_QUADS各性能指标如下：

图8 osg::DrawArrays及GL_QUADS绘制10个立方体时的各性能指标

createQuads2函数即用osg::DrawElementsUShort及GL_QUADS各性能指标如下：

图9 osg::DrawElementsUShort及GL_QUADS绘制10个立方体时的各性能指标 

createQuads3函数即用osg::DrawArrays及GL_QUAD_STRIP各性能指标如下： 

图10 osg::DrawArrays及GL_QUAD_STRIP绘制10个立方体时的各性能指标  

当绘制的立方体个数为10即立方体个数很少时，这三者在GPU占用、帧率、绘制、裁剪等方面差别不是很大。

当将g_quadCount改为1000000时， createQuads1函数即用osg::DrawArrays及GL_QUADS各性能指标如下：

图11 osg::DrawArrays及GL_QUADS绘制1000000个立方体时的各性能指标 

createQuads2函数即用osg::DrawElementsUShort及GL_QUADS各性能指标如下： 

图12 osg::DrawElementsUShort及GL_QUADS绘制1000000个立方体时的各性能指标  

createQuads3函数即用osg::DrawArrays及GL_QUAD_STRIP各性能指标如下： 

图13 osg::DrawArrays及GL_QUAD_STRIP绘制100000个立方体时的各性能指标  

当要绘制的立方体很多时， 采用osg::DrawArrays和GL_QUAD_STRIP明显比osg::DrawElementsUShort及osg::DrawArrays和GL_QUADS效率高很多、GPU占用大大减少、帧率高；而osg::DrawElementsUShort和GL_QUADS比osg::DrawArrays和GL_QUADS效率高一些，因为osg::DrawElementsUShort采取的是点的索引，剔除了重复，所以效率会高点。

5. 总结

  • osg::DrawElements*系列函数采用点的索引绘制图元，而osg::DrawArrays采用点的数组来绘制图元，当点个数很多时，前者效率高些。
  • 当点个数是巨大量时，GL_QUAD_STRIP比采用GL_QUADS效率高很多。同样地GL_TRIANGLE_STRIP绘制三角形时效率比GL_TRIANGLES高。
  • 上述代码main函数中用到了统计和性能相关的各项参数的osgViewer::StatsHandler类，关于该类的用法，请参考：浅谈osgViewer::StatsHandler、osg::Stats类的用法

6. 参考资料

【1】：OpenGL编程指南（原书第7版）。

【2】：理解GL_QUAD_STRIP。

【3】：OSG几何开发快速教程。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.rhkb.cn/news/228329.html

如若内容造成侵权/违法违规/事实不符，请联系长河编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

详解全志R128 RTOS安全方案功能

详解全志R128 RTOS安全方案功能

介绍 R128 下安全方案的功能。安全完整的方案基于标准方案扩展&#xff0c;覆盖硬件安全、硬件加解密引擎、安全启动、安全系统、安全存储等方面。 配置文件相关 本文涉及到一些配置文件&#xff0c;在此进行说明。 env*.cfg配置文件路径&#xff1a; board/<chip>/&…
阅读更多...
Hive安装笔记——备赛笔记——2024全国职业院校技能大赛“大数据应用开发”赛项——任务2：离线数据处理

Hive安装笔记——备赛笔记——2024全国职业院校技能大赛“大数据应用开发”赛项——任务2：离线数据处理

将下发的ds_db01.sql数据库文件放置mysql中 12、编写Scala代码&#xff0c;使用Spark将MySQL的ds_db01库中表user_info的全量数据抽取到Hive的ods库中表user_info。字段名称、类型不变&#xff0c;同时添加静态分区&#xff0c;分区字段为etl_date&#xff0c;类型为String&am…
阅读更多...
sparkstreamnig实时处理入门

sparkstreamnig实时处理入门

1.2 SparkStreaming实时处理入门 1.2.1 工程创建 导入maven依赖 <dependency><groupId>org.apache.spark</groupId><artifactId>spark-streaming_2.12</artifactId><version>3.1.2</version> </dependency> <dependency…
阅读更多...
硬件安全模块 (HSM)、硬件安全引擎 (HSE) 和安全硬件扩展 (SHE)的区别

硬件安全模块 (HSM)、硬件安全引擎 (HSE) 和安全硬件扩展 (SHE)的区别

术语 硬件安全模块 (HSM) &#xff1a;Hardware Security Modules硬件安全引擎 (HSE) &#xff1a;Hardware Security Engines安全硬件扩展 (SHE) &#xff1a; Secure Hardware Extensions 介绍 在汽车行业中&#xff0c;硬件安全模块 (HSM)、硬件安全引擎 (HSE) 和安全硬件…
阅读更多...
【华为OD机试真题2023CD卷 JAVAJS】测试用例执行计划

【华为OD机试真题2023CD卷 JAVAJS】测试用例执行计划

华为OD2023（C&D卷）机试题库全覆盖，刷题指南点这里 测试用例执行计划 时间限制：1s 空间限制：256MB 限定语言：不限 题目描述： 某个产品当前迭代周期内有N个特性（）需要进行覆盖测试，每个特性都被评估了对应的优先级，特性使用其ID作为下标进行标识。 设计了M个测试用…
阅读更多...
2024 年软件工程将如何发展

2024 年软件工程将如何发展

软件开发目前正在经历一场深刻的变革&#xff0c;其特点是先进自动化的悄然但显着的激增。这一即将发生的转变有望以前所未有的规模简化高质量应用程序的创建和部署。 它不是单一技术引领这一演变&#xff0c;而是创新的融合。从人工智能(AI) 和数字孪生技术&#xff0c;到植根…
阅读更多...
JAVA：利用JUnit进行高效的单元测试

JAVA：利用JUnit进行高效的单元测试

1、简述 在软件开发中&#xff0c;单元测试是确保代码质量和可维护性的关键步骤。JUnit作为Java领域最流行的单元测试框架之一&#xff0c;提供了简单而强大的测试工具&#xff0c;可以帮助开发者在项目开发过程中及时发现和修复代码中的问题。本文将介绍JUnit的基本用法以及一…
阅读更多...
【动态规划】【字符串】C++算法：正则表达式匹配

【动态规划】【字符串】C++算法：正则表达式匹配

作者推荐 视频算法专题 涉及知识点 动态规划 字符串 LeetCode10:正则表达式匹配 给你一个字符串 s 和一个字符规律 p&#xff0c;请你来实现一个支持 ‘.’ 和 ‘’ 的正则表达式匹配。 ‘.’ 匹配任意单个字符 ’ 匹配零个或多个前面的那一个元素 所谓匹配&#xff0c;是…
阅读更多...
C# WPF上位机开发（MVVM模式开发）

C# WPF上位机开发（MVVM模式开发）

【 声明&#xff1a;版权所有&#xff0c;欢迎转载&#xff0c;请勿用于商业用途。 联系信箱&#xff1a;feixiaoxing 163.com】 学习过vue的同学都知道mvvm这个名词。从字面上理解&#xff0c;可能有点拗口&#xff0c;但是我们可以去理解一下它的优点是什么。mvc相信大家都明…
阅读更多...
微信小程序发送模板消息-详解【有图】

微信小程序发送模板消息-详解【有图】

前言 在发送模板消息之前我们要首先搞清楚微信小程序的逻辑是什么&#xff0c;这只是前端的一个demo实现&#xff0c;建议大家在后端处理&#xff0c;前端具体实现&#xff1a;如下图 1.获取小程序Id和密钥 我们注册完微信小程序后&#xff0c;可以在开发设置中看到以下内容&a…
阅读更多...
加强-＞servlet-＞tomcat

加强-＞servlet-＞tomcat

0什么是servlet jsp也是servlet 细细体会 Servlet 是 JavaEE 的规范之一&#xff0c;通俗的来说就是 Java 接口&#xff0c;将来我们可以定义 Java 类来实现这个接口&#xff0c;并由 Web 服务器运行 Servlet &#xff0c;所以 TomCat 又被称作 Servlet 容器。 Servlet 提供了…
阅读更多...
医院安全（不良）事件报告系统源码 支持二次开发、支持源码交付

医院安全（不良）事件报告系统源码 支持二次开发、支持源码交付

医疗不良事件报告系统源码旨在建立全面的、统一的医疗不良事件标准分类系统和患者安全术语&#xff0c;使不良事件上报管理更加标准化和科学化。通过借鉴国内外医疗不良事件报告系统的先进经验&#xff0c;根据医疗不良事件的事件类型、处理事件的不同部门&#xff0c;灵活设置…
阅读更多...
【c语言】飞机大战2

【c语言】飞机大战2

1.优化边界问题 之前视频中当使用drawAlpha函数时&#xff0c;是为了去除飞机后面变透明&#xff0c;当时当飞机到达边界的时候&#xff0c;会出现异常退出&#xff0c;这是因为drawAlpha函数不稳定&#xff0c;昨天试过制作掩码图&#xff0c;下载了一个ps,改的话&#xff0c…
阅读更多...
排序整形数组--------每日一题

排序整形数组--------每日一题

大家好这是今年最后的一篇了&#xff0c;感谢大家的支持&#xff0c;新的一年我会更加努力地。 文章目录 目录 文章目录 题⽬描述&#xff1a; 输⼊10个整数&#xff0c;然后使⽤冒泡排序对数组内容进⾏升序排序&#xff0c;然后打印数组的内容 一、题目解读 冒泡排序是⼀种基础…
阅读更多...
redis—List列表

redis—List列表

目录 前言 1.常见命令 2.使用场景 前言 列表类型是用来存储多个有序的字符串&#xff0c;如图2-19所示&#xff0c;a、b、C、d、e五个元素从左到右组成 了一个有序的列表&#xff0c;列表中的每个字符串称为元素(element) &#xff0c;一个列表最多可以存储2^32 - 1 个元素…
阅读更多...
nodejs微信小程序＋python＋PHP特困救助供养信息管理系统-计算机毕业设计推荐

nodejs微信小程序＋python＋PHP特困救助供养信息管理系统-计算机毕业设计推荐

目 录 摘 要 I ABSTRACT II 目 录 II 第1章 绪论 1 1.1背景及意义 1 1.2 国内外研究概况 1 1.3 研究的内容 1 第2章 相关技术 3 2.1 nodejs简介 4 2.2 express框架介绍 6 2.4 MySQL数据库 4 第3章 系统分析 5 3.1 需求分析 5 3.2 系统可行性分析 5 3.2.1技术可行性&#xff1a;…
阅读更多...
uniApp中uView组件库的丰富布局方法

uniApp中uView组件库的丰富布局方法

目录 基本使用 #分栏间隔 #混合布局 #分栏偏移 #对齐方式 API #Row Props #Col Props #Row Events #Col Events UniApp的uView组件库是一个丰富的UI组件库&#xff0c;提供了各种常用的UI组件和布局方法&#xff0c;帮助开发者快速构建美观、灵活的界面。下面给你写一…
阅读更多...
产品经理学习-策略产品指标

产品经理学习-策略产品指标

目录&#xff1a; 数据指标概述 通用指标介绍 Web端常用指标 移动端常用指标 如何选择一个合适的数据指标 数据指标概述 指标是衡量目标的一个参数&#xff0c;指一项活动中预期达到的指标、目标等&#xff0c;一般用数据表示&#xff0c;因此又称为数据指标&#xff1b;…
阅读更多...
设计模式-调停者模式

设计模式-调停者模式

设计模式专栏 模式介绍模式特点应用场景调停者模式与命令模式的比较代码示例Java实现调停者模式Python实现调停者模式 调停者模式在spring中的应用 模式介绍 调停者模式是一种软件设计模式&#xff0c;主要用于模块间的解耦&#xff0c;通过避免对象之间显式的互相指向&#x…
阅读更多...
PyTorch常用工具（2）预训练模型

PyTorch常用工具（2）预训练模型

文章目录 前言2 预训练模型 前言 在训练神经网络的过程中需要用到很多的工具&#xff0c;最重要的是数据处理、可视化和GPU加速。本章主要介绍PyTorch在这些方面常用的工具模块&#xff0c;合理使用这些工具可以极大地提高编程效率。 由于内容较多&#xff0c;本文分成了五篇…
阅读更多...
最新文章
推荐文章

Copyright @ 2022~2023