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>
本套课程涉及到网站设置模块,产品中心模块,新闻中心模块,幻灯片管理,其中产品和新闻模块的内容和图片做了分表处理,学到了tp5框架最基础的使用方法
Correcting teacher:韦小宝Correction time:2019-03-12 09:32:38
Teacher's summary:写的很棒 总结的也没问题 前台的样式自己可以改改哦