# 内容页-文章
在 [文章页](http://http://hongweizhiyuan.oschina.io/newthink_tpl/tpl/AUI/AUI2.1/module_article/article2.html) 这个链接中，我们可以看到，里边即有内容页，其关键代码如下：
```
<!--文章/start-->
<div class="aui-content-padded">
<h2>亲爱的天使，祝你生日快乐，在这一天里，我们都祝你生日快乐</h2>
<div class="aui-font-size-14" style="color:#999999;padding-top:10px;">2017-03-14 作者：子弹兄</div>
<p>
<img src="images/article.png">
</p>
<p>
多年前的今天有颗流星的划落，带着一个天使来到人间做客！多么幸运遇到了你，带来那么多的快乐，带来温暖阳光，那么纯真，那么善良。今天是你的破壳日奥，要开心快乐的对吧！在以后的每一个生日咱都可以陪你过，你若不离我可以爱你很久很久，嘻嘻~ 我说我爱你，时光他知道，他跟我说他会永永远远守护我爱的你！你今生的平安好运幸福快乐就是我用心祝福的长度
</p>
<p>
愿你时时刻刻有快乐相伴，分分秒秒与好运缠绵，日日夜夜与安康为伴，年年岁岁有幸福开颜，朝朝暮暮有如意携腕;祝生日快乐!
</p>
<p style="margin-bottom:0;">
花开花落老去了岁月，风风雨雨我们一起来过，相知相悦使你我快乐，姐妹日到了，祝姐妹前程似锦，事业风顺，爱情真纯，生活好运！生日快乐！
</p>
</div>
<!--文章/end-->
```
## 方法及步骤
我们将采用以下三种方法来实现！是不是很简单呢？
>1、去掉内容中间的内容，并赋ID值
2、引用doT.js并加入script模板
3、用js调用远程api并赋值
### 第1步：去掉内容中间的内容，并赋ID值
操作后，我们就剩下了：
```
<!--文章/start-->
<div class="aui-content-padded" id="portal_article_html">
</div>
<!--文章/end-->
```
### 第2步：引用doT.js并加入script模板
操作后下的相关代码：
```
<script type="text/javascript" src="../../../script/assets/doT.min.js"></script>
<!--文章内容-->
<script id="portal_article_script" type="text/x-dot-template" >
<h2>{{=it.post_title}}</h2>
<div class="aui-font-size-14" style="color:#999999;padding-top:10px;">{{=it.post_date}} 作者：{{=it.user_nicename}}</div>
<div>
{{=it.post_content}}
</div>
</script>
```
### 第3步：用js调用远程api并赋值
至于相关的set_doT函数 和 r_ajax ，可击 [APP函数](http://http://ihavenolimitations.xyz/hongweizhiyuan/apicloud_function/268940) 这个链接就可以查看到！
```
//文章内容
function portalArticle(){
let object_id = api.pageParam.object_id;
let serverURL = Config.api.Portal_Article;
let data = {values:{id:object_id}};
let callback = function(ret){
set_doT(ret.data.info, 'portal_article_script', 'portal_article_html',true);
};
r_ajax(serverURL,data,callback);
}
```
### 第4步：在apiready中加入函数
代码如下：
```
apiready = function() {
portalArticle(); //文章内容
};
```
## 问题：
**问题1：**API在哪里？
Config.api.Portal_Article; 就是我在 config.js 定义的，如下：
```
//文章内容
Portal_Article : SERVERURL + "index.php?g=Portal&m=Api&a=articleCon",
```
**问题2：**API怎么写？
这个你得学了！这么简单的东西，你都不会写！我也没办法！！！
# 全部代码如下：
```
<!--文章/start-->
<div class="aui-content-padded" id="portal_article_html">
</div>
<!--文章/end-->
<script type="text/javascript" src="../../../script/assets/doT.min.js"></script>
<!--文章内容-->
<script id="portal_article_script" type="text/x-dot-template" >
<h2>{{=it.post_title}}</h2>
<div class="aui-font-size-14" style="color:#999999;padding-top:10px;">{{=it.post_date}} 作者：{{=it.user_nicename}}</div>
<div>
{{=it.post_content}}
</div>
</script>
<script>
apiready = function() {
portalArticle(); //文章内容
};
//文章内容
function portalArticle(){
let object_id = api.pageParam.object_id;
let serverURL = Config.api.Portal_Article;
let data = {values:{id:object_id}};
let callback = function(ret){
set_doT(ret.data.info, 'portal_article_script', 'portal_article_html',true);
};
r_ajax(serverURL,data,callback);
}
</script>
```
