mint-ui的search组件怎样在键盘突显搜索按钮

<form action="" target="frameFile">
  <mt-search v-model="value" placeholder="请输入关键字" @keyup.native.enter="search(value)">
    <div v-infinite-scroll="loadMore()" infinite-scroll-disabled="loading" infinite-scroll-distance="10">
      <ListItem :lists="lists"></ListItem>
      <div class="loading-text" v-if="(loadingTextBtn==true)"><mt-spinner v-if="(loadingComplete==false)" type="snake" :size="10"></mt-spinner></div>
    </div>
  </mt-search>
  <iframe name='frameFile' style="display: none;"></iframe>
</form>

laravel
一.简介
二.运作环境须要
1.php 版本>=5.5.9
2.Mcrypt PHP伸张 php的加密扩充,提供二种加密算法
3.openssl扩充 对传输的数目开展加密
4.mbstring恢弘 提供了针对多字节字符串的函数,可以襄助处理php多字节编码
5.Tokenizer PHP扩大 php代码片段解析
三.安装
1.composer安装
composer create-project laravel/laravel your-project-name –prefer-dist
“5.1.*”
2.一向复制一份安装好的即可

化解办法:

四.本地域名解析与apapche虚拟主机配置(window下)
1.打开:C:\Windows\System32\drivers\etc目录中的hosts文件:
布署消息:127.0.0.1 自定义主机名

mint-ui的search组件input专擅认同也是type=”search”类型的,但是还索要在外层包一组form标签,并且带有action,就会在键盘中出现搜索按钮。

2.在apache的conf\extra的httpd-vhosts.conf配置文件中布局
<VirtualHost *:80>
ServerAdmin chenxiaoyu@lampbrother.net
DocumentRoot “虚拟主机目录地点”
ServerName 虚拟主机名
ErrorLog “logs/虚拟主机名-error.log”
CustomLog “logs/虚拟主机名-access.log” common
</VirtualHost>

如上是形式一:

注:配置虚拟主机出现的难点
①.配置好之后 localhost不可以访问
②.布署完结只可以访问根目录
③.hosts文件打不开
五.配置
1.开发前务须求做的
①.配备虚拟主机
②.storage 和 vendor 目录要让服务器有写入权限 linux
③.先后密钥
(a).那里是默许生成的,倘若没有的话可以应用命令
php artisan key:generate
(b).假若没有key会报错
No supported encrypter found. The cipher and / or key length are
invalid.
④.改动时区
config/app.php ‘timezone’=>’PRC’
先期建立出来 404 页面
404.blade.php

在手机键盘点击搜索的时候,页面会刷新,所以给form加一个target,target规定在何方打开
action
U瑞鹰L,再放入一个逃匿的iframe,起名为form的target的值,这样则在时下页面显示出搜索的始末

SEO 搜索引擎优化

如下是措施二:

2.开支进度中要用到的
①.读取和装置配置
(a).Config::get(‘app.timezone’);
(b).Config::set(‘app.timezone’,’PRC’);
②.到手环境变量
(a).env(‘DB_HOST’,”);
③.关闭和起步应用
(a).关闭 php artisan down 模版配置
resources/views/errors/503.blade.php
(b).开启 php artisan up
④.URL重写
public/.htaccess
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.php [L]
六.路由:将新闻从源地址传递到目标地的角色 abort
1.文书地方:app/Http/routes.php
2.基本路由
①.Route::get(‘/admin’, function () {
return view(‘useradd’);
});
// controller@方法
②.Route::post(‘/admin’, function () {
return view(‘useradd’);
});
应用post格局请求服务器的时候,可以先将http/kernel.php 中的第20行屏蔽
③.Route::put(); //修改
④.Route::delete(); //删除
3.带参数的路由
①.普通使用
Route::get(‘/goodsinfo/{id}’, function ($id) {
echo “商品的id是”.$id;
});
?a=123&b=456

<form action="" v-on:submit.prevent=""

> <mt-search v-model="value" placeholder="请输入关键字" @keyup.native.enter="search(value)"> <div v-infinite-scroll="loadMore()" infinite-scroll-disabled="loading" infinite-scroll-distance="10"> <ListItem :lists="lists"></ListItem> <div class="loading-text" v-if="(loadingTextBtn==true)"><mt-spinner v-if="(loadingComplete==false)" type="snake" :size="10"></mt-spinner></div> </div> </mt-search> </form>

②.限量参数类型
Route::get(‘/user/{id}’,function($id){
echo $id;
})->where(‘id’,’\d+’);
4.传递多少个参数
①.Route::get(‘/user/{name}/{id}’,function($name,$id){
echo $name;
echo “<br>”;
echo $id;
})->where(‘id’,’\d+’)->where(‘name’,’\d+’);
5.路由别名 少
①.Route::get(‘/admin/user/delete’,[
‘as’=>’udelete’,
‘uses’=>function(){
//迅速得到改地址
$url=route(‘udelete’);
echo ‘ok’;
}
]);
6.路由组设置 middleware
①.Route::group([],function(){

那边一贯给onsubmit事件写入return false,

 

 onsubmit="return false;"

});
7.404页面设置
resources/views/errors/404.blade.php
8.CSRF保护
POST 提交 自动执行 csrf

禁绝提交,然而出于是vue所以使用vue自带的submit阻止刷新事件,则搜索列表页也得以在此时此刻页面呈现。

TokenMismatchException in VerifyCsrfToken.php line 53:
开启了csrf的保护
csrf

 

七.中间件
1.创制(默许不直接生效)
php artisan make:middleware LoginMiddleware
2.例证代码
$ip=$request->ip();
$path=$request->path();
file_put_contents(‘./ips.txt’,$ip.’——‘.$path.”\r\n”,FILE_APPEND);

在search方法中,加一个点击搜索按钮后软键盘收起的轩然大波:

路线的标题
相对路径 ../ ./ 相对路径 /

document.activeElement.blur();

php语言 绝对路径 / 代表 盘符根目录
./ ../ 绝对路径 入口文件 所在的目录 public
html的相对路径 / 当前的域名 所指定的目录 public

 

在laravel中 php端一律选取相对路径 html端 一律使用相对路径
echo “<img src=’/1.jpg’>”;
include “”; 相对路径

参考小说:http://blog.csdn.net/github_39237934/article/details/75258285

3.注册app/Http/Kernel.php
①.全局注册:$middleware 命名空间\类名::class
\App\Http\Middleware\LoginMiddleware::class
①.局地注册:$routeMiddleware 别名=>命名空间\类名::class
‘login’=> \App\Http\Middleware\LoginMiddleware::class
4.使用

 

Route::get(‘/admin’, [
‘middleware’=>’admin’,
‘uses’=>function(){
echo ‘后台’;
},
]);

八.控制器
1.创办控制器
php artisan make:controller UserController –plain
2.路由以及走访
①.普通用法
Route::get(‘/stu/add’,’StuController@add’);
②.带参数访问
(a).路由带参数
Route::get(‘/stu/del/{id}’,[
‘uses’=>’StuController@del’,
]);
决定器函数 须要截取形参$id
public function del($id){}

(b).原生参数 ?id=123
public function add(request $request){
$id=$request->input(‘id’);
echo $id;
}

③.别名
Route::get(‘/stu/del/{id}’,[
‘as’=>’udel’,
‘uses’=>’StuController@del’,
]);
④.中间件控制
(a).第一种艺术
Route::get(‘/admin’, [
‘middleware’=>’login’,
‘uses’=>’StuController@update’
]);
(b).第二种方法
Route::get(‘/stu/update’,’StuController@update’)->Middleware(‘login’);

⑤.隐式控制器
(a).路由
Route::controller(‘users’,’UserController’);
//所有请求为users的 都由UserController来成功
注:运行artisan命令的时候 要保证当前剧本无法有报错

post/getStu

(b).使用
控制器中方法起名规则
public function 请求方式+路径(){}
例如:
所走访的门路是 users/add
public function getAdd(){}
⑥.restful 资源控制器
Route::resource(‘type’,’TypeController’);
九.请求
1.中央音信获取 驾驭
①.伸手方法 $request->method();
②.检测方法 $request->isMethod(‘post’);
③.请求路径 $request->path();
④.请求完整url $request->url();
⑤.获取ip $request->ip();
⑥.获取端口 $request->getPort();

⑦.获取头信息 $arr=$request->header(‘Connection’);

******************************
2.领取请求参数 POST GET
①.提取参数 $request->input(‘name’);
②.设置暗中同意值 $request->input(‘name’,’xy’);
③.检测是不是留存 $request->has(‘name’);
④.提取所有参数 $arr=$request->all();
⑤.提取部分 $arr=$request->only([‘username’,’password’]);
⑥.提取部分 $arr=$request->except([‘username’,’password’]);

3.文本操作
①.检测是不是有文件上传 $request->hasFile(‘表单name值’);
②.将文件移动到指定地方$request->file(‘表单name值’)->move(‘路径’,’新名字’);

路线的标题
前台 html代码
纯属路径 / 域名 直接 绑定的 那么些文件夹 public里面的事物
不大概写相对路径
php
相对路径 / 当前项目所在的盘符的根目录
相对路径 ./ 当前进口文件所在的门路

小结 laravel里面 html代码 绝对路线 php代码 相对路径
echo “<img src=’1.jpg’>”; html 相对路径
include file_get_content fopen ……. php 函数

4.cookie操作
①.设置 \Cookie::queue(‘cookie名’,’cookie值’,过期时光);

return response(”)->withCookie(‘cookie名’,’cookie值’,过期时刻);

②.读取 \Cookie::get(‘name’);

$request->cookie(‘name’);

//路由的途径的名字 和 public里面的文件夹的名字千万不要同名 同名
暗许走的public里面的文书夹 *****************

5.闪存消息:基于SESSION 用来储存请求参数的 session 关闭浏览器 flash
只要刷新一下页面 就失效 紧要用来做登记
①.将所有的哀求参数写入闪存中 $request->flash();
②.将一些参数写入闪存中 $request->flashOnly(‘参数1′,’参数2’..);
③.除了某些参数之外的参数 $request->flashExcept(‘参数1’);
④.简便利用 return back()->withInput();

取得闪存的参数 old(‘参数’)

十.响应
1.重返字符串 return “string”; 相当于 echo
2.设置cookie return response(”)->withCookie(‘名’,’值’,时间);

3.返回json return response()->json([“a”=>100,”b”=>2000]);

4.下载文件 return response()->download(‘web.config’);
5.页面跳转 return redirect(‘/goods/add’); return back(); //重返上一页
6.来得模版 return response()->view(‘user’); return view(”);

十一.视图
1.分析模版 view(‘user.add’); // \ / 都可以
2.分配数码到模版
view(‘user.add’,[]);
3.模板引擎blade
①.模版的默许存放地方 resource/views
②.行使变量 {{$username}}
③.设置函数 {{time()}}
④.设置暗中同意值 {{$user or ‘guest’}}
⑤.显示html代码 {!! $name !!}
⑥.引入子视图 @include(‘header’)
⑦.模版继承 @extends(‘index’)

(a).占位符 @yield(‘title’)

@section(‘content’)
@show

(b).新模板内容
@section(‘title’,’new Title’)

@section(‘content’)
[ @parent ]
新内容
@endsection
4.流程控制
① 判断
@if($t==1)
处理
@elseif(count($records)>1)
处理
@else
处理
@endif
②.循环控制
@for($i=0; $i<10; $i++)
处理
@endfor
@foreach($users as $k=>$v)
处理
@endforeach

十二.数据库操作

1.帮忙的数据库类型
mysql Postgres SQLite SQLServer
2.数据库连接配置
①.文件义务 config/database.php
②..env环境急迅部署
3.数据库基本操作
***********************************************
运用数据库的类的时候 一定要在地点现引入命名空间
use DB;
否则
Class ‘App\Http\Controllers\DB’ not found
***********************************************

①.查询 DB::select()
②.插入 DB::insert
③.更新 DB::update
④.删除 DB::delete

//上面的都无须记住

 

 

 

⑤.一般语句 DB::statement(‘drop table users’);
* ⑥.事务操作 DB::beginTransaction()
DB::rollBack()
DB::commit()

* ⑦.操作多少个数据库 DB::connection(‘数据库别名’)->select();

 

 

 

4.构造器
①.增删改查
(a).插入
单条: DB::table(‘stu’)->insert([‘name’=>’xy’,’age’=>46]);
多条:
DB::table(‘stu’)->insert([[‘name’=>’xy’,’age’=>46],[‘name’=>’xy’,’age’=>46]]);
获取id插入:
$id=DB::table(‘stu’)->insertGetId([‘name’=>’xy’,’age’=>46]);
(b).更新
DB::table(‘stu’)->where(‘id’,1)->update([‘name’=>’xy’])
(c).删除
DB::table(‘stu’)->where(‘id’,'<‘,’100’)->delete();
(d).查询
查询所有: DB::table(‘stu’)->get()
询问单条: DB::table(‘stu’)->first();
查询单条结果中的某个字段 DB::table(‘stu’)->value(‘name’)
赢得一列数据 DB::table(‘stu’)->lists(‘name’)
②.连贯操作
(a).设置字段名 DB::table(‘stu’)->select(‘name’,’email as
user_email’)->get();
(b).条件
DB::table(‘stu’)->where(‘name’,’like’,’%a%’);->get();
DB::table(‘stu’)->where(‘name’,’>’,’100′)->orwhere(‘name’,’xy’)->get()
DB::table(‘stu’)->whereBetween(‘id’,[1,5])->get()
DB::table(‘stu’)->whereIn(‘id’,[1,2,3])->get()
(b)排序 orderBy(‘name’,’desc’);
(c)分页 DB::table(‘stu’)->skip(10)->take(5)->get();
(d)分组 DB::table(‘stu’)->groupBy(‘name’)->having()->get();
(e)连接表
DB::table(‘stu’)->join(‘class’,’stu.cid’,’=’,’class.id’)->select(‘stu.name’,’class.cname’)->get();
(f)计算
总数 DB::table(‘stu’)->count();
最大值 DB::table(‘stu’)->max(‘price’) // min
平均值 DB::table(‘stu’)->avg(‘price’)

5.sql语句记录
①. app/Providers/AppServiceProvider.php
boot方法中添加
DB::listen(function($sql,$bindings,$time){
//写入sql
file_put_contents(‘.sqls’,”[“.date(“Y-m-d
H:i:s”).”]”.$sql.”\r\n”,FILE_APPEND);
});
②.
routes.php
Event::listen(‘illuminate.query’,function($query){
var_dump($query);
});

十三.装置自定义函数和自定义类文件
1.起家出自定义文件 例如:app/common/function.php
2.在项目下的composer.json中添加新闻
“autoload”:{
“classmap”:[
“database”
],
“psr-4”:{
“App\\”:”app\”
},
“files”:[
“app/common/function.php”
]
}
3.dos界面中档composer dump-auto

十四.调剂工具
1.debugbar安装
composer require barryvdh/laravel-debugbar

在config/app.php里面的providers添加
Barryvdh\Debugbar\ServiceProvider::class,

2.chrome 插件 postman FQ 安装

防止csrf攻击
打开 app/kernel.php 第20行

{{csrf_field()}} 生成了一个hidden 表单提交

{{csrf_token()}} 生成了一个 token字符串 ajax

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图