JavaScript 初始化

配置 JavaScript 和 SASS

到目前为止，我们都是在 Laravel 后端进行初始化和扩展包的安装配置，从这一篇教程开始，我们把视线转移到前端。对于前端开发，La...

由学院君发布于5年前浏览数: 25747 点赞数: 14

引入 Vue 2、Vue Router 和 Vuex

到目前为止，我们已经搭建好了 Roast 单页面应用的基本骨架：安装好了 Laravel、配置好了基于 Socialite 的社会化...

由学院君发布于5年前浏览数: 25356 点赞数: 18

通过 Vue Router 配置前端路由

单页面应用的实现有赖于 HTML 5 History API，不过现在让你从头学习 HTML 5 History API 肯定不现实...

由学院君发布于5年前浏览数: 33257 点赞数: 16

实现 Laravel 后端 API 接口

在上一篇教程中，我们通过 Vue Router 为 Roast 应用添加了前端路由，现在我们需要为对应的页面提供数据以便渲染。需要注...

由学院君发布于5年前浏览数: 25166 点赞数: 12

通过 Axios 库构建 API 请求

在上一篇教程中，我们在 Laravel 后端定义好了 API 接口，在本篇教程中，我们将通过 JavaScript 构建 API 请...

由学院君发布于5年前浏览数: 20758 点赞数: 14

初始化 Laravel 单页面应用

安装配置 Laravel Socialite 并实现基于 Github 的用户认证

安装配置 Laravel Passport

配置 JavaScript 和 SASS

引入 Vue 2、Vue Router 和 Vuex

通过 Vue Router 配置前端路由

实现 Laravel 后端 API 接口

通过 Axios 库构建 API 请求

构建 Vuex 模块

在 Vue 组件中使用 Vuex 模块

通过 Laravel Mix 将 SASS 编译到 Vue 组件

为 Vue Router 添加页面布局

通过 Vue 组件、Vue Router、Vuex 和 Laravel 实现表单提交

通过 JavaScript 和 Laravel 验证表单请求

通过高德地图 Web 服务 API 对咖啡店地址进行地理编码

通过 Vue + 高德地图 JS API 在地图上标记咖啡店

在高德地图上自定义咖啡店点标记图标并显示信息窗体

实现 Laravel 模型类之间的多对多关联及冲泡方法前端查询 API

通过 Vue.js 实现动态表单一次提交多个咖啡店位置信息

通过 Laravel + Vue 实现喜欢/取消喜欢咖啡店功能

咖啡店标签后端 API 接口功能实现

咖啡店标签前端输入及显示功能实现

通过 Vue Mixins 在前端首页对咖啡店进行过滤筛选

使用 Vue Mixins 在高德地图上对咖啡店点标记进行筛选过滤

优化高德地图多个点标记信息窗体显示 & 引入 Google Analytics 进行单页面应用访问统计

根据是否需要登录重新组织后端路由

通过 Vue 组件实现单页面应用无跳转登录

通过 Vuex + Vue Router 导航守卫在前端实现认证路由保护

实现用户个人信息编辑功能

通过 Laravel + Vue 实现文件上传功能

功能模块重构 & CSS 整体优化：首页篇

功能模块重构 & CSS 整体优化：新增咖啡店篇

功能模块重构 & CSS 整体优化：实现编辑/删除咖啡店功能

功能模块重构 & CSS 整体优化：咖啡店详情页篇

通过 Vue Transitions 实现 Vue 组件的 CSS 动画效果 & 若干 Bug 修复

实现简单的、针对咖啡店增删改查的 RBAC 权限管理功能

管理后台后端动作审核接口实现

通过 Vue Router 提供的路由元信息功能实现前端路由权限判断

管理后台前端动作审核列表页面功能实现

在管理后台添加公司、咖啡店、城市、用户、冲泡方法管理功能

通过 Laravel Mix + Vue Router 路由懒加载实现单页面应用 JS 文件按组件分割

配置 JavaScript 和 SASS

引入 Vue 2、Vue Router 和 Vuex

通过 Vue Router 配置前端路由

实现 Laravel 后端 API 接口

通过 Axios 库构建 API 请求

搜索结果

无评论