在ChatGPT编程超能力中究竟有多全13个章节50个实例让小白也能轻松理解科技创新素材
在ChatGPT的编程超能力中,13个章节、50个实例,让小白也能轻松掌握科技创新素材!从初学者学习知识到面试准备,你需要的一切都已覆盖。
然而,ChatGPT虽然强大,但它不能替代我们的知识和技能。它只输出,不管对错,最终用还是不用,都需使用者自己决策。在享受其便利的同时,也要保持学习状态,充实自己的技能。
一、代码生成
ChatGPT可以生成各种Web开发任务的代码,让你的效率倍增!它不仅能生成简洁明了的HTML和CSS代码,还能轻松生成JavaScript函数,甚至数据库查询语句,都能搞定Web开发。
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.
联系支持
这个表单中,姓名和电子邮件是必填字段,因此可以在输入框中使用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.
function getAvatarLetters(fullName) {
// 分割全名为名字和姓氏
const names = fullName.trim().split(' ');
let avatar = '';
// 遍历每个名字并将其第一个字符添加到头像中
for (let i = 0; i < names.length; i++) {
if (i < 2) {
avatar += names[i][0];
}
if (avatar.length > 2) {
avatar = avatar.substring(0, 2);
}
}
return avatar;
}
例如,如果输入的全名为“张三”,则该函数将返回“张”,如果输入的全名为“张三丰”,则该函数将返回“张三”。
1.3 提示词:
Write an/ an API for functionality using database.
举例:
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("Connected to MongoDB"))
.catch((err) => console.error("Failed to connect to 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) => {
const userId = req.userId; // 假设已经通过身份验证获取到当前用户ID
User.findById(userId)
.then(user => {
if (!user){
res.status(404).send("User not found");
} else {
let userInfo;
userInfo.name= user.name;
userInfo.email= user.email;
res.send(userInfo);
}
})
.catch(err=>{
console.error(Error fetching user info:${err});
res.status(500).send("Fetching User Info failed");
});
});
// 启动服务器端口3000
this API defines GET route /api/profile that fetches the current logged in users' profile information from database.
In route handler first gets the current logged in users ID from request object then use findById() method on User model find this users info from DB.
If any error occur send back server side error with status code of HTTP response.
If no record found send back not found response with status code of HTTP response otherwise create JSON object containing fetched data then send it back client side