Node-express项目--个人简历：搭建当前用户的个人信息接口Profile(6)

Vue 编码基础

2.1.1. 组件规范

2.1.2. 模板中使用简单的表达式

2.1.3 指令都使用缩写形式

2.1.4 标签顺序保持一致

2.1.5 必须为 v-for 设置键值 key

2.1.6 v-show 与 v-if 选择

2.1.7 script 标签内部结构顺序

2.1.8 Vue Router 规范

Vue 项目目录规范

2.2.1 基础

2.2.2 使用 Vue-cli 脚手架

2.2.3 目录说明

2.2.4注释说明

2.2.5 其他

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

type:[String],

require:true

},

// 数据格式为：json

experience:[{

current:{

type:Boolean,

default:true

},

title:{

type:String,

require:true

},

company:{

type:String,

require:true

},

location:{

type:String

},

from:{

type:String,

require:true

},

to:{

type:String

},

description:{

type:String,

require:true

},

}],

social:{

wechat:{

type:String

},

QQ:{

type:String

},

CSDN:{

type:String

}

},

date:{

type:Date,

default:Date.now()

}

})

module.exports = Profile = mongoose.model(“profile”,profileSchema);

2.在router/api文件夹下新建Profile的路由文件profile.js，先写一个简单的test 案例，测试路由是否正常

const express = require(“express”);

const router = express.Router();

router.get(‘/test’, (req, res) => {

res.json({ msg: “profile works” })

})

3.在index.js文件中引入该路由

const profile = require(“./routes/api/profile”);

app.use(“/api/profile”,profile);

4.路由测试（记得带上没有过期的token）

新增、修改个人信息

---

1.用户输入个人信息。用postman模拟（记得带上未过期的token）：

2.在profile.js文件中，把用户输入的信息全部收集存储到profileFields中

//$route POST api/profile/

//@desc add or modify profile msg

//@access private

router.post(“/”, passport.authenticate(“jwt”, { session: false }), (req, res) => {

const errors = {}

const profileFields = {}

profileFields.user = req.user.id;

// 字符串

if (req.body.handle) {

profileFields.handle = req.body.handle;

}

if (req.body.status) {

profileFields.status = req.body.status;

}

// 字符串数组

if (typeof req.body.skills !== “undefined”) {

profileFields.skills = req.body.skills.split(“,”);

}

// 对象-experience

// profileFields.experience = {}

// 此处不用手动创建空对象experience，否则，没有输入experience也会填充current，id，得到无意义数据experience:[{current:true, _id:12345678}]

if (req.body.current) {

profileFields.experience.current = req.body.current;

}

if (req.body.title) {

profileFields.experience.title = req.body.title;

}

if (req.body.company) {

profileFields.experience.company = req.body.company;

}

if (req.body.location) {

profileFields.experience.location = req.body.location;

}

if (req.body.from) {

profileFields.experience.from = req.body.from;

}

if (req.body.to) {

profileFields.experience.to = req.body.to;

}

if (req.body.description) {

profileFields.experience.description = req.body.description;

}

// 对象 social

if (req.body.wechat) {

profileFields.social.wechat = req.body.wechat;

}

if (req.body.QQ) {

profileFields.social.QQ = req.body.QQ;

}

if (req.body.CSDN) {

profileFields.social.CSDN = req.body.CSDN;

}

})

3.如果存在个人信息，则更新信息；如果没有，就新增信息

Profile.findOne({ user: req.user.id })

.then(profile => {

console.log(“profile”,profile);

if (profile) {

//用户信息存在,执行更新方法

Profile.findOneAndUpdate({ user: req.user.id }, { $set: profileFields }, { new: true })

.then(profile => res.json(profile))

} else {

//用户信息不存在,执行创建方法

Profile.findOne({ handle: profileFields.handle }).then(profile => {

new Profile(profileFields).save()

.then(profile => res.json(profile));

});

}

})

.catch(err => { res.status(404).json(err) })

4.postman测试结果

第一次send，由于没有添加过个人信息，因此此次是执行新增操作：

数据库查看：

将handle的值改成"test"，再次send，此次是更新个人信息:

数据库查看：

查询个人信息

---

1.get获取当前用户的个人信息，如果有，则显示，没有则提示用户没有个人信息

//$route GET api/profile/

//@desc return user profile msg

//@access private

router.get(“/”, passport.authenticate(“jwt”, { session: false }), (req, res) => {

// 能够操作此接口，代表用户是存在的，就会有用户id

// req.user.id是从认证获得的

profileFields.user = req.user.id;

// req.user.id是关联桥梁

Profile.findOne({ user: req.user.id })

.then(profile => {

if (!profile) {

errs.noprofile = “用户信息不存在”

return res.status(404).json(errs)

}

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

eq.user.id是关联桥梁

Profile.findOne({ user: req.user.id })

.then(profile => {

if (!profile) {

errs.noprofile = “用户信息不存在”

return res.status(404).json(errs)

}

最后

由于篇幅限制，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

[外链图片转存中…(img-lMa4pCWM-1715790380881)]

[外链图片转存中…(img-54UtQcX0-1715790380882)]