.概述网站建设的基本流程免费自学编程的app

.概述网站建设的基本流程,免费自学编程的app,营销型网站模板下载,wordpress 调取缩略图向AI转型的程序员都关注公众号 机器学习AI算法工程DeepSeek可以生成文本数据#xff0c;如果需要制作图表#xff0c;则需要与其他的一些工具相互配合。这些工具中有大家所熟知的Visio、http://draw.io等。http://draw.io是一款开源免费的图表制作工具#xff0c;作者《大模…向AI转型的程序员都关注公众号 机器学习AI算法工程DeepSeek可以生成文本数据如果需要制作图表则需要与其他的一些工具相互配合。这些工具中有大家所熟知的Visio、http://draw.io等。http://draw.io是一款开源免费的图表制作工具作者《大模型实战多领域应用开发》和《大模型实战Agent开发与应用》两本书中的插图就全部是用http://draw.io制作的。关于DeepSeek与http://draw.io相配合制作图表的方法网上已有一些方法但问题比较多稳定性也比较差。现介绍一种简单、稳定、图表样式多、功能强大的AI制图方法。一、原理原理很简单用提示词业务需求格式举例生成XML文件。展开来讲http://draw.io默认使用.drawio后缀的文件名这种文件中图表中很多元素是以svg矢量图的方式保存格式为base64DeepSeek虽然不能直接生成这种格式但是.drawio文件可以导成XML格式的纯文本文件这个XML文件用http://draw.io可以打开这样就可以使用DeepSeek生成XML格式的纯文本来制作图表。二、制作过程制作过程细分为4步其中第一步要注意一下其他步都是大家日常使用频率很高的操作只是点一下鼠标而已一点也不麻烦。1、准备提示词在一些文章介绍的方法中生成的图表往往效果不佳表现为结果发散、样式不美观、后期修改工作量大等主要原因还是提示词过于简单本例中提示词不但要包括具体业务需求还要举个生成格式的例子这样出来的结果不但贴近需求也比较美观。提示词举例如下我现在需要一个CRM系统的部署架构图使用WEB结构K8S部署。 请直接帮我用draw.io默认的文件格式生成输出的XML可以直接用draw.io工具装载。XML的格式举例如下?xml version1.0 encodingUTF-8?mxfile hostapp.diagrams.net page1 diagram name分页名称 mxGraphModel dx1428 dy849 grid1 gridSize10 guides1 tooltips1 connect1 arrows1 fold1 page1 pageScale1 pageWidth1169 pageHeight827 math0 shadow0 root mxCell id0 / mxCell id1 parent0 / mxCell idnq-HUVbVELaHH7V7m82m-1 valueamp;nbsp; 前端层 stylerounded0;whiteSpacewrap;html1;fontSize16;strokeColor#82b366;fillColor#d5e8d4;alignleft;verticalAligntop;fontStyle1 vertex1 parent1 mxGeometry x170 y60 width670 height140 asgeometry / /mxCell mxCell idnq-HUVbVELaHH7V7m82m-3 valueWEB门户 styledashed0;outlineConnect0;html1;aligncenter;labelPositioncenter;verticalLabelPositionbottom;verticalAligntop;shapemxgraph.weblogos.html5;fontSize14;strokeColordefault; vertex1 parent1 mxGeometry x360 y90 width52.400000000000006 height74 asgeometry / /mxCell mxCell idnq-HUVbVELaHH7V7m82m-4 value移动应用 stylehtml1;verticalLabelPositionbottom;aligncenter;labelBackgroundColornone;verticalAligntop;strokeWidth2;strokeColor#0080F0;shadow0;dashed0;shapemxgraph.ios7.icons.smartphone;fontSize14; vertex1 parent1 mxGeometry x520 y104 width40 height60 asgeometry / /mxCell mxCell idnq-HUVbVELaHH7V7m82m-5 value管理后台 styleaspectfixed;perimeterellipsePerimeter;html1;aligncenter;shadow0;dashed0;spacingTop3;image;imageimg/lib/active_directory/home_page.svg;fontSize14;strokeColordefault;labelBackgroundColornone; vertex1 parent1 mxGeometry x670 y95.75 width69.44 height62.5 asgeometry / /mxCell mxCell idnq-HUVbVELaHH7V7m82m-6 valueamp;nbsp; 应用层 stylerounded0;whiteSpacewrap;html1;fontSize16;strokeColor#d79b00;fillColor#ffe6cc;alignleft;verticalAligntop;fontStyle1 vertex1 parent1 mxGeometry x170 y210 width670 height130 asgeometry / /mxCell mxCell idnq-HUVbVELaHH7V7m82m-8 value认证服务 styleverticalLabelPositionbottom;shadow0;dashed0;aligncenter;html1;verticalAligntop;strokeWidth1;shapemxgraph.mockup.containers.userMale;strokeColor#666666;strokeColor2#008cff;labelBackgroundColornone;fontSize14; vertex1 parent1 mxGeometry x317.5 y240 width50 height50 asgeometry / /mxCell /root /mxGraphModel /diagram/mxfile注意mxCell元素的属性不能重复定义2、用DeepSeek生成XML使用DeepSeek R1、DeepSeek V3或其他大模型输入以上提示词生成的XML内容保存成文件。3、校验XML文件生成的XML格式依赖于模型的能力有可能格式会有问题双击XML文件用浏览器打开此文件查看是否报错如果文件以层级显示则没有问题如有报错则需要手动修改XML文件。有问题的情况多发生在用Ollama在本地部署的量化模型服务时出现DeepSeek的在线服务不会有问题。4、用http://draw.io打开XML文件用http://draw.io软件打开此XML文件再进行修改加工就可以了。三、高级应用按以上提示词格式生成图表的样式比较固定如果需要更多样式可以采用以下方法。1、下载http://draw.io的源码gitclonehttps://github.com/jgraph/drawio-diagrams在examples目录下找到合适的例子然后通过“文件-导出-XML”导出成XML文件。2、准备提示词提示词中举例的部分就按以上例子中的XML的内容设定。一般大模型的输入窗口都超过了8K所以提示词不要超过8K就行了太长的话中间删除些内容即可。下图是以infographic-project-steps.drawio为例的生成结果除了上述方法这年头谁还人工画图啊我用 AI 几十秒就搞定了。这个最近大火的 AI 画图神器完全免费开源短短几天就涨了 6k star值得收藏开源指路https://github.com/DayuanJiang/next-ai-draw-io这个项目支持在线体验你可以完全从 0 开始画图比如画一个流程图演示 RAG 的工作原理。⭐️ 建议观看视频演示https://bilibili.com/video/BV18NmnB4EeMAI 会自动生成 Draw.io 绘图代码很快精美的流程图就搞定了然后你可以利用 Draw.io 自身强大的绘图能力手动修改任意元素、或者是改变风格样式。也可以通过 AI 对话让它帮你修改比如改成动画连接线逼格一下子就上来了。还有程序员工作涉及的架构图提示词绘制电商平台的微服务架构图UML 类图提示词用 UML 类图展示用户管理模块的设计ER 图提示词绘制在线教育平台的数据库 ER 图时序图提示词用时序图展示用户登录的交互过程知识讲解图提示词用动画演示冒泡排序的执行过程甚至是沙雕图提示词让程序员鱼皮卑微地求用户点赞这些通通不在话下帮你节省大把的时间和毛发~还有一些使用小技巧比如配合免费的图标库让整个绘图元素更丰富。提示词使用 AWS 图标生成 CDN 架构图可以使用原生 SVG 动画标签给整个绘图增加缩放和路径动画不过支持的动画很有限。提示词演示 DDOS 攻击使用 SVG 的 animateMotion 和 animateTransform typescale 增加缩放和路径动画还可以自己上传一个草图比如我用文本模型生成的 Mermaid 流程图让 AI 帮我替换为更美观的样式风格。提示词改为彩虹主题的配色、放大字体、使用加粗动画连接线效果还不错吧最后导出为各种图片或文档格式美滋滋~注意官方提供的演示网站可能限量和不稳定像我连续用了几次就被拒绝了所以我建议下载开源代码到本地按照官方文档的说法 配置自己的大模型 来运行或者用 Docker 一键启动想怎么用就怎么用。最后多说两句这个项目的实现其实并不复杂。作者通过集成 Vercel AI SDK 轻松对接各种大模型让 AI 生成 draw.io 能理解的 XML 代码然后直接使用开源的 draw.io 代码实现了核心的绘图展示和编辑能力整个过程和 AI 生成网站是类似的。你学会了吗机器学习算法AI大数据技术搜索公众号添加datanlp长按图片识别二维码阅读过本文的人还看了以下文章最顶尖的OCR算法有哪些最强一键抠图19Kstar 的 Rembg 开源神器实时语义分割ENet算法提取书本/票据边缘整理开源的中文大语言模型以规模较小、可私有化部署、训练成本较低的模型为主《大语言模型》PDF下载动手学深度学习-李沐PyTorch版本YOLOv9电动车头盔佩戴检测详细讲解模型训练TensorFlow 2.0深度学习案例实战基于40万表格数据集TableBank用MaskRCNN做表格检测《基于深度学习的自然语言处理》中/英PDFDeep Learning 中文版初版-周志华团队【全套视频课】最全的目标检测算法系列讲解通俗易懂《美团机器学习实践》_美团算法团队.pdf《深度学习入门基于Python的理论与实现》高清中文PDF源码《深度学习基于Keras的Python实践》PDF和代码特征提取与图像处理(第二版).pdfpython就业班学习视频从入门到实战项目2019最新《PyTorch自然语言处理》英、中文版PDF源码《21个项目玩转深度学习基于TensorFlow的实践详解》完整版PDF附书代码《深度学习之pytorch》pdf附书源码PyTorch深度学习快速实战入门《pytorch-handbook》【下载】豆瓣评分8.1,《机器学习实战:基于Scikit-Learn和TensorFlow》《Python数据分析与挖掘实战》PDF完整源码汽车行业完整知识图谱项目实战视频(全23课)李沐大神开源《动手学深度学习》加州伯克利深度学习2019春教材笔记、代码清晰易懂李航《统计学习方法》最新资源全套《神经网络与深度学习》最新2018版中英PDF源码将机器学习模型部署为REST APIFashionAI服装属性标签图像识别Top1-5方案分享重要开源CNN-RNN-CTC 实现手写汉字识别yolo3 检测出图像中的不规则汉字同样是机器学习算法工程师你的面试为什么过不了前海征信大数据算法风险概率预测【Keras】完整实现‘交通标志’分类、‘票据’分类两个项目让你掌握深度学习图像分类VGG16迁移学习实现医学图像识别分类工程项目特征工程(一)特征工程(二) :文本数据的展开、过滤和分块特征工程(三):特征缩放,从词袋到 TF-IDF特征工程(四): 类别特征特征工程(五): PCA 降维特征工程(六): 非线性特征提取和模型堆叠特征工程(七)图像特征提取和深度学习如何利用全新的决策树集成级联结构gcForest做特征工程并打分Machine Learning Yearning 中文翻译稿不断更新资源深度学习、机器学习、数据分析、python搜索公众号添加datayx