thinkphp5項目--個人博客（三）
項目地址
fry404006308/personalBlog: personalBlog
https://github.com/fry404006308/personalBlog
一、使用百度編輯器
百度編輯器簡介及使用鏈接：
百度編輯器簡介及如何使用 - 復習，總結，實例 - 博客園
http://www.cnblogs.com/Renyi-Fan/p/8778291.html
代碼
1 <!DOCTYPE html> 2 <html><head> 3 <meta charset="utf-8"> 4 <title>童老師ThinkPHP交流群：484519446</title> 5 6 <meta name="description" content="Dashboard"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 10 <!--Basic Styles--> 11 <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet"> 12 <link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet"> 13 <link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet"> 14 15 <!--Beyond styles--> 16 <link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css"> 17 <link href="__PUBLIC__/style/demo.css" rel="stylesheet"> 18 <link href="__PUBLIC__/style/typicons.css" rel="stylesheet"> 19 <link href="__PUBLIC__/style/animate.css" rel="stylesheet"> 20 21 <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script> 22 <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script> 23 <script type="text/javascript" src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script> 24 25 </head> 26 <body> 27 <!-- 頭部 --> 28 {include file="common/top"} 29 <!-- /頭部 --> 30 31 <div class="main-container container-fluid"> 32 <div class="page-container"> 33 34 <!-- Page Sidebar --> 35 {include file="common/left"} 36 <!-- /Page Sidebar --> 37 38 <!-- Page Content --> 39 <div class="page-content"> 40 <!-- Page Breadcrumb --> 41 <div class="page-breadcrumbs"> 42 <ul class="breadcrumb"> 43 <li> 44 <a href="{:url('index/index')}">系統</a> 45 </li> 46 <li> 47 <a href="{:url('links/lst')}">文章管理</a> 48 </li> 49 <li class="active">添加文章</li> 50 </ul> 51 </div> 52 <!-- /Page Breadcrumb --> 53 54 <!-- Page Body --> 55 <div class="page-body"> 56 57 <div class="row"> 58 <div class="col-lg-12 col-sm-12 col-xs-12"> 59 <div class="widget"> 60 <div class="widget-header bordered-bottom bordered-blue"> 61 <span class="widget-caption">新增文章</span> 62 </div> 63 <div class="widget-body"> 64 <div id="horizontal-form"> 65 <form class="form-horizontal" role="form" action="" method="post"> 66 <div class="form-group"> 67 <label for="title" class="col-sm-2 control-label no-padding-right">文章標題</label> 68 <div class="col-sm-6"> 69 <input class="form-control" id="title" placeholder="" name="title" required="" type="text"> 70 <!-- required="" --> 71 </div> 72 <p class="help-block col-sm-4 red">* 必填</p> 73 </div> 74 75 <div class="form-group"> 76 <label for="group_id" class="col-sm-2 control-label no-padding-right">文章作者</label> 77 <div class="col-sm-6"> 78 <input class="form-control" id="url" placeholder="" name="url" type="text"> 79 <!-- required="" --> 80 </div> 81 82 </div> 83 84 <div class="form-group"> 85 <label for="group_id" class="col-sm-2 control-label no-padding-right">關鍵字</label> 86 <div class="col-sm-6"> 87 <input class="form-control" id="url" placeholder="" name="url" type="text"> 88 <!-- required="" --> 89 </div> 90 91 </div> 92 93 94 <div class="form-group"> 95 <label for="group_id" class="col-sm-2 control-label no-padding-right">文章描述</label> 96 <div class="col-sm-6"> 97 <textarea class="form-control" name="desc" id="" cols="30" rows="6"></textarea> 98 </div> 99 </div> 100 101 102 103 <div class="form-group"> 104 <label for="group_id" class="col-sm-2 control-label no-padding-right">縮略圖</label> 105 <div class="col-sm-6"> 106 <input class="form-control" id="url" placeholder="" name="url" type="file"> 107 </div> 108 </div> 109 110 111 <div class="form-group"> 112 <label for="group_id" class="col-sm-2 control-label no-padding-right">所屬欄目</label> 113 <div class="col-sm-6"> 114 <select class="form-control" name="" id=""> 115 <option value="">請選擇欄目</option> 116 {volist name="cateres" id="value"} 117 <option value="{$value.catename}">{$value.catename}</option> 118 {/volist} 119 </select> 120 </div> 121 </div> 122 123 124 <div class="form-group"> 125 <label for="group_id" class="col-sm-2 control-label no-padding-right">是否推薦</label> 126 <div class="col-sm-6"> 127 <label> 128 <input class="checkbox-slider colored-darkorange" type="checkbox"> 129 <!-- checked="checked" --> 130 <span class="text"></span> 131 </label> 132 </div> 133 </div> 134 135 136 <div class="form-group"> 137 <label for="group_id" class="col-sm-2 control-label no-padding-right">文章內容</label> 138 <div class="col-sm-6"> 139 <textarea name="desc" id="content" cols="30" rows="6"></textarea> 140 </div> 141 </div> 142 143 144 <div class="form-group"> 145 <div class="col-sm-offset-2 col-sm-10"> 146 <button type="submit" class="btn btn-default">保存信息</button> 147 </div> 148 149 </div> 150 </form> 151 </div> 152 </div> 153 </div> 154 </div> 155 </div> 156 157 </div> 158 <!-- /Page Body --> 159 </div> 160 <!-- /Page Content --> 161 </div> 162 </div> 163 164 <!--Basic Scripts--> 165 <script src="__PUBLIC__/style/jquery_002.js"></script> 166 <script src="__PUBLIC__/style/bootstrap.js"></script> 167 <script src="__PUBLIC__/style/jquery.js"></script> 168 <!--Beyond Scripts--> 169 <script src="__PUBLIC__/style/beyond.js"></script> 170 171 172 <script type="text/javascript"> 173 UE.getEditor('content',{initialFrameWidth:900,initialFrameHeight:300,}); 174 </script> 175 176 177 178 179 </body></html>
二、列表內容顯示
控制器
1 $cateres=db('cate')->select(); 2 $this->assign('cateres',$cateres); 3 return view();
視圖
1 <div class="form-group"> 2 <label for="group_id" class="col-sm-2 control-label no-padding-right">所屬欄目</label> 3 <div class="col-sm-6"> 4 <select class="form-control" name="" id=""> 5 <option value="">請選擇欄目</option> 6 {volist name="cateres" id="value"} 7 <option value="{$value.catename}">{$value.catename}</option> 8 {/volist} 9 </select> 10 </div> 11 </div>
三、圖片上傳
thinkphp5教程
1 假設表單代碼如下： 2 <form action="/index/index/upload" enctype="multipart/form-data" method="post"> 3 <input type="file" name="image" /> <br> 4 <input type="submit" value="上傳" /> 5 </form> 6 7 8 然后在控制器中添加如下的代碼： 9 public function upload(){ 10 // 獲取表單上傳文件 例如上傳了001.jpg 11 $file = request()->file('image'); 12 // 移動到框架應用根目錄/public/uploads/ 目錄下 13 $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads'); 14 if($info){ 15 // 成功上傳后 獲取上傳信息 16 // 輸出 jpg 17 echo $info->getExtension(); 18 // 輸出 20160820/42a79759f284b767dfcb2a0197904287.jpg 19 echo $info->getSaveName(); 20 // 輸出 42a79759f284b767dfcb2a0197904287.jpg 21 echo $info->getFilename(); 22 }else{ 23 // 上傳失敗獲取錯誤信息 24 echo $file->getError(); 25 } 26 } 27 move 方法成功的話返回的是一個SplFileInfo 對象，你可以對上傳后的文件進行后續操作。
后續文件操作
上傳成功后返回的是File 對象，除了可以使用SplFileObject 的屬性和方法之外，還可以使用File類自
身提供的下列方法，便於進行后續的文件處理（例如對圖像文件進行剪裁處理或者移動到遠程服務器）。
方法描述
getSaveName 獲取保存的文件名（包含動態生成的目錄）
getInfo 獲取上傳文件信息
getMime 獲取文件的MIME信息
md5 獲取文件的md5散列值
sha1 獲取文件的sha1散列值
控制器
1 //如果有圖片上傳 2 if($_FILES['pic']['tmp_name']){ 3 // 獲取表單上傳文件 例如上傳了001.jpg 4 $file = request()->file('pic'); 5 // 移動到框架應用根目錄/public/uploads/ 目錄下 6 $info = $file->move(ROOT_PATH . 'public' . DS . 'static/uploads'); 7 // 已經上傳成功，我們要把文件的路徑寫進數據庫 8 $data['pic']='uploads/'.$info->getSaveName(); 9 // dump($data['pic']);die; 10 }
配置文件
1 <?php 2 return [ 3 // +---------------------------------------------------------------------- 4 // | 模板設置 5 // +---------------------------------------------------------------------- 6 7 'template' => [ 8 // 模板后綴 9 'view_suffix' => 'htm', 10 ], 11 12 13 // 視圖輸出字符串內容替換 14 'view_replace_str' => [ 15 '__PUBLIC__'=>SITE_URL.'/public/static/admin', 16 '__IMG__'=>SITE_URL.'/public/static/', 17 ], 18 // 默認跳轉頁面對應的模板文件 19 'dispatch_success_tmpl' => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl', 20 'dispatch_error_tmpl' => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl', 21 ];
視圖
1 <td align="center"> 2 {if condition="$value['pic'] neq '' "} 3 <img src="__IMG__{$value.pic}" height="50px" alt=""> 4 {else /} 5 暫無縮略圖 6 {/if} 7 </td>
四、數據表的鏈接查詢
控制器
1 public function lst() 2 { 3 // 分頁輸出列表 每頁顯示3條數據 4 // $list = ArticleModel::paginate(3); 5 6 $list=db('article')->alias('a')->join('cate c','c.id=a.cateid')->field('a.id,a.title,a.pic,a.author,a.state,c.catename')->paginate(3); 7 $this->assign('list',$list); 8 return view('list'); 9 }
視圖
<td align="center">{$value.catename}</td>
五、關聯模型
模型
1 <?php 2 namespace app\admin\model; 3 4 use think\Model; 5 class Article extends Model 6 { 7 public function cate() 8 { 9 //多篇文章屬於一個欄目 10 return $this->belongsTo('cate','cateid'); 11 } 12 }
控制器
1 public function lst() 2 { 3 // 分頁輸出列表 每頁顯示3條數據 4 // $list = ArticleModel::paginate(3); 5 6 // $list=db('article')->alias('a')->join('cate c','c.id=a.cateid')->field('a.id,a.title,a.pic,a.author,a.state,c.catename')->paginate(3); 7 8 $list = ArticleModel::paginate(3); 9 10 11 $this->assign('list',$list); 12 return view('list'); 13 }
視圖
1 <td align="center">{$value.cate.catename}</td>
對應參照的thinkphp手冊
1 我們就可以根據檔案資料來獲取用戶模型的信息 2 $profile = Profile::find(1); 3 // 輸出User關聯模型的屬性 4 echo $profile->user->account;
1 定義相對的關聯 2 要在 Comment 模型定義相對應的關聯，可使用 belongsTo 方法： 3 name app\index\model; 4 use think\Model; 5 class Comment extends Model 6 { 7 public function article() 8 { 9 return $this->belongsTo('article'); 10 } 11 }
1 hasMany('關聯模型名','外鍵名','主鍵名',['模型別名定義']);