当前位置: 首页 > 后端技术 > Node.js

鸡蛋学习-编写界面

时间:2023-04-03 12:47:43 Node.js

其实脚手架生成的初始项目目录app/controller/home.js已经是一个简单的例子。现在,先在controller下创建一个js文件->news.js导入controller,新建一个class,导出classconstController=require('egg').Controller;classNewsControllerextendsController{//类名大写的asynclist(){//asyncawaitasynchronousconstdataList=awaitthis.data();this.ctx.body={code:0,masg:'成功!',data:dataList};}asyncdata(){return{list:[{id:1,title:'news1',url:'https://i.loli.net/2019/05/20/5ce26578e0e5549312.png'},{id:2、title:'news2',url:'https://i.loli.net/2019/05/20/5ce2657a0e01277224.png'},{id:3,title:'news3',url:'https://i.loli.net/2019/05/20/5ce2657b67be250185.png'},]}}}module.exports=NewsController;//导出类后别忘了打开app/router.js创建一个新接口router.get('/list',controller.news.list);注意不要写错路径module.exports=app=>{const{router,controller}=app;路线r.get('/',controller.home.index);router.get('/list',controller.news.list);};完成后,我们就可以打开我们的前端工程进行接口请求了,可以看到返回内容。成功~