文档中心
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档

Evan Xu

前端界的小学生
首页
  • HTML
  • CSS
  • JavaScript
  • Vue
  • 前端工程化
  • Laravel
  • MySql
  • Linux
  • 公众号与小程序
  • 其他
  • vue-element-admin
  • vue-antd-admin
  • VuePress
  • 《JavaScript教程》
  • 《JavaScript高级程序设计》
  • 《ES6 教程》
  • 《Vue》
  • 《React》
  • 《TypeScript 从零实现 axios》
  • 《Git》
  • TypeScript
  • vue-element-admin集成模板
  • 商品进销存管理系统
  • 民主测评管理系统
  • 在线考试系统
  • 股票分析系统
  • 利用vue.js和vue-element-admin开发管理系统
  • PHP开发微信公众号
  • Laravel开发RESTful API
  • uni-app开发微信小程序
技术文摘
  • 学习
  • 面试
  • 心情杂货
  • 实用技巧
关于
收藏
  • 分类
  • 标签
  • 归档
  • vue-element-admin集成模板

    • vue-element-admin集成模板
      • 写在前面
      • 当前版本介绍
        • 1.1 版本说明
        • 1.2 改进说明
        • 总体构架
        • 后端
        • 管理端
        • 小程序端
        • 亮点功能
      • 系统概述
        • 注意事项
      • 项目演示与截图
        • 项目截图
        • 登陆页面(可以扩充到使用验证码和手机号码登陆)
        • 修改个人信息
        • 全屏幕操作
        • 管理员管理
        • 添加管理员
        • 导入管理员
        • 角色管理
        • 角色功能设置
        • 模块与权限管理
        • 添加新模块
        • 超级管理员界面下的功能
        • 不同角色用户下的功能
        • 文章管理以及富文本编辑器
        • 应用功能-聊天室
        • 应用功能-客服(普通用户界面 1对1)
        • 应用功能-客服(客服界面 1对多)
        • 利用模板快速生成所需要的代码
      • 5、技术支持
  • 商品进销存管理系统

  • 民主测评软件

  • 在线考试系统

  • 股票分析系统

  • 学校信息管理系统

  • 项目案例
  • vue-element-admin集成模板
wmhello
2021-11-10
目录

vue-element-admin集成模板

# vue-element-admin集成模板

# 写在前面

2018年的春节假期,受朋友的鼓励和内心的指引,对近两年所学到的知识进行了系统的沉淀和总结。
从多个项目中提取关键点、抛弃了的业务部分,对底层的功能进行了各类优化和抽象,写成本项目。  

# 当前版本介绍

# 1.1 版本说明

当前版本laravel_template_with_vue (3)

开源项目地址(github) (opens new window)

国内地址(gitee) (opens new window)

# 1.2 改进说明

# 总体构架

1.修改后端目录为api

2.修改管理端目录为element(UI使用element)

3.增加管理端目录antd(UI使用antd)

4.增加小程序端目录uni-app(UI使用uview)

5.增加独立的公众号目录vant(单页面 UI使用vant)

# 后端

1.更新larave框架为LTS版本laravel6

2.更新passport插件到最新版本

3.完善RBAC管理

4.增加验证码功能、短信发送功能和第三方登陆等功能

# 管理端

1.前端element ui 更新到了2.15.6版本,请参照开发

2.完善RBAC的管理端操作

3.增加简单的内容管理(文章、文章类型、轮播图,使用于小程序和公众号等)

4.配置完善websocket功能,实现聊天室、客服等功能

5.增加微信端的各种配置信息等

# 小程序端

1.小程序完善的目录结构和开发功能,直接对接后端接口

2.小程序内用户的登陆、获取用户名和手机号码

# 亮点功能

1.使用workerman框架中的GatewayWorker来实现了websocket通讯,实现了聊天室、客服和单点登录功能。

2.基础的用户、角色和权限管理,实现了RBAC。

3.实现低代码开发,能分析数据表内容及其设置,实现自动生成代码。

4.有小程序端和微信公众号端,已经对接好各种接口。

5.实现第三方登录。

# 系统概述

项目依托laravel6与vue.js,采用了主流的前后端分离方式来构建,作为程序的起点,你可以在此基础上进行自身业务的扩展。
后端(api目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API,在此基础上集成excel文件的操作和完善的RBAC管理等基础功能,使用者只需专注于业务api的开发即可。后端整合了laravel-echo-server,实现了websocket。并实现消息的实时推送、为聊天室、客服等功能提供了API,是全网最好的laravel-echo-server教程。
前端(element目录)负责页面的显示和前端用户权限的控制。项目引入了element UI框架,并已经对用户登录认证、路由、权限等基础功能进行了处理。前端用户的权限不但可以控制系统的导航菜单,而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
小程序(uni-app目录)主要用户小程序开发,集成了uview,实现了用户的登陆授权和获取手机号等功能,在此基础上,使用时只需要关心业务页面的开发即可以。
本项目使用广泛,已经在本人的多个项目中商用。

# 注意事项

1.系统中admin用户为超级管理员,为了方便演示,也是为了供大家使用,发布的版本中,已经屏蔽admin用户的信息修改等功能,实际开发中,用户只需要去相应的前端页面中学校除去屏蔽修改的语句就可以。

2.为了使用websocket等功能,需要用户同时修改前后和后端的配置,开启websocket

3.为了演示聊天室和客服等功能,用户可以进入系统后首先创建多个用户,并且利用不同的浏览器同时登陆,就可以演示相关功能。

# 项目演示与截图

演示网站 (opens new window)

管理员用户名和密码(admin/123456)

# 项目截图

# 登陆页面(可以扩充到使用验证码和手机号码登陆)

# 修改个人信息

# 全屏幕操作

# 管理员管理

# 添加管理员

# 导入管理员

# 角色管理

# 角色功能设置

# 模块与权限管理

# 添加新模块

# 超级管理员界面下的功能

# 不同角色用户下的功能

# 文章管理以及富文本编辑器

# 应用功能-聊天室

# 应用功能-客服(普通用户界面 1对1)

# 应用功能-客服(客服界面 1对多)

# 利用模板快速生成所需要的代码

# 5、技术支持

部署和使用中如果有疑问,可以与我交流:xpyzwm(微信号)

微信二维码

#模板#laravel#vue.js
商品进销存管理系统

商品进销存管理系统→

最近更新
01
使用VuePress搭建博客系统(一)
08-08
02
利用FreeSSL.cn申请免费SSL证书
07-23
03
民主测评管理系统
07-22
更多文章>
Theme by Vdoing | Copyright © 2019-2024 wmhello |备案号:滇ICP备2023013341号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式