编辑用户信息

Created 5 years ago by 学院君, Updated 4 years ago 24856 views 0 likes 0 collects

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

第一步：定义要收集的数据在这篇教程中，我们将为 Roast 应用添加个人信息编辑页用于完善用户个人信息，以便附近有新咖啡店，或者某...

由学院君发布于6 years ago 浏览数: 8322 点赞数: 3

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

我们在前面的教程中已经实现了多个表单的提交功能，如新增咖啡店、编辑用户个人信息等，但是还没有涉及到文件上传，那么在这篇教程中我们将基...

由学院君发布于6 years ago 浏览数: 15070 点赞数: 3

Search Results

Clear Search

初始化 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 文件按组件分割

编辑用户信息

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

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

Search Results

No Comments