如何实现DedeCMS列表页的左侧文章列表与右侧文章内容并排显示？

在DedeCMS（织梦内容管理系统）中，实现左侧为文章列表、右侧为文章内容的布局可以通过多种方法来实现，以下是两种主要的方法：

方法一：使用dede:list标签调用文章列表

1、步骤：

打开后台核心>频道模型>内容模型管理>普通文章，在列表附加字段中添加body。

在dede:list语句中指定addfields=’body’，然后直接用[field:body/]调用全部内容。

2、示例代码：

   {dede:list pagesize='18' addfields='body'}
   <li>
     <p>[field:body/]</p>
     <p><a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a></p>
   </li>
   {/dede:list}

3、说明：

这种方法可以直接调用文章的全部正文内容，而不仅仅是摘要部分。

如果需要像摘要一样调用，可以使用[field:body function=’cn_substr(html2text(@me),200)’/]替代[field:description /]，调出文章前200个字符内容。

方法二：使用dede:arclist标签调用文章正文

1、步骤：

使用dede:arclist标签，并设置flag=’h’和row=’10’来显示文章列表。

通过[field:id runphp=’yes’]和自定义函数cn_substr(strip_tags("{$row[‘body’]}"),400)来调用文章正文内容。

2、示例代码：

   {dede:arclist flag='h' row='10'}
   <h1><a href='[field:arcurl/]'>[field:title/]</a></h1>
   <p>[field:id runphp='yes'] $aid = @me; $row = $GLOBALS['dsql']>GetOne("Select body From 'dede_addonarticle' where aid='$aid' "); @me = cn_substr(strip_tags("{$row['body']}"),400);[/field:id]<a href='[field:arcurl/]'>【阅读详细】</a></p>
   {/dede:arclist}

3、说明：

这种方法可以精确控制调用正文内容的字数，但设置较为繁琐。

数字400用于设置需要调用的内容长度，可以根据需要调整。

相关问答FAQs

Q1：如何在DedeCMS中关闭系统默认的文章摘要功能？

A1：要关闭系统默认的文章摘要功能，可以在后台核心>频道模型>内容模型管理>普通文章中，将列表附加字段中的body字段添加到dede:list语句中，并用[field:body/]调用全部内容，这样，系统将不再使用默认的摘要字段，而是直接调用文章的正文内容。

Q2：如何在DedeCMS中实现点击左侧文章列表时，右侧显示对应文章的全文内容？

A2：要实现这一功能，可以使用JavaScript或JQuery来监听左侧文章列表的点击事件，并在点击时通过AJAX请求加载对应文章的全文内容到右侧区域，具体步骤如下：

1、在HTML中为左侧文章列表的每个项目添加一个唯一的ID或数据属性，如dataid。

2、编写JavaScript或JQuery代码，监听左侧文章列表的点击事件。

3、在点击事件的处理函数中，获取被点击文章的ID或数据属性值。

4、使用AJAX向服务器发送请求，请求对应ID的文章全文内容。

5、将请求到的文章全文内容插入到右侧区域中。

6、如果需要，可以添加一些动画效果或过渡效果，使内容加载更加流畅。

| 功能模块 | 实现方式 | 代码示例 |

| | | |

| 文章列表 | 显示文章列表，包括标题、作者、发布时间等 | <table>

<tr>

<td><a href="article_detail.html">文章标题1</a></td>

<td>作者1</td>

<td>20230101</td>

</tr>

<tr>

<td><a href="article_detail.html">文章标题2</a></td>

<td>作者2</td>

<td>20230102</td>

</tr>

<! 更多文章列表 >

</table> |

| 文章内容 | 显示当前选中文章的详细内容 | <div class="articlecontent">

<h1>文章标题</h1>

<p>文章内容…</p>

<! 更多文章内容 >

</div> |

| 列表与内容的切换 | 实现左侧列表与右侧内容的切换 | <script>

// JavaScript 代码，用于监听列表项点击事件，切换显示文章内容

</script> |

| 分页功能 | 当文章数量较多时，实现分页显示文章列表 | <div class="pagination">

<a href="list_page_1.html">1</a>

<a href="list_page_2.html">2</a>

<! 更多分页链接 >

</div> |

| 样式设置 | 对文章列表和内容进行样式设计，美化页面 | <style>

/* CSS 代码，用于设置文章列表和内容的样式 */

</style> |