本节前端搭建前端路由,后台用到node.js搭建服务器,作为后台路由中转站。navicat存数据作为数据库,postman测试接口。

 

一,前端确定前端路由:

1,绑定路由

 

2,建立组件,引入组件

 

 

 

 

3,配置组件路径

 

 

 

 二:建立后台数据

1,用navicat打开sqlite数据库,存放数据。

建表:

 

 

 点击新建表格的时候,填写的字段是表头的内容,即是你需要 id,title,url 等字段。点击保存会出现弹框,填的是表的名字,即是前端设置存放数据的名字,seriesinfos

 

 

 

 

 

建好表格之后,双击进去补充数据。

底下有个➕号,是添加数据的。

 

 

 

 

 

 

表格数据填好了。

⚠️:我这里是以type为线索去匹配去到详情页,所以type的数字一定要与列表的id一致。

三:搭建后台node.js路由。

 

 

 搭建好了就先在postman中测试路由行不行。手动输入数据看看有没有出现你填的后台数据:

⚠️: 如果感觉什么都写对了,还是有问题,可以停掉node,js的服务器,然后再启动看看。

 

 

 说明/getseriesinfos这个路由可行,

四:回到前端接后台的数据接口

 

 

 渲染

 

 

 👌OK