js|一个从0开始的vue项目（第四天（实现“新闻资讯标签页”）） js|Vue

项目前端第一步：将新闻咨询标签中的a标签改为router-link to属性绑定需要跳转的路由值，然后配置路由

新闻资讯

第二步：绘制新闻列表组件，调用接口并渲染

第三步：绘制新闻详情组件，调用接口并渲染

第四步：抽离出一个独立的评论子组件

项目后端第一步：配置路由，处理请求 【js|一个从0开始的vue项目（第四天（实现“新闻资讯标签页”））】我们到了这里之后后端的处理过程实际上比较简单，只需要对每个模块进行不同的路由配置，然后再其独立的js中写入分发请求的逻辑代码即可，楼主处理的都是比较简单的数据库增删改查的操作，贴出一部分代码：

var express = require('express'); var router = express.Router(); const sqlhelper = require('./../../mysqlhandler'); const mdb = sqlhelper.db; router.get('/newslist', function (req, res) { const sql = 'select * from newslist' mdb.query(sql, function (err, data) { if (err) { console.log(err); } else { res.send({ status: true, data: data }) } }) })router.get('/newsinfo/:id', function (req, res) { let id = req.params.id; const sql = `select * from newsinfo where id=${id}` mdb.query(sql, function (err, data) { if (err) { console.log(err); } else { res.send({ status: true, data: data }) } }) }) module.exports = router;

数据库这里楼主为了简单，设计了两张表，一个newslist，一个newsinfo。贴图以示说明（楼主这里的表设计的非常不合理，仅仅是为了熟悉nodejs和express 练手用~）：