# 內容頁-文章
在 [文章頁](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://www.hmoore.net/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>
```
