// router.js router.get('/api/articleDetail/:id', function (req, res) { db.Article.findOne({ _id: req.params.id }, function (err, docs) { if (err) { console.error(err) return } res.send(docs) }) })
post 请求
前端发起 post 请求，当请求成功被返回执行第一个回调函数，请求没有被成功返回则执行第二个回调函数。
// 新建文章 // 即将被储存的数据 obj let obj = { title: this.title, date: this.date, content: this.content, gist: this.gist, labels: this.labels } this.$http.post('/api/admin/saveArticle', { articleInformation: obj }).then( response => { self.$message({ message: '发表文章成功', type: 'success' }) // 保存成功后跳转至文章列表页 self.refreshArticleList() }, response => console.log(response) )
后端存储数据并返回结果
// router.js // 文章保存 router.post('/api/admin/saveArticle', function (req, res) { new db.Article(req.body.articleInformation).save(function (err) { if (err) { res.status(500).send() return } res.send() }) })
后端部分
后端使用 express 构建了一个简单的服务器，几乎只用于操作数据库。
app.js 位于项目根目录，使用 node app 运行服务器。
const express = require('express') const fs = require('fs') const path = require('path') const bodyParse = require('body-parser') const session = require('express-session') const MongoStore = require('connect-mongo')(session) const router = require('./server/router') const app = express() const resolve = file => path.resolve(__dirname, file) app.use('/dist', express.static(resolve('./dist'))) app.use(bodyParse.json()) app.use(bodyParse.urlencoded({ extended: true })) app.use(router) // session app.set('trust proxy', 1) // trust first proxy app.use(session({ secret: 'blog', resave: false, saveUninitialized: true, cookie: { secure: true, maxAge: 2592000000 }, store: new MongoStore({ url: 'mongodb://localhost:27017/blog' }) })) app.get('*', function (req, res) { let html = fs.readFileSync(resolve('./' + 'index.html'), 'utf-8') res.send(html) }) app.listen(3000, function () { console.log('访问地址为 localhost:3000') })
给自己挖了一个坑。因为登录之后需要保存用户状态，用来判断用户是否登录，如果登录则可以进入后台管理，如果没有登录则不能进入后台管理页面。之前写 node 的时候用的是 session 来保存，不过spa应用不同于前后端不分离的应用，我在前端对用户输入的账号密码进行了判断，如果成功则请求登录在后端保存 session。不过不知道出于什么原因，session 总是没办法赋值。因为我 node 学的也是半吊子，所以暂时放着，等我搞清楚了再来填坑。
收获
1.学一个新模块，新框架第一步就是阅读官方文档。
2.不要觉得读文档费时间，认真的读一遍官方文档比你瞎折腾来得有效率。
3.阅读与你项目相关的优秀项目的源码，学习别人如何组织代码。
4.自己的解决方案不一定是最优解，不过在找到最优解之前不妨自己先试试。
5.框架模块的使用都不难，套API的活每个人都能干，只是快与慢的差别。
6.尝试思考这个API是如何实现的。
7.了解了完整的web应用是如何运作的，包括服务器，数据库，前端是如何联系在一起的。
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: