abstract：1.控制器類代碼<?phpnamespace app\index\controller;use app\admin\model\NewsModel;use app\admin\model\ProductModel;use app\admin\model\SlideModel;use app\admin\model\SystemModel;use think\Controller;use th
1.控制器類代碼
<?php
namespace app\index\controller;
use app\admin\model\NewsModel;
use app\admin\model\ProductModel;
use app\admin\model\SlideModel;
use app\admin\model\SystemModel;
use think\Controller;
use think\facade\Request;
class Index extends Controller
{
public function index()
{
//查詢輪播圖
$slide = new SlideModel();
$slides = $slide->select()->toArray();
$this->view->slides = $slides;
//查詢頭牌
$product = new ProductModel();
$products = $product->where('sort', '1')->select()->toArray();
$this->view->products = $products;
//查詢新上花魁
$NewProduct = $product->where('sort', '2')->limit(1)->select()->toArray();
$this->view->Newproduct = $NewProduct;
//查詢最新資訊
$new = new NewsModel();
$news = $new->limit(4)->select()->toArray();
$this->view->news = $news;
//渲染首頁(yè)模板
return $this->fetch();
}
public function about()
{
$system = new SystemModel();
$systems = $system->select()->toArray();
$this->view->systems = $systems;
//渲染關(guān)于我們模板
return $this->fetch();
}
public function product()
{
$product = new ProductModel();
$products = $product->order('id', 'desc')->paginate(4);
$this->view->products = $products;
// 渲染產(chǎn)品展示模板
return $this->fetch();
}
public function news()
{
//實(shí)例化模型
$new = new NewsModel();
//查詢數(shù)據(jù)按照id的順序查詢并且每頁(yè)四條數(shù)據(jù)
$news=$new->order('id', 'desc')->paginate(4);
//給模板繼續(xù)賦值
$this->view->news=$news;
$hotNews=$new->limit(1)->select()->toArray();
$this->view->hotNews=$hotNews;
$newNews=$new->limit(6)->select()->toArray();
$this->view->newNews=$newNews;
//渲染新聞中心模板
return $this->fetch();
}
public function ConNew()
{
$newId=Request::param('id');
//通過(guò)id查詢對(duì)應(yīng)的新聞詳細(xì)
$new=NewsModel::get($newId);
$this->view->new=$new;
$hotNews=$new->limit(1)->select()->toArray();
$this->view->hotNews=$hotNews;
$newNews=$new->limit(6)->select()->toArray();
$this->view->newNews=$newNews;
// 渲染新聞中心模板
return $this->fetch();
}
public function ConPro()
{
// 獲取產(chǎn)品id
$ProId = Request::param('id');
$product = ProductModel::get($ProId);
$this->view->product = $product;
// 渲染首頁(yè)模板
return $this->fetch();
}
}
2.視圖類代碼
(1).about.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>麗春院 — 關(guān)于我們</title>
{include file="/public/style"}
</head>
<body>
<div id="page">
{include file="/public/header"}
<div id="body" class="about">
{volist name="systems" id="system"}
<div class="header">
<div>
<h1 style="font-family: YouYuan;font-weight: bold;color: #FFFFFF;">關(guān)于我們</h1>
<h2>{$system.about_title}</h2>
<p>{$system.about_content}</p>
</div>
</div>
<div class="body">
<div>
<img src="/static/index/images/earth-satellite.jpg" alt="">
<h2 style="color: #d5a8ab; font-family: YouYuan; font-weight: bold;">{$system.ci_title}</h2>
<p style="color: #0C0C0C">{$system.ci_content}</p>
</div>
</div>
<div class="footer">
<div>
<img src="/static/index/images/space-shuttle.png" alt="" style="padding-bottom: 35px;">
<h2 style="color: #6b6565;">{$system.cp_title}</h2>
<p style="color: #0C0C0C">{$system.cp_content}</p>
</div>
</div>
{/volist}
<div class="section">
<div>
<h2 style="color: #000000; font-family: YouYuan; font-weight: bold;">麗春院百年老店</h2>
<p style="color: #0C0C0C">本著一心為客官服務(wù)的心做事、我們這里擁有十分美貌的姑娘和周到完美的服務(wù)！</p>
</div>
</div>
</div>
{include file="/public/footer"}
</div>
</body>
</html>
(2).index.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>麗春院 — 首頁(yè)</title>
{include file="/public/style"}
</head>
<body>
<div id="page">
{include file="/public/header"}
<div id="body" class="home">
<div class="demo">
<a class="control prev"></a><a class="control next abs"></a><!--自定義按鈕，移動(dòng)端可不寫-->
<div class="slider"><!--主體結(jié)構(gòu)，請(qǐng)用此類名調(diào)用插件，此類名可自定義-->
<ul>
{volist name="slides" id="slide"}
<li><a href=""><img src="{$slide.pic}" alt="{$slide.desc}"/></a></li>
{/volist}
</ul>
</div>
</div>
<div class="header">
<div>
<h3 style="margin-top: 50px">頭牌人選</h3>
<ul>
{volist name="products" id="product"}
<li>
<a href=" "><img src="{:GetProPic($product.id)}" style=" width: 100%;height: 100%;" alt=""></a>
</li>
{/volist}
</ul>
</div>
</div>
<div class="body">
<div>
<h1>麗春院百年老店</h1>
<p>為看官提供更養(yǎng)眼、更多樣、更直觀的感覺(jué)體驗(yàn)!</p>
</div>
</div>
<div class="footer">
<div>
<ul>
<li>
<h1>新上花魁</h1>
{volist name="Newproduct" id="NewProduct"}
<a href=" ">
<img src="{:GetProPic($NewProduct.id)} " style="border-radius:10px; box-shadow: 0 0 10px #eaeaea; border:5px solid #E9E7E7;width: 460px;height: 260px;" alt="">
</a>
{/volist}
</li>
<li>
<h1>最新資訊</h1>
<ul>
{volist name="news" id="new"}
<li>
<a href=""><img src="{:GetNewsPic($new.id)}"
style="border-radius:10px; box-shadow: 0 0 10px #6E6E6E; width: 100px;height: 95px;"
alt=""></a>
<h1>{$new.title}</h1>
<span>{$new.time|date="Y-m-d"}</span>
<a href="blog.php" class="more">了解更多</a>
</li>
{/volist}
</ul>
</li>
</ul>
</div>
</div>
</div>
{include file="/public/footer"}
</div>
<script>
$(".slider").YuxiSlider({
width: 1900, //容器寬度
height: 450, //容器高度
control: $('.control'), //綁定控制按鈕
during: 4000, //間隔4秒自動(dòng)滑動(dòng)
speed: 800, //移動(dòng)速度0.8秒
mousewheel: true, //是否開(kāi)啟鼠標(biāo)滾輪控制
direkey: true //是否開(kāi)啟左右箭頭方向控制
});
</script>
</body>
</html>
(3).news.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/style"}
</head>
<body>
<div id="page">
{include file="public/header"}
<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="new"}
<li>
<a href="{:url('ConNew')}?id={$new.id}"><img src="{:GetNewsPic($new.id)}" style="border-radius:10px; box-shadow: 0 0 0px #6E6E6E; width: 100%;height: 100%;" alt=""></a>
<h1>{$new.title}</h1>
<span style="color: #0C0C0C">{$new.time|date="Y-m-d"}</span>
<p style="color: #0C0C0C">{$new.desc}</p>
<a href="{:url('ConNew')}?id={$new.id}" class="more">閱讀更多</a>
</li>
{/volist}
</ul>
</div>
<div class="sidebar">
<ul>
{volist name="hotNews" id="hotNew"}
<li>
<h1>熱門新聞</h1>
<a href="{:url('ConNew')}?id={$hotNew.id}"><img src="{:GetNewsPic($hotNew.id)}" style="border-radius:10px; box-shadow: 0 0 5px #6E6E6E; width: 340px;height: 188px;" alt=""></a>
<h2>{$hotNew.title}</h2>
<span>{$hotNew.desc}</span>
</li>
{/volist}
<li>
<h1>最新發(fā)布</h1>
{volist name="newNews" id="newNew"}
<ul>
<li>
<a href="{:url('ConNew')}?id={$newNew.id}"><img src="{:GetNewsPic($newNew.id)}" style="border-radius:10px; box-shadow: 0 0 2px #6E6E6E; width: 60px;height: 55px;" alt=""></a>
<h2 style="font-size: 15px;">{$newNew.title}</h2>
<span>{$newNew.time|date="Y-m-d"}</span>
</li>
</ul>
{/volist}
</li>
</ul>
</div>
</div>
</div>
<div class="page">
<div>
{$news|raw}
</div>
</div>
</div>
{include file="public/footer"}
</div>
</body>
</html>
(4).product.html
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>麗春院 — 產(chǎn)品展示</title>
{include file="public/style"}
</head>
<body>
<div id="page">
{include file="public/header"}
<div id="body">
<div class="header">
<div>
<h1 style="color: #6E6E6E; font-family: YouYuan; font-weight: bold">產(chǎn)品展示</h1>
<ul>
{volist name="products" id="product"}
<li>
<a href=""><img src="{:GetProPic($product.id)}" style="border-radius:10px; box-shadow: 0 0 5px #6E6E6E; height: 100%;width: 100%; " alt=""></a>
<div>
<h1>{$product.title}</h1>
<p>{$product.desc}</p>
<a href="{:url('Conpro')}?id={$product.id}" class="more">閱讀更多</a>
</div>
</li>
{/volist}
</ul>
</div>
</div>
<div class="page">
<div>
{$products|raw}
</div>
</div>
</div>
</div>
{include file="public/footer"}
</body>
</html>
3.運(yùn)行效果
4.總結(jié)
本套課程主要使用了ThinkPHP5.1框架，創(chuàng)建了MySQL數(shù)據(jù)庫(kù)，利用了MVC的編程思想;其中最重要的是MVC的編程思想。M：Model 模型，負(fù)責(zé)數(shù)據(jù)庫(kù)操作。V：View 視圖，負(fù)責(zé)調(diào)用Model調(diào)取數(shù)據(jù)，再調(diào)用模板，展示出最終效果。C：Controller 控制器，程序的入口，決定改調(diào)用哪個(gè)View，并告訴View該做什么。
Correcting teacher：查無(wú)此人Correction time：2019-06-06 09:34:31
Teacher's summary：完成的不錯(cuò)。php的框架多學(xué)幾款，對(duì)以后工作有幫助。繼續(xù)加油