Git Product home page Git Product logo

kaiyuanlee / laravel_template_with_vue Goto Github PK

View Code? Open in Web Editor NEW

This project forked from wmhello/laravel_template_with_vue

0.0 2.0 0.0 8.12 MB

laravel5.5和vue.js结合的前后端分离项目模板。作为程序的起点,可以直接以此为基础来进行业务扩展。模板内容包括基础的用户管理和权限管理、集成第三方登录。权限管理包括后端Token认证和前端vue.js的动态权限,解决了前后端完整分离的情况下,vue.js的认证与权限相关的痛点,已在本人的多个项目中集成使用。http://front.ynxpyz.cn

License: MIT License

JavaScript 23.28% HTML 6.84% Vue 26.33% CSS 3.65% PHP 39.89%

laravel_template_with_vue's Introduction

1、写在前面

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

2、系统概述

项目依托laravel5.5与vue.js,采用了主流的前后端分离方式来构建,作为程序的起点,你可以在此基础上进行自身业务的扩展。
后端(backend目录)负责OAuth认证、用户授权、第三方用户登录验证和提供API,在此基础上集成了跨域和excel文件的操作等基础功能,使用者只需专注于业务api的开发即可。
前端(frontend目录)负责页面的显示和前端用户权限的控制。项目已经引入了element UI框架,并已经对用户登录认证、路由、权限等基础功能进行了处理。
前端用户的权限不但可以控制系统的导航菜单,而且可以控制到页面按钮、表格等内容的显示。使用者只需要专注于业务界面的开发即可。
本项目使用广泛,已经在本人的多个项目中商用。

第三方登录测试时,可以先进入系统创建一个用户,然后用github登录后绑定刚刚创建的新用户,之后就可以使用github来自动登录了

3、项目演示与截图

演示网站(http://front.ynxpyz.cn)
管理员用户名和密码([email protected]/123456)
普通用户用户名和密码([email protected]/123456)

项目截图

后端API文档

后端API文档

管理员面板

管理员面板

普通用户面板[注意观察系统日志和左侧导航菜单]

普通用户面板

用户管理

用户管理

用户添加

用户添加

用户数据导出

用户数据导出

角色管理

角色管理

角色功能设置

角色功能设置

功能管理

功能管理

功能组管理

功能组管理

添加新功能

添加新功能

管理员界面下的学期管理

管理员界面下的学期管理

普通用户界面下的学期管理

普通用户界面下的学期管理

4、技术文档

5、技术支持

欢迎大家来光临我的博客,主要专注于laravel与vue.js的应用 博客

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会不断完善该项目

开发环境 windows 7 Chrome 63 PHP 7.1.7

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍

__部署和使用中如果有疑问,可以到项目交流群进行讨论:106822531(QQ)或者关注公众号(computer_life)学习相关基础知识

QQ群二维码

全栈开发公众号

6、打赏

如果我的付出能够帮助到你,我也乐于接受你的帮助,小小的赞赏是我们持续进步的动力。

支付宝支付 微信支付

7、致谢

站在巨人之上,我们才能走得更远。项目中使用和借鉴了以下开源框架的实现方法 一并致谢

License

MIT

laravel_template_with_vue's People

Contributors

puzzle9 avatar wmhello avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.