# 內容頁-文章
在 [文章頁](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>
```