目录结构
页面效果
title
content
controller
//controller/title.js
'use strict';
const Controller = require('egg').Controller;
class TitleController extends Controller {
async index() {
let list = await this.service.title.getTitleList();
await this.ctx.render('title', {
list: list,
})
}
async content(){
let aid = this.ctx.query.aid;
let content = await this.service.title.getContent(aid);
console.log(content)
await this.ctx.render('content',{
content:content[0]
})
}
}
module.exports = TitleController;
service
//service/title.js
'use strict';
const Service = require('egg').Service;
class TitleService extends Service {
async getTitleList() {
let api = this.config.api + 'appapi.php?a=getPortalList&catid=20&page=1';
let response = await this.ctx.curl(api);
let data = JSON.parse(response.data);
return data.result;
}
async getContent(aid){
let api = this.config.api + 'appapi.php?a=getPortalArticle&aid=' + aid;
let response = await this.ctx.curl(api);
let data = JSON.parse(response.data);
return data.result;
}
}
module.exports = TitleService;
扩展
extend/helper.js
module.exports = {
formatDate(time) {
var date = new Date(time * 1000);
var YYYY = date.getFullYear();
var MM = date.getMonth() + 1;
var DD = date.getDate();
var hh = date.getHours();
var mm = date.getMinutes();
var ss = date.getSeconds();
MM = MM < 10 ? ('0' + MM) : MM;
DD = DD < 10 ? ('0' + DD) : DD;
hh = hh < 10 ? ('0' + hh) : hh;
mm = mm < 10 ? ('0' + mm) : mm;
ss = ss < 10 ? ('0' + ss) : ss;
return YYYY + '-' + MM + '-' + DD + ' ' + hh + ':' + mm + ':' + ss;
}
}config
//config/config.default.js
config.api = 'http://www.phonegap100.com/';router
router.get('/title', controller.title.index);
router.get('/content', controller.title.content);view
//title.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h2>新闻列表</h2>
<ul>
<% for(var i = 0;i<list.length;i++) {%>
<li>
<a href="/content?aid=<%=list[i].aid%>"><%=list[i].title%>---<%= helper.formatDate(list[i].dateline)%></a>
</li>
<%}%>
</ul>
</body>
</html>
// content.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h2><%= content.title%></h2>
<div>
<%- content.content%>
</div>
</body>
</html>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。