用input根据数据表搜索显示代码laravel框架_laravel-admin(一)

首先先安装laravel7安装好 执行命令

composer create-project --prefer-dist laravel/laravel laravel

会提示

de673ef440e14271f5c7890131ff1a70.png
composer config -g repo.packagist composerhttps://mirrors.aliyun.com/composer/

在执行composer create-project --prefer-dist laravel/laravel laravel

9d91316914b28871075302f4d0eef2a2.png

然后在数据库中随意创建一个库 配置下账号密码 先在.env中配置 然后再去config/database.php

要先进laravel7中
cd laravel7
composer require encore/laravel-admin 

默认是最高版本 目前是1.8 如果你的laravel不是最新的是5点几要看下官网对应下版本

3af589541b726ba947a85784e8a211cb.png
php artisan vendor:publish --provider="EncoreAdminAdminServiceProvider"

2bae6e47064fccd43970335a390d5eb1.png
php artisan admin:install

0eae742797ac82531a6d9f3762f57c9d.png

解决方法:需要删除已经生成的两张数据表,在appProvidersAppServiceProvider.php添加默认值(数据库已经生成俩个表了要删除下)

<?php
 
namespace AppProviders;
 
use IlluminateSupportServiceProvider;
use IlluminateSupportFacadesSchema; //add fixed sql
 
class AppServiceProvider extends ServiceProvider
{
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Schema::defaultStringLength(191); //add fixed sql
    }
 
    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
        //
    }
}

在浏览器打开 http://localhost/admin/

使用用户名 admin 和密码 admin登录

c2e8d49a3ab26692058006103faf038d.png

打开后台显示的英文版本 要切换成中文版本

https://github.com/caouecs/Laravel-lang
  • For Laravel 7.x : run composer require caouecs/laravel-lang:~6.0 in your project folder
  • For Laravel 6.x : run composer require caouecs/laravel-lang:~5.0 in your project folder
  • For Laravel 5.8 : run composer require caouecs/laravel-lang:~4.0 in your project folder
  • For Laravel 5.1-5.7 : run composer require caouecs/laravel-lang:~3.0 in your project folder
  • For Laravel 5 : run composer require caouecs/laravel-lang:~2.0 in your project folder
  • For Laravel 4 : run composer require caouecs/laravel-lang:~1.0 in your project folder

要根据你的laravel版本来安装 如果不知道哪个版本了

vim vendor/laravel/framework/src/Illuminate/Foundation/Application.php

df2ccc7a0045823901ac89f8dedadf1d.png

也可以执行命令PHP artisan --version

d658499b5630a923585e40f7b6941769.png

不看不知道 原来我是6.18 那么想升级怎么升呢

注意:Laravel 7 要求 PHP 版本不能低于 7.2.5。

  • PHP >= 7.2.5
  • PHP BCMath 扩展
  • PHP Ctype 扩展
  • PHP Fileinfo 扩展
  • PHP JSON 扩展
  • PHP Mbstring 扩展
  • PHP OpenSSL 扩展
  • PHP PDO 扩展
  • PHP Tokenizer 扩展
  • PHP XML 扩展
http://www.dllzj.com/php_fileinfo.dll/

c52e79b69beb64f4961cffae3abd30f5.png

要最新的 将dll放到对应的php文件下。

我的位置在 D:phpStudyPHPTutorialphpphp-7.2.1-nts

打开php.ini,添加扩展代码。
拖到最后一行,输入
extension = php_fileinfo.dll
重启服务。

3b46b4edc213d021672b72119a1d9787.png

我现在用的phpstudy 最高是7.2.10 那就先用laravel6.18 版本也不低

如果你当前支持的话 
composer create-project --prefer-dist laravel/laravel blog 7.2
composer require caouecs/laravel-lang:~5.0

4852b2d3d671da2160d36b5f3a0cc77a.png
修改 config/app.php 配置文件
将IlluminateTranslationTranslationServiceProvider::class, 
替换为 OvertrueLaravelLangTranslationServiceProvider::class,
然后将 'locale' => 'en', 修改成 'locale' => 'zh-CN', 
最后执行 php artisan lang:publish zh-CN 

bc10acfb1ec683898703448abe2d83a5.png

来看下代码是如何实现的,找到 vendor/laravel/framework/src/Illuminate/Foundation/Exceptions/views/404.blade.php 页面,可以看到如下一行代码

8dc5c32fc4c39c185dec0540ac345f82.png

再来看下zh-CN目录的文件,是和en目录一一对应的,同样可以自定义修改提示语。也可以添加额外的语言

Laravel-admin 登录添加验证码

composer require james.xue/login-captcha

a836970c5366aebfd8d47f64f8e99828.png

config/admin.php

'extensions' => [     
      'login-captcha' => [     
            // set to false if you want to disable this extension        
           'enable' => true,     
      ] 
 ]

php artisan vendor:publish --tag=lang

0f08d8e227d3cc6eb0aba81d0b73e681.png

在config/admin.php 中添加

'background' => true,

ac61da0e5c03bf19e1391db1037d5a59.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你想要隐藏el-cascader__search-input元素,但仍然想要保留搜索功能,你可以使用另一种方法。你可以使用CSS样式将其隐藏,并且使用JavaScript代码来实现搜索功能。 首先,你可以使用以下CSS样式将el-cascader__search-input元素隐藏: ```css .el-cascader__search-input { display: none; } ``` 然后,你可以使用JavaScript代码来实现搜索功能。你可以将以下代码添加到页面中: ```javascript const cascader = document.querySelector('.el-cascader'); const input = document.createElement('input'); input.setAttribute('type', 'text'); input.setAttribute('placeholder', 'Search...'); input.addEventListener('input', () => { cascader.querySelector('.el-input__inner').value = input.value; cascader.querySelector('.el-input__inner').dispatchEvent(new Event('input')); }); cascader.querySelector('.el-input__inner').addEventListener('focus', () => { input.focus(); }); cascader.querySelector('.el-input__inner').style.display = 'none'; cascader.appendChild(input); ``` 这段代码会在el-cascader元素中创建一个新的输入框,并监听其输入事件。当用户输入文本时,该代码会将该文本设置为el-cascader的原始输入框中的值,并触发一个input事件,从而进行搜索。此外,当用户点击el-cascader的原始输入框时,该代码会将焦点设置为新的输入框中,以便用户可以进行搜索。 请注意,这段代码假设el-cascader元素具有`.el-input__inner`类的输入框。如果你的el-cascader元素的输入框具有不同的类,请相应地更改代码。 这样,你就可以同时隐藏el-cascader__search-input元素并实现搜索功能。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值