daaner/laravel-template

laravel 资产和视图 5.8 的最佳实践

安装: 9

依赖项: 0

建议者: 0

安全: 0

星标: 4

关注者: 1

分支: 0

开放问题: 25

类型:项目

v5.8 2019-04-25 23:14 UTC

README

StyleCI Scrutinizer Build Status Laravel Support PHP Support

Total Downloads Telegram Chat License

安装

要安装,请执行命令 composer create-project --prefer-dist --stability=dev daaner/laravel-template dt

信息

  • 用作新项目的骨架。减少构建结构和基本要点的时间

  • 不使用前端框架(如 Bootstrap)

  • 不是所有本地化翻译都支持 EN

  • 添加了 CDN jQuery + 本地替换(已注释关闭)

  • 添加了 Vue 本地化,但复数功能不正常(可以使用 {{ __('api.db_data') }}{{ trans('api.db_data') }}

  • 添加了关闭网站进行维护的功能

  • 添加了关闭网站供未注册用户访问的功能

  • 添加了关闭注册功能

  • 添加了模块化结构,包括自己的提供者、后台管理、本地化和其他。

    • 要添加模块,需要复制模块的文件夹
    • 在配置中添加文件夹名称到 config\module.php 数组中
    • 更改模块的主路由
    • [front] 为构建添加 SASS @import '../../Modules/Blog/resources/sass/app.scss';
    • [front] 为构建添加 JS require('../../Modules/Blog/resources/js/module.js')
    • 添加种子 $this->call(Modules\Blog\database\seeds\BlogCategorySeeder::class);
    • 框架中模块的本地化 {{ __('Module::file.key') }}
    • Vue 中模块的本地化保持不变 {{ __('file.key') }}(注意文件命名,不要更改键名)
  • 已添加并注释(需要拉取 yarn 或 npm 模块)

    • VueTheMask -- npm i vue-the-mask --save
    • vue-moment -- npm i vue-moment --save
    • Element.io -- npm i element-ui --save
    • popper -- npm i popper --save
    • jquery -- npm i jquery --save
  • 已连接并使用

    • Vue -- npm i vue --save
    • VueAxios -- npm i vue-axios --save
    • VueX 和 store -- npm i vuex --save
    • cookies -- npm i js-cookie --save
    • Bearer token
    • lodash -- npm i lodash --save

针对不同需求的 Blade 部分段

  • @section('title', '页面标题')
  • @section('description', '描述')
  • @section('canonical', '规范链接')
  • @section('body_class', 'body 的类')
  • @section('content_class', '主要内容的类')
  • @section('footer_class', '页脚的类')
  • @section('og_image', 'OG 图像')
  • @section('og_image_alt', 'OG 图像的替代文本')
@section('style')
  добавление стилей
@endsection

@section('script')
  добавление скриптов
@endsection

дополнительная разметка ld-json (можно использовать для других скриптов и стилей)
@section('ldjson')
  <script type="application/ld+json">
    {
      "@context": "http://schema.org2",
      "@type": "WebSite2",
    }
  </script>
@endsection

NPM 包

Composer 包

有任何问题或建议,请通过 Telegram 发给我 @neodaan

欢迎提出建议)