thinkphp5项目--个人博客（三）

项目地址

fry404006308/personalBlog: personalBlog
https://github.com/fry404006308/personalBlog

一、使用百度编辑器

百度编辑器简介及使用链接：

百度编辑器简介及如何使用 - 复习，总结，实例 - 博客园
http://www.cnblogs.com/Renyi-Fan/p/8778291.html

代码

 <!DOCTYPE html>

 <html><head>

         <meta charset="utf-8">

     <title>童老师ThinkPHP交流群：484519446</title>

     <meta name="description" content="Dashboard">

     <meta name="viewport" content="width=device-width, initial-scale=1.0">

     <meta http-equiv="X-UA-Compatible" content="IE=edge">

     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

     <!--Basic Styles-->

     <link href="__PUBLIC__/style/bootstrap.css" rel="stylesheet">

     <link href="__PUBLIC__/style/font-awesome.css" rel="stylesheet">

     <link href="__PUBLIC__/style/weather-icons.css" rel="stylesheet">

     <!--Beyond styles-->

     <link id="beyond-link" href="__PUBLIC__/style/beyond.css" rel="stylesheet" type="text/css">

     <link href="__PUBLIC__/style/demo.css" rel="stylesheet">

     <link href="__PUBLIC__/style/typicons.css" rel="stylesheet">

     <link href="__PUBLIC__/style/animate.css" rel="stylesheet">

     <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.config.js"></script>

     <script type="text/javascript" src="__PUBLIC__/ueditor/ueditor.all.min.js"></script>

     <script type="text/javascript" src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script>

 </head>

 <body>

     <!-- 头部 -->

     {include file="common/top"}

     <!-- /头部 -->

     <div class="main-container container-fluid">

         <div class="page-container">

             <!-- Page Sidebar -->

             {include file="common/left"}

             <!-- /Page Sidebar -->

             <!-- Page Content -->

             <div class="page-content">

                 <!-- Page Breadcrumb -->

                 <div class="page-breadcrumbs">

                     <ul class="breadcrumb">

                                         <li>

                         <a href="{:url('index/index')}">系统</a>

                     </li>

                                         <li>

                         <a href="{:url('links/lst')}">文章管理</a>

                     </li>

                                         <li class="active">添加文章</li>

                                         </ul>

                 </div>

                 <!-- /Page Breadcrumb -->

                 <!-- Page Body -->

                 <div class="page-body">

 <div class="row">

     <div class="col-lg-12 col-sm-12 col-xs-12">

         <div class="widget">

             <div class="widget-header bordered-bottom bordered-blue">

                 <span class="widget-caption">新增文章</span>

             </div>

             <div class="widget-body">

                 <div id="horizontal-form">

                     <form class="form-horizontal" role="form" action="" method="post">

                         <div class="form-group">

                             <label for="title" class="col-sm-2 control-label no-padding-right">文章标题</label>

                             <div class="col-sm-6">

                                 <input class="form-control" id="title" placeholder="" name="title" required="" type="text">

                                 <!-- required="" -->

                             </div>

                             <p class="help-block col-sm-4 red">* 必填</p>

                         </div>

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">文章作者</label>

                             <div class="col-sm-6">

                                 <input class="form-control" id="url" placeholder="" name="url" type="text">

                                 <!-- required="" -->

                             </div>

                         </div>  

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">关键字</label>

                             <div class="col-sm-6">

                                 <input class="form-control" id="url" placeholder="" name="url"  type="text">

                                 <!-- required="" -->

                             </div>

                         </div>  

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">文章描述</label>

                             <div class="col-sm-6">

                                 <textarea class="form-control" name="desc" id="" cols="30" rows="6"></textarea>

                             </div>

                         </div> 

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">缩略图</label>

                             <div class="col-sm-6">

                                  <input class="form-control" id="url" placeholder="" name="url"  type="file">

                             </div>

                         </div> 

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">所属栏目</label>

                             <div class="col-sm-6">

                                 <select class="form-control" name="" id="">

                                     <option value="">请选择栏目</option>

                                     {volist name="cateres" id="value"}

                                     <option value="{$value.catename}">{$value.catename}</option>

                                     {/volist}

                                 </select>

                             </div>

                         </div> 

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">是否推荐</label>

                             <div class="col-sm-6">

                                 <label>

                                     <input class="checkbox-slider colored-darkorange"  type="checkbox">

                                     <!-- checked="checked" -->

                                     <span class="text"></span>

                                 </label>

                             </div>

                         </div> 

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">文章内容</label>

                             <div class="col-sm-6">

                                 <textarea  name="desc" id="content" cols="30" rows="6"></textarea>

                             </div>

                         </div> 

                         <div class="form-group">

                             <div class="col-sm-offset-2 col-sm-10">

                                 <button type="submit" class="btn btn-default">保存信息</button>

                             </div>

                         </div>

                     </form>

                 </div>

             </div>

         </div>

     </div>

 </div>

                 </div>

                 <!-- /Page Body -->

             </div>

             <!-- /Page Content -->

         </div>

     </div>

         <!--Basic Scripts-->

     <script src="__PUBLIC__/style/jquery_002.js"></script>

     <script src="__PUBLIC__/style/bootstrap.js"></script>

     <script src="__PUBLIC__/style/jquery.js"></script>

     <!--Beyond Scripts-->

     <script src="__PUBLIC__/style/beyond.js"></script>

     <script type="text/javascript">

         UE.getEditor('content',{initialFrameWidth:,initialFrameHeight:,});

     </script>

 </body></html>

二、列表内容显示

控制器

         $cateres=db('cate')->select();

         $this->assign('cateres',$cateres);

         return view();

视图

                         <div class="form-group">

                             <label for="group_id" class="col-sm-2 control-label no-padding-right">所属栏目</label>

                             <div class="col-sm-6">

                                 <select class="form-control" name="" id="">

                                     <option value="">请选择栏目</option>

                                     {volist name="cateres" id="value"}

                                     <option value="{$value.catename}">{$value.catename}</option>

                                     {/volist}

                                 </select>

                             </div>

                         </div>

三、图片上传

thinkphp5教程

 假设表单代码如下：

 <form action="/index/index/upload" enctype="multipart/form-data" method="post">

 <input type="file" name="image" /> <br>

 <input type="submit" value="上传" />

 </form>

 然后在控制器中添加如下的代码：

 public function upload(){

 // 获取表单上传文件 例如上传了001.jpg

 $file = request()->file('image');

 // 移动到框架应用根目录/public/uploads/ 目录下

 $info = $file->move(ROOT_PATH . 'public' . DS . 'uploads');

 if($info){

 // 成功上传后 获取上传信息

 // 输出 jpg

 echo $info->getExtension();

 // 输出 20160820/42a79759f284b767dfcb2a0197904287.jpg

 echo $info->getSaveName();

 // 输出 42a79759f284b767dfcb2a0197904287.jpg

 echo $info->getFilename();

 }else{

 // 上传失败获取错误信息

 echo $file->getError();

 }

 }

 move 方法成功的话返回的是一个SplFileInfo 对象，你可以对上传后的文件进行后续操作。

后续文件操作
上传成功后返回的是File 对象，除了可以使用SplFileObject 的属性和方法之外，还可以使用File类自
身提供的下列方法，便于进行后续的文件处理（例如对图像文件进行剪裁处理或者移动到远程服务器）。
方法描述
getSaveName 获取保存的文件名（包含动态生成的目录）
getInfo 获取上传文件信息
getMime 获取文件的MIME信息
md5 获取文件的md5散列值
sha1 获取文件的sha1散列值

控制器

             //如果有图片上传

             if($_FILES['pic']['tmp_name']){

                 // 获取表单上传文件 例如上传了001.jpg

                 $file = request()->file('pic');

                 // 移动到框架应用根目录/public/uploads/ 目录下

                 $info = $file->move(ROOT_PATH . 'public' . DS . 'static/uploads');

                 // 已经上传成功，我们要把文件的路径写进数据库

                 $data['pic']='uploads/'.$info->getSaveName();

                 // dump($data['pic']);die;

             }

配置文件

 <?php

 return [

     // +----------------------------------------------------------------------

     // | 模板设置

     // +----------------------------------------------------------------------

     'template'               => [

         // 模板后缀

         'view_suffix'  => 'htm',

     ],

     // 视图输出字符串内容替换

     'view_replace_str' => [

         '__PUBLIC__'=>SITE_URL.'/public/static/admin',

         '__IMG__'=>SITE_URL.'/public/static/',

     ],

     // 默认跳转页面对应的模板文件

     'dispatch_success_tmpl'  => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl',

     'dispatch_error_tmpl'    => THINK_PATH . 'tpl' . DS . 'dispatch_jump.tpl',

 ];

视图

                                 <td align="center">

                                     {if condition="$value['pic'] neq '' "}

                                     <img src="__IMG__{$value.pic}"  height="50px" alt="">

                                     {else /}

                                     暂无缩略图

                                     {/if}

                                 </td>

四、数据表的链接查询

控制器

     public function lst()

     {

         // 分页输出列表 每页显示3条数据

         // $list = ArticleModel::paginate(3);

         $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);

         $this->assign('list',$list);

         return view('list');

     }

视图

<td align="center">{$value.catename}</td>

五、关联模型

模型

 <?php

 namespace app\admin\model;

 use think\Model;

 class Article extends Model

 {

     public function cate()

     {

         //多篇文章属于一个栏目

         return $this->belongsTo('cate','cateid');

     }

 }

控制器

     public function lst()

     {

         // 分页输出列表 每页显示3条数据

         // $list = ArticleModel::paginate(3);

         // $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);

         $list = ArticleModel::paginate(3);

         $this->assign('list',$list);

         return view('list');

     }

视图

<td align="center">{$value.cate.catename}</td>

对应参照的thinkphp手册

 我们就可以根据档案资料来获取用户模型的信息

 $profile = Profile::find(1);

 // 输出User关联模型的属性

 echo $profile->user->account;

 定义相对的关联

 要在 Comment 模型定义相对应的关联，可使用 belongsTo 方法：

 name app\index\model;

 use think\Model;

 class Comment extends Model

 {

 public function article()

 {

 return $this->belongsTo('article');

 }

 }

hasMany('关联模型名','外键名','主键名',['模型别名定义']);

thinkphp5项目--个人博客（三）的更多相关文章

thinkphp5项目--个人博客（七）
thinkphp5项目--个人博客(七) 项目地址 fry404006308/personalBlog: personalBloghttps://github.com/fry404006308/per ...
thinkphp5项目--个人博客（六）
thinkphp5项目--个人博客(六) 项目地址 fry404006308/personalBlog: personalBloghttps://github.com/fry404006308/per ...
thinkphp5项目--个人博客（五）
thinkphp5项目--个人博客(五) 项目地址 fry404006308/personalBlog: personalBloghttps://github.com/fry404006308/per ...
thinkphp5项目--个人博客（四）
thinkphp5项目--个人博客(四) 项目地址 fry404006308/personalBlog: personalBloghttps://github.com/fry404006308/per ...
thinkphp5项目--个人博客（一）
thinkphp5项目--个人博客(一) 项目地址 fry404006308/personalBlog: personalBloghttps://github.com/fry404006308/per ...
thinkphp5项目--个人博客（二）
thinkphp5项目--个人博客(二) 项目地址 fry404006308/personalBlog: personalBloghttps://github.com/fry404006308/per ...
thinkphp5项目--个人博客（八）
thinkphp5项目--个人博客(八) 项目地址 fry404006308/personalBlog: personalBloghttps://github.com/fry404006308/per ...
Do-Now—团队冲刺博客三
Do-Now-团队冲刺博客三作者:仇夏前言不知不觉我们的项目已经做了三个多礼拜了,团队冲刺博客也写到了这第三篇,看着一个基本成型的APP安装在自己的手机上,一种喜悦感油然而生.好了,现在来看看 ...
团队项目系列博客 —— 在路上（之wampserver 修改根目录以及配置多站点以及修改端口号）
团队项目系列博客 -- 在路上(之wampserver 修改根目录以及配置多站点以及修改端口号) 标签(空格分隔): wampserver php 参考:参考文献1.慕课网.知乎.github 一.w ...

随机推荐

POJ 3696
这里面的一个转换的小技巧很重要,把888...8转换成(10^x-1)/9*8.神来之笔,佩服. 这样有(10^x-1)/9*8=L*p得10^x-1=L*p*9/8,设m=9*L/gcd(L,8). ...
Android实战简易教程-第十三枪（五大布局研究）
我们知道Android系统应用程序通常是由多个Activity组成,而这些Activity以视图的形式展如今我们面前, 视图都是由一个一个的组件构成的. 组件就是我们常见的Button.TextEdi ...
pat(A) 1066. Root of AVL Tree
代码: #include<iostream> #include<cstdio> #include<cmath> #include<stdlib.h> # ...
Extjs4.2 ajax请求url中传中文參数乱码问题
今天有个需求须要在url中传入中文參数.结果在后台取得时出现乱码,怀疑可能是编码问题.上网查询了资料,试了几种办法.发现有一种可行,记录在此,以便查阅. url中用encodeURI 进行2次编码: ...
Residual Networks <2015 ICCV, ImageNet 图像分类Top1>
本文介绍一下2015 ImageNet中分类任务的冠军--MSRA何凯明团队的Residual Networks.实际上.MSRA是今年Imagenet的大赢家.不单在分类任务,MSRA还用resid ...
mydumper安装及安装故障汇总
mydumper是针对mysql数据库备份的一个轻量级第三方的开源工具,备份方式术语逻辑备份.它支持多线程.备份速度远高于原生态的mysqldump以及众多优异特性. 因此该工具是DBA们的不二选 ...
mariadb克隆
oracle有克隆安装,事实上mysql/mariadb相似.仅仅需简单几步就能够直接在异机直接启动. 环境: node01安装完毕的mariadb; node02一个新机器如今将node01克隆到 ...
node--19 moogose demo1
db.js /** * Created by Danny on 2015/9/28 16:44. */ //引包 var mongoose = require('mongoose'); //创建数据库 ...
hdu_4707
算是水题一道吧,我也没有建树,看别人又用vector,又用bfs,dfs的,对vector不熟,所以就模拟了一下 #include<iostream> #include<string ...
[Codeforces 911F] Tree Destruction 解题报告（贪心）
题目链接: http://codeforces.com/contest/911/problem/F 题目大意: 给你一棵树,每次挑选这棵树的两个度数为1的点,加上他们之间的边数(距离),然后将其中一个 ...

thinkphp5项目--个人博客（三）

thinkphp5项目--个人博客（三）

项目地址

一、使用百度编辑器

二、列表内容显示

三、图片上传

thinkphp5教程

控制器

配置文件

视图

四、数据表的链接查询

控制器

视图

五、关联模型

模型

控制器

视图

对应参照的thinkphp手册

thinkphp5项目--个人博客（三）的更多相关文章

随机推荐

热门专题