得推企业网站模板开发教程之留言板--powered by www.deituicms.com

得推企业网站模板开发教程之留言板

留言板两个页面:

guest/index.html 留言列表

guest/add.html 留言发布

一、留言列表

涉及到的数据

{foreach item=c from=$list}
$list 留言列表
    nickname 
    dateline
    content
    reply

源码：

<!DOCTYPE html>
<html>
	{include file="head.html"}
	<body>
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">留言板</div>
			<div gourl="/index.php?m=guest&a=add" class="header-right-btn">发布留言</div>
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			<div class="list">
			{foreach item=c from=$list}
			<div class="row-box mgb-5">
				
				
			   <div class="flex bd-mp-5">
			   	<div class="cl1 f14">{$c.nickname}</div>
			   	<div class="flex-1"></div>
			   	<div class="f12 cl2">{$c.dateline|date:Y-m-d H:i:s}</div> 
			   </div> 
			   <div class="f14 cl2">{$c.content}</div>
			    
			   <div class="bd-mp-5"></div>
			   {if $c.reply}
			   <div class="f14 mgb-5 cl2">{$c.reply}</div>
			   {/if}
				
			</div>
			{foreachelse}
				<div class="emptyData">暂无留言</div>
			{/foreach}
			{$pagelist}
		</div>
		{include file="footer.html"}
	</body>
</html>

二、发布留言 guest/add.html

<!doctype html>
<html>
{include file="head.html"}

<body>
<div class="header">
			<div class="header-back"></div>
			<div class="header-title">发布留言</div>
			 
		</div>
		<div class="header-row"></div>

<div class="main-body">
    <form action="/index.php?m=guest&a=save&ajax=1">
 
	<div class="input-flex">
		<div class="input-flex-label">联系人</div>
		<input name="nickname" class="input-flex-text" type="text" />
	</div>
	<div class="input-flex">
		<div class="input-flex-label">电话</div>
		<input name="telephone" class="input-flex-text" type="text" />
	</div>
	 
    <div class="textarea-flex">
		<div class="textarea-flex-label">留言内容</div>
		<textarea name="content" class="textarea-flex-text" name="content"></textarea>
	</div>
    <div class="btn-row-submit js-submit">发布留言</div>
    </form> 
</div>

</div>
 
{include file="footer.html"}
</div>
</body>
</html>