P13:中台搭建5-数据库设计与首页接口制作
现在已经可以连接数据库了,我们现在就要好好设计一下数据库结构,把文章的表和类别的表建立好,然后我们复制一些数据进去,形成一个列表,供首页调用。
数据库中的表建立
直接使用MySQL-front工具建立使用的表,建立两张表type
和article
表,表结构如下:
type表(文章类型表)
- id : 类型编号 int类型
- typeName: 文章类型名称 varchar类型
- orderNum: 类型排序编号 int类型
建立好表之后,我们再写入一条数据,编号为1,名称是前端教程,排列需要为1
article表(文章内容表)
- id : 文章编号 int类型
- type_id : 文章类型编号 int类型
- title : 文章标题,varchar类型
- article_cointent : 文章主体内容,text类型
- introduce: 文章简介,text类型
- addTime : 文章发布时间,int(11)类型
- view_count :浏览次数, int类型
建立好之后,可以自己写一些对应的文章进去,记得点击发布才可以。
前端首页文章列表接口
现在文章相关的数据表已经建立完成了,我们也简单的写入了一些数据,那现在就可以利用RESTful的规范,建立前端首页所需要的接口了。
在/app/contoller/default/home.js
文件夹中,写一个getArticleList
的方法,代码如下:
async getArticleList() { const sql = 'SELECT article.id as id,' + 'article.title as title,' + 'article.introduce as introduce,' + 'article.addTime as addTime,' + 'article.view_count as view_count ,' + '.type.typeName as typeName ' + 'FROM article LEFT JOIN type ON article.type_id = type.Id'; const results = await this.app.mysql.query(sql); this.ctx.body = { data: results, }; }
写完之后还需要配置一下路由(router),打开/app/router/default.js
,新建立一个get形式的路由配置,代码如下:
'use strict'; module.exports = app => { const { router, controller } = app; router.get('/default/index', controller.default.home.index); router.get('/default/getArticleList',controller.default.home.getArticleList); };
这个配置完成后,可以现在浏览器中预览一下结果,看看是否可以正确输出结果。访问地址:http://127.0.0.1:7001/default/getArticleList。如果能出现结果,说明我们已经完成了数据和接口的开发。
1. 本站所有免费资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » P13:中台搭建5-数据库设计与首页接口制作
2. 本站不保证所提供下载的免费资源的准确性、安全性和完整性,免费资源仅供下载学习之用!如有链接无法下载、失效,请联系客服处理!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或技术教程,您可以投稿发布,成功分享后有站币奖励和额外收入!
5. 加入前端开发QQ群:565733884,我们大家一起来交流技术!
码云笔记 » P13:中台搭建5-数据库设计与首页接口制作