文字

留言板

<head>部分

<title>在线留言_{eycms[webname]}</title>
<meta name="Keywords" content="{eycms[seokey]}" />
<meta name="Description" content="{eycms[seodesc]}" />
<link href="{webroot}lib/css/base.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="{skins}/common/css/common.css">
<script>var webroot="{webroot}";var themeroot="{theme_root}";var webmode="{webmode}";</script>
<link rel="stylesheet" href="{skins}/css/amazeui.min.css">   <!--这是留言表单的css样式表-->

留言输出

<div class="h2"><span>留言列表</span></div>
<div class="clear"></div>
<div class="pagelist c-commentAjax">
  {eycms:rs table="ey_expand_book" where="islock=1" order="id desc" pagesize="20" isadminurl="0"}
    {rs:eof}
    <div class="am-panel am-panel-default c-ajax">
      <div class="am-panel-bd"><p>暂无任何留言!</p></div>
    </div>
    {/rs:eof}
    <div class="am-panel am-panel-default c-ajax">
        <div class="am-panel-hd">
            {$rs[username]} <span class="am-fr">{eycms.diffuudate($rs[createdate])}</span>
        </div>
        <div class="am-panel-bd">
            <p>{$rs[content]}</p>
            {if eycms.strlen($rs[reply])>0}
            <hr><strong>回复:</strong>{$rs[reply]}
            {/if}
        </div>
    </div>
  {/eycms:rs}
</div>
{dim total:total=eycms.page.totalurl}
{if total>1}
<div class="c-more c-moreAjax"><a href="{page:next}">点击查看更多+</a></div>
{/if}
<!---->

留言表单

<div class="h2"><span>我要留言</span></div>
<form class="am-form am-margin-top form_book" id="form_book" method="post">
    <input type="hidden" name="t4" value="no">
    <div class="am-input-group am-form-group">
        <span class="am-input-group-label"><i class="am-icon-user am-icon-fw"></i></span>
        <input type="text" name="t0" class="am-form-field" placeholder="请输入您的姓名" data-rule="姓名:required;">
    </div>
    <div class="am-input-group am-form-group">
        <span class="am-input-group-label"><i class="am-icon-phone am-icon-fw"></i></span>
        <input type="text" name="t2" maxlength="11" class="am-form-field contact" placeholder="请输入您的手机号码" data-rule="手机号码:required;mobile">
    </div>
    <div class="am-input-group am-form-group">
        <span class="am-input-group-label"><i class="am-icon-user-md am-icon-fw"></i></span>
        <select name="t3"><option value="0">保密</option><option value="1">男</option><option value="2">女</option></select>
    </div>
    <div class="am-input-group am-form-group">
        <span class="am-input-group-label"><i class="am-icon-comments-o am-icon-fw"></i></span>
        <textarea name="t1" rows="5" placeholder="请输入留言内容" data-rule="留言内容:required;"></textarea>
    </div>
    <button type="submit" class="am-btn am-btn-block am-btn-primary">提交留言</button>
</form>

页尾加载js

<script src="{webroot}lib/tips/jquery.tips.js"></script>
<script src="{webroot}lib/validator/jquery.validator.js"></script>
<script src="{webroot}lib/validator/zh_CN.js"></script>
<script src="{webroot}lib/js/eycms.book.js" type="text/javascript"></script>