博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Laravel8 + Vue2 + Vuetify2 开发的前后端分离的单页面博客类 Web 应用
阅读量:2121 次
发布时间:2019-04-30

本文共 3107 字,大约阅读时间需要 10 分钟。

Blog-Vuetify-v1.0

关于 Blog-Vuetify-v1.0

Blog-Vuetify是由 Laravel8 + Vue2 + Vuetify2 开发的前后端分离的单页面博客类 Web 应用。

源码

  • 码云:

特性

  • 3D标签云
  • v-md-editor Markdown 编辑器
  • 无限懒加载
  • 骨架装载器
  • 全屏背景图片
  • 阿里云短信
  • 阿里云对象存储
  • JWT 平滑刷新 Token
  • 访问速率控制
  • 二次封装 axios
  • vue-i18n 国际化

截图

首页视图

个人资料

登录视图

v-md-editor
在这里插入图片描述

Demo

安装

  • composer install
  • npm install
  • vim resources/js/config.js
  • npm run production
  • cp .env.example .env
  • vim .env
  • php artisan key:generate
  • php artisan jwt:secret
  • php artisan migrate --seed
  • php artisan up

项目结构

  • app
    • Console/Kernel.php ------------------------------------------------------包含应用所有自定义的 Artisan 命令
    • app/Exceptions ----------------------------------------------------------自定义异常处理
    • Handlers/ImageUploadHandler.php ---------------------------------图片上传事件处理器
    • Http
      • Controllers/Api ----------------------------------------------------------处理所有通过接口进入应用的请求
      • Middleware--------------------------------------------------------------中间件
      • Requests -----------------------------------------------------------------请求验证类
      • Resources ---------------------------------------------------------------接口资源类
    • Providers ----------------------------------------------------------服务提供者类
    • Services/OSS.php -----------------------------------------------------------阿里云OSS服务
  • config ----------------------------------------------------------------Laravel 配置文件目录
  • database
    • factorie ---------------------------------------------------------- 数据库工厂目录
    • migrations -------------------------------------------------------- 数据库迁移文件目录
    • seeds -------------------------------------------------------------- 数据填充目录
  • resources
    • js --------------------------------------------------------------客户端目录
      • api -------------------------------------------------- 接口配置目录
        • app.js -------------------------------------------------- 应用程序接口配置文件
        • axios.js -------------------------------------------------二次封装的 axios 文件
      • assets --------------------------------------------------引入的图片资源目录
      • layouts/default-------------------------------------------------------Vuetify 继承部件目录
      • common/lang -------------------------------------------------- i18n 自定义多语言包目录
      • components -------------------------------------------------- Vuetify 组件目录
      • modules -------------------------------------------------- vuex 模块
        • app.js -------------------------------------------------- 应用程序接口配置文件
      • views-------------------------------------------------- Vuetify 视图目录
      • utils -------------------------------------------------- 自定义插件目录
      • plugins -------------------------------------------------- 引入插件目录
      • app.js -------------------------------------------------- vue.js 入口文件
      • config.js -------------------------------------------------- vue.js 自定义配置文件
      • event-bus.js -------------------------------------------------- 事件总线文件
      • routes.js -------------------------------------------------- 路由配置文件
      • store.js -------------------------------------------------- vuex 模块注册文件
      • vuetify.js -------------------------------------------------- vuetify 配置文件
      • md_editor.js-------------------------------------------------- v-md-editor 配置文件
    • views
      • app.blade.php -------------------------------------------------- 客户端挂载视图
        想了解更多 请看

License

The Laravel framework is open-sourced software licensed under the .

转载地址:http://kykrf.baihongyu.com/

你可能感兴趣的文章
《redis设计与实现》 第二部分(第9-11章):单机数据库的实现
查看>>
算法工程师 面经2019年5月
查看>>
搜索架构师 一面面经2019年6月
查看>>
稻草人手记
查看>>
第一次kaggle比赛 回顾篇
查看>>
leetcode 50. Pow(x, n)
查看>>
leetcode 130. Surrounded Regions
查看>>
【托业】【全真题库】TEST2-语法题
查看>>
博客文格式优化
查看>>
【托业】【新托业全真模拟】疑难语法题知识点总结(01~05)
查看>>
【SQL】group by 和order by 的区别。
查看>>
【Python】详解Python多线程Selenium跨浏览器测试
查看>>
Jmeter之参数化
查看>>
Shell 和Python的区别。
查看>>
Python 列表(list)、字典(dict)、字符串(string)常用基本操作小结
查看>>
Loadrunner之https协议录制回放报错如何解决?(九)
查看>>
python中xrange和range的异同
查看>>
列表、元组、集合、字典
查看>>
【Python】easygui小甲鱼
查看>>
【Python】关于Python多线程的一篇文章转载
查看>>