完成前台模块

Original 2019-03-12 04:23:32 291
abstract:现用新闻中心页面举例,代码如下<?php namespace app\index\controller; use think\Controller; use app\index\model\News as NewsModel; use think\facade\Request; class News extend

现用新闻中心页面举例,代码如下

<?php
namespace app\index\controller;
use think\Controller;
use app\index\model\News as NewsModel;
use think\facade\Request;
class News extends Controller
{
  public function index()
  {
    $news = NewsModel::field('news_id,title,desc,pubtime')->order('news_id','desc')->limit(2)->select()->toArray();
    $this->view->news = $news;

    $hotNews = NewsModel::field('news_id,title,desc')->order('news_id','desc')->limit(2,1)->select()->toArray();
    $this->view->hotNews = $hotNews;

    $latestNews = NewsModel::field('news_id,title,pubtime')->order('news_id','desc')->limit(3,6)->select()->toArray();
    $this->view->latestNews = $latestNews;

    return $this->fetch();
  }
  public function mainCont()
  {
    $news_id = Request::param('news_id');
    $oneNews = NewsModel::find($news_id);
    $this->view->oneNews = $oneNews;

    $hotNews = NewsModel::field('news_id,title,desc')->where('news_id','<>',$news_id)->order('news_id','desc')->limit(1)->select()->toArray();
    $this->view->hotNews = $hotNews;

    $latestNews = NewsModel::field('news_id,title,pubtime')->where('news_id','<>',$news_id)->order('news_id','desc')->limit(1,6)->select()->toArray();
    $this->view->latestNews = $latestNews;

    return $this->fetch();
  }
}
 ?>

新闻中心主页

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>丽春院 — 新闻中心</title>
    {include file="public/head"/}
</head>

<body>
<div id="page">

    <div id="body">
        <div class="header">
            <div>
                <h1 style="color: #6E6E6E; font-family: YouYuan; font-weight: bold">新闻中心</h1>
                <div class="article">
                    <ul>
                      {volist name="news" id="nw"}
                        <li>
                            <a href="{:url('mainCont')}?news_id={$nw.news_id}"><img src="{:getNewsPic($nw.news_id)}" style="border-radius:10px; box-shadow: 0 0 0px #6E6E6E;   width: 100%;height: 100%;" alt=""></a>
                            <h1>{$nw.title}</h1>
                            <span style="color: #0C0C0C">{$nw.pubtime|date='Y-m-d H:i:s'}</span>
                            <p style="color: #0C0C0C">{$nw.desc}</p>
                            <a href="{:url('mainCont')}?news_id={$nw.news_id}" class="more">阅读更多</a>
                        </li>
                        {/volist}
                    </ul>
                </div>
                <div class="sidebar">
                    <ul>
                        <li>
                            <h1>热门新闻</h1>
                            {volist name="hotNews" id="hn"}
                            <a href="{:url('mainCont')}?news_id={$hn.news_id}"><img src="{:getNewsPic($hn.news_id)}" style="border-radius:10px; box-shadow: 0 0 5px #6E6E6E;   width: 340px;height: 188px;" alt=""></a>
                            <h2>{$hn.title}</h2>
                            <span>{$hn.desc}</span>
                            {/volist}
                        </li>
                        <li>
                            <h1>最新发布</h1>
                            <ul>
                              {volist name="latestNews" id="ln"}
                                <li>
                                    <a href="{:url('mainCont')}?news_id={$ln.news_id}"><img src="{:getNewsPic($ln.news_id)}" style="border-radius:10px; box-shadow: 0 0 2px #6E6E6E;   width: 60px;height: 55px;" alt=""></a>
                                    <h2 style="font-size: 15px;">{$ln.title}</h2>
                                    <span>{$ln.pubtime|date='Y-m-d H:i:s'}</span>
                                </li>
                                {/volist}
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>

        </div>
        <div class="page">
            <div>

            </div>
        </div>
    </div>
    {include file="public/foot"/}
</div>
</body>
</html>

新闻中心内容页

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>丽春院 — 新闻详细</title>
    {include file="public/head"/}
</head>
<body>
<div id="page">

    <div id="body">
        <div class="header">
            <div>
                <h1 style="color: #6E6E6E; font-family: YouYuan; font-weight: bold">新闻详细</h1>
                <div class="article">
                    <img src="{:getNewsPic($oneNews.news_id)}" style="border-radius:10px; box-shadow: 0 0 5px #6E6E6E;   width: 560px;height: 240px;" alt="">
                    <div style="border-radius:10px; box-shadow: 0 0 5px #6E6E6E; background: #BDBDBD; padding: 20px;">
                        <h1 style=" text-align:center; color: #000;">{$oneNews.title}</h1>
                        <span style="color: #0C0C0C">{$oneNews.pubtime|date="Y-m-d H:i:s"}</span>
                        <p>{:htmlspecialchars_decode($oneNews.content)}</p></div>
                </div>
                <div class="sidebar">
                    <ul>
                        <li>
                            <h1>热门新闻</h1>
                            {volist name="hotNews" id="hn"}
                            <a href="{:url('mainCont')}?news_id={$hn.news_id}"><img src="{:getNewsPic($hn.news_id)}" style="border-radius:10px; box-shadow: 0 0 5px #6E6E6E;   width: 340px;height: 188px;" alt=""></a>
                            <h2>{$hn.title}</h2>
                            <span>{$hn.desc}</span>
                            {/volist}
                        </li>
                        <li>
                            <h1>最新发布</h1>
                            <ul>
                              {volist name="latestNews" id="ln"}
                                <li>
                                    <a href="{:url('mainCont')}?news_id={$ln.news_id}"><img src="{:getNewsPic($ln.news_id)}" style="border-radius:10px; box-shadow: 0 0 2px #6E6E6E;   width: 60px;height: 55px;" alt=""></a>
                                    <h2 style="font-size: 15px;">{$ln.title}</h2>
                                    <span>{$ln.pubtime|date='Y-m-d H:i:s'}</span>
                                </li>
                                {/volist}
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    {include file="public/foot"}
</div>
</body>
</html>

QQ图片20181114103819.png

QQ图片20181114103819.png

本套课程涉及到网站设置模块,产品中心模块,新闻中心模块,幻灯片管理,其中产品和新闻模块的内容和图片做了分表处理,学到了tp5框架最基础的使用方法



Correcting teacher:韦小宝Correction time:2019-03-12 09:32:38
Teacher's summary:写的很棒 总结的也没问题 前台的样式自己可以改改哦

Release Notes

Popular Entries