科技画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