科技画ChatGPT编程超能力全解13章50例小白通识

  • 天文图吧
  • 2025年01月10日
  • 前言 在这个快速变化的数字时代,技术不断进步,我们需要一种更有效率、更高效的方式来学习和掌握新的技能。ChatGPT作为一个强大的工具,它能够帮助我们简化工作流程,减少错误,并且改进代码。今天,我们将通过十三个章节和50个实例,为大家展示ChatGPT在编程开发方面的无限潜力。 一、代码生成 1.1 提示词: Generate a semantic and accessible HTML and

科技画ChatGPT编程超能力全解13章50例小白通识

前言

在这个快速变化的数字时代,技术不断进步,我们需要一种更有效率、更高效的方式来学习和掌握新的技能。ChatGPT作为一个强大的工具,它能够帮助我们简化工作流程,减少错误,并且改进代码。今天,我们将通过十三个章节和50个实例,为大家展示ChatGPT在编程开发方面的无限潜力。

一、代码生成

1.1 提示词:

Generate a semantic and accessible HTML and (framework) CSS [UI component] consisting of [component parts]. The [component parts] should be [layout].

举例:

Generate a semantic HTML and Tailwind CSS Contact Support form consisting of the users name, email, issue type, and message. The form elements should be stacked vertically and placed inside a card.

生成结果下面是一个使用语义化HTML和Tailwind CSS构建的“联系支持”表单,包含用户的姓名、电子邮件、问题类型和留言。表单元素垂直堆叠,放置在一个卡片中。

联系支持 在这个表单中,姓名和电子邮件是必填字段,因此可以在输入框中使用required属性。您还可以根据需要自定义CSS样式。

1.2 提示词:

Write a JavaScript function. It accepts [input] and returns [output].

举例:

Write a JavaScript function. It accepts a full name as input and returns avatar letters.

生成结果以下是接受全名为输入并返回头像字母的JavaScript函数:

function getAvatarLetters(fullName) { // 分割全名为名字和姓氏 const names = fullName.trim().split( ); let avatar = ; // 遍历每个名字并将其第一个字符添加到头像中 for (let i = 0; i < names.length; i++) { avatar += names[i][0]; } if (avatar.length > 2) { avatar = avatar.substring(0, 2); } // 返回头像 return avatar;}该函数将首先将输入的全名分割成名字和姓氏,然后遍历每个名字并将其第一个字符添加到头像中。如果头像的长度大于2,则将其截断为两个字符。最后,该函数返回头像。

例如,如果输入的全名为“张三”,则该函数将返回“张”,如果输入的全名为“张三丰”,则该函数将返回“张三”。

1.3 提示词:

Write an/ an API for/ functionality that makes use of/.

举例:

Write an Express.js API to fetch the current user's profile information using MongoDB.

生成结果以下是使用Express.js与MongoDB编写的一个API示例,用以获取当前用户个人资料信息:

const express = require(express);

const mongoose = require(mongoose);

const bodyParser = require(body-parser);

const app = express();

// 连接到MongoDB数据库

mongoose.connect(mongodb://localhost/myapp, { useNewUrlParser: true })

.then(() => console.log(MongoDB连接成功))

.catch((err) => console.error(MongoDB连接失败:${err}));

// 创建用户模型

const userSchema = new mongoose.Schema({

name: String,

email: String,

password: String});

const User = mongoose.model(User, userSchema);

// 添加中间件

app.use(bodyParser.urlencoded({ extended: true }));

app.use(bodyParser.json());

// 定义路由

app.get('/api/profile', async (req, res) => {

try {

const userId = req.userId;

const userDocum