ToB企服应用市场:ToB评测及商务社交产业平台

标题: 【愚公系列】《AIGC辅助软件开发》007-面向软件开发的提示工程:写Prompt就 [打印本页]

作者: 大连全瓷种植牙齿制作中心    时间: 2024-8-18 20:35
标题: 【愚公系列】《AIGC辅助软件开发》007-面向软件开发的提示工程:写Prompt就

    作者简介,愚公搬代码
《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产物云测专家,CSDN博客专家,CSDN商业化专家,阿里云专家博主,阿里云签约作者,腾讯云优秀博主,腾讯云内容共创官,掘金优秀博主,亚马逊技领云博主,51CTO博客专家等。
《近期荣誉》:2022年度博客之星TOP2,2023年度博客之星TOP2,2022光阴为云十佳博主,2023光阴为云十佳博主等。
《博客内容》:.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。
欢迎 点赞✍评论⭐收藏
  
  

媒介

在软件开发的过程中,需求的明确性和准确性是项目成功的关键。而随着人工智能技术的不断进步,提示工程(Prompt Engineering)作为一种新兴的方法论,正在为开发者提供一种更高效的需求表达方式。通过精确的Prompt计划,开发者能够与AI模型进行有效的互动,从而更好地实现功能需求和业务目标。
本文将深入探究面向软件开发的提示工程,重点分析如何通过撰写有效的Prompt来渐渐明确需求。我们将讨论Prompt的构成要素、最佳实践以及在实际开发中的应用案例。通过这些内容,您将了解到如何使用提示工程提拔需求沟通的效率,淘汰开发中的误解和返工。
无论您是刚入行的开发者,还是盼望提拔项目管理和需求分析能力的经验丰富的从业者,这篇文章都将为您提供实用的指导和深刻的看法。让我们一起探索提示工程的魅力,助力软件开发的每一步都更加精准和高效!
一、写Prompt就是渐渐明确需求的过程

如果你是程序员,那么在你写程序前应有一个明确的目标。这个目标大概是你的老板提的,大概是你的客户提的,也大概是你自己的想法。如果是别人的想法,你盼望最好能写成明确的需求文档,正常逻辑和非常逻辑都能事先考虑清楚,而不是在写程序过程中反复沟通确认,甚至末了还要返工。你还盼望尽早知道这个功能要服务的用户群体是谁,解决用户哪方面的痛点,想要达成怎样的业务效果,预期能带来多少收入。
1.让 ChatGPT 一步一步写出你想要的页面

任务描述
如果你是公司的资深程序员,你的老板给你安排了一项任务:制作一个H5页面,展示公司收罗的微博数据中当天讨论量最大的10条微博。
思路分析
然后把这件事交给ChatGPT,你可以试着这么问,看看它怎么说。
1.1 明确需求

  1. 做一个H5页面,把公司采集的微博数据中当天讨论量最大10条微博展示出来,只需要给出实现思路就行不需要代码。
复制代码

ChatGPT好像是猜到了你的想法,把你刚才心中所想的又复述了一遍,而且更有条理但这并不是你想要的答案。
你想要ChatGPT帮你写代码。如许就得细化一下需求,把任务拆分成前端代码和配景代码。
前端需要一个列表页,列表页长什么样?老板好像没有说。所以起首要跟老板确认,明确页面的风格、展示元素,以及内容详情页的细节。你如今不仅是程序员,还得是懂业务懂老板想法而且会写代码的产物经理,需求文档就需要由你来写了。
比起写需求文档,你大概更愿意写代码。能不能不写文档,而是让ChatGPT来完成?ChatGPT见多识广,应该看过微博热搜列表页。于是你又提了一个Prompt:
1.2 简朴需求

  1. 仿照微博热搜列表页,写一个HTML页面。
复制代码

运行下面代码
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>微博热搜列表</title>
  7.     <style>
  8.         body {
  9.    
  10.             font-family: Arial, sans-serif;
  11.             margin: 0;
  12.             padding: 0;
  13.             background-color: #f5f5f5;
  14.         }
  15.         .header {
  16.    
  17.             background-color: #ff8200;
  18.             color: white;
  19.             padding: 10px;
  20.             text-align: center;
  21.             font-size: 24px;
  22.         }
  23.         .search-bar {
  24.    
  25.             display: flex;
  26.             justify-content: center;
  27.             padding: 15px;
  28.             background-color: #ffffff;
  29.             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  30.         }
  31.         .search-bar input {
  32.    
  33.             width: 80%;
  34.             padding: 10px;
  35.             font-size: 16px;
  36.             border: 1px solid #ccc;
  37.             border-radius: 5px;
  38.         }
  39.         .hot-search-list {
  40.    
  41.             margin: 20px;
  42.             padding: 0;
  43.             list-style-type: none;
  44.         }
  45.         .hot-search-item {
  46.    
  47.             background-color: #ffffff;
  48.             margin-bottom: 10px;
  49.             padding: 15px;
  50.             border-radius: 5px;
  51.             box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  52.             display: flex;
  53.             justify-content: space-between;
  54.             align-items: center;
  55.         }
  56.         .hot-search-item .rank {
  57.    
  58.             font-size: 18px;
  59.             font-weight: bold;
  60.             color: #ff8200;
  61.             margin-right: 10px;
  62.         }
  63.         .hot-search-item .title {
  64.    
  65.             flex-grow: 1;
  66.             font-size: 16px;
  67.             color: #333;
  68.         }
  69.         .hot-search-item .heat {
  70.    
  71.             font-size: 14px;
  72.             color: #999;
  73.         }
  74.         .footer {
  75.    
  76.             text-align: center;
  77.             padding: 10px;
  78.             background-color: #fff;
  79.             color: #999;
  80.             font-size: 14px;
  81.             position: fixed;
  82.             bottom: 0;
  83.             width: 100%;
  84.             box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
  85.         }
  86.     </style>
  87. </head>
  88. <body>
  89. <div class="header">微博热搜榜</div
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。




欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/) Powered by Discuz! X3.4