koa2 服务端渲染web开发,怎么处理浏览器事件触发的数据交互?

一般怎么处理,我能想到的是在node服务端做一些接口,如下图:

routes/news.js

const router = require('koa-router')({
    prefix: '/news'
})
const config = require('../config')
const controllers = require('../controllers')

router.get('/', async (ctx, next) => {
    const { companyNews, industryNews } = await controllers.news.getList(ctx, next)

    await ctx.render('news', {
        header: {
            title: '新闻中心',
            javascript: config.javascript.concat('/js/jqpaginator.min.js', '/js/frontNewsCenter.js'),
            style: config.style.concat('/css/frontNewsCenter.css'),
        },
        newBanner: {
            imgSrc: '/images/news/banner.png',
        },
        tabNav: {
            items: [{
                cn: '公司新闻',
                en: 'Company news',
            }, {
                cn: '行业咨询',
                en: 'Industry information',
            }],
        },
        companyNews: companyNews,
        industryNews: industryNews,
    })
})

router.get('/getList', controllers.news.getList)

module.exports = router

controllers/news.js

const { getCompanyNewsList, getIndustryInfoList } = require('../config').service
const axios = require('axios')

async function getList (ctx, next) {

    const page = ctx.query.page || '1'    // page
    const size = ctx.query.size || '10'   // size
    const role = ctx.query.role || 'news' // role

    let code = -1
    let data = []
    let companyNews = []
    let industryNews = []

    if (role === 'news') {
        await axios.get(getCompanyNewsList, {
                params: {
                    page: page,
                    size: size
                }
            })
            .then(res => {
                if (res.data.code === '2000') {
                    code = 0
                    data = res.data.obj
                    companyNews = res.data.obj.records
                }
            })
    }

    if (role === 'industry') {
        await axios.get(getIndustryInfoList, {
                params: {
                    page: page,
                    size: size
                }
            })
            .then(res => {
                if (res.data.code === '2000') {
                    code = 0
                    data = res.data.obj
                    industryNews = res.data.obj.records
                }
            })

    }

    ctx.state.code = code
    ctx.state.data = data

    return {
        companyNews,
        industryNews,
    }
}

module.exports = {
    getList
}
阅读 2k
1 个回答

restful服务, ctx.body等于ctx.response.body

router.get('/', async(ctx) => {
    ctx.body = {hello: 'world'}
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题