Vue+Laravel5.6 高仿团队协作管理平台teambition-1 初始架构

最新推荐文章于 2022-06-20 10:17:30 发布
最新推荐文章于 2022-06-20 10:17:30 发布
阅读量746 收藏
点赞数
文章标签： javascript 前端 运维 ViewUI
原文链接：https://segmentfault.com/a/1190000013647639
版权

Vue+Laravel5.6 高仿团队协作管理平台teambition

个人的一个总结学习的练手项目，前端技术栈vue系列，后端技术栈laravel(为啥不用koa node因为我在学习php laravel而已)，devops技术栈(docker jenkins linux)

希望各位看官到github给一个Star，过两天上一个演示站。

目前功能只开发到了任务系统，由于前后端都是一个人开发，所以进度很慢。注：由于个人技术栈学习的并不是很深，所以在架构和组件设计逻辑可能并不是很完美。前后端设计逻辑都遵循restful-api原则。

前端项目请查看：
https://github.com/zhaojunlik...

服务端项目请查看：
https://github.com/zhaojunlik...

功能

  • 登陆注册
  • 项目管理
  • 项目任务Dashboard
  • 分享
  • 文档博客
  • 群聊系统
  • 消息推送
  • 统计分析
  • 插件

项目信息

  1. 全栈项目，为了实现试用Vue实现teambition大部分功能
  2. 实现团队协作
  3. 实现文件共享
  4. 实现在线群聊
  5. 实现文章分享

Usage

技术栈

  • vue
  • vuex
  • vue-router
  • vue-cli
  • axios
  • bootstrap-4.0
  • bootstrap-vue
  • laravel
  • mongodb
  • redis
  • docker
  • jenkins

功能

登陆注册

clipboard.png

项目管理

clipboard.png

任务看板

包含阶段拖拽功能，任务拖拽功能，和阶段添加功能
clipboard.png

项目设置

clipboard.png

分享看板

clipboard.png

分享文章，类似写markdown博客功能

clipboard.png

clipboard.png

群聊

clipboard.png

未完待续.....

weixin_33979745
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Laravel拼团功能
wgchen
05-26 377
Laravel拼团功能场景Laravel 中 sharedLock 与 lockForUpdate 的区别MySQL测试Laravel测试真实场景，防止用户重复提现 场景 拼团功能，当 A 客户开团之后（两人团），如果 B 和 C 同时支付，如何规避两人同时将拼团人数增加。 Laravel 中 sharedLock 与 lockForUpdate 的区别 sharedLock 对应的是 LOCK IN SHARE MODE lockForUpdate 对应的是 FOR UPDATE sharedLock
laravel_admin团购实现
weixin_45821901的博客
09-03 369
laravel_admin团购实现 首先要先创建数据表，例如： CREATE TABLE `group` ( `id` int(10) NOT NULL AUTO_INCREMENT, `group_title` varchar(30) DEFAULT NULL COMMENT '标题', `goods_id` int(10) DEFAULT NULL COMMENT '关联商品id', `group_num` int(20) DEFAULT NULL COMMENT '拼团人数', `
禅道、码云、coding、redmine、jira、teambition几大敏捷开发项目管理系统试用对比体验
Admans的专栏
06-20 5948
作为一个软件公司的管理人员，在项目和人员多起来后，就需要通过系统来对项目和人员进行管理。我们是典型的软件外包公司，专为客户定制软件，所以我们的业务都是项目型的。因此，在管理模式上，我们就要用所谓的敏捷开发。到目前为止，我们同时进行的项目有四五个，人员有十来个。我们都是土枪土炮，PM（Project Manage）的管理不是专业出生，对敏捷开发的模式和精髓也是一知半解。因此，寻找一款适合我们使用的项目管理软件，就需要试用筛选。我们的基本需求有如下几点：有了以上基本需求，如果还有其他功能，则是锦上添花。在网上搜
【教程】Teambition中行云及飞流实现自定义构建部署
u010839420的博客
07-16 2963
应开发及同事需求，为方便代码管理及构建部署，使用Teambition提供的行云(Codeup)及飞流(Flow)进行代码管理，代码评审，构建部署以及线上自动更新。这里以PHP项目为模板。
html+vue+laravel管理后台模板前端框架Vito
06-19
这种模式有利于团队协作，因为前端和后端开发者可以同时进行工作，而无需等待对方完成。同时，它还便于后期的维护和升级，因为每个部分都可以独立更新。 总的来说，Vito管理后台模板是一个功能齐全、高度可定制的...
html+vue+laravel管理后台模板前端框架Vito.rar
09-29
【标题】：“html+vue+laravel管理后台模板前端框架Vito” 【描述】：这个压缩包文件包含了一个基于HTML、Vue.js和Laravel构建的管理后台模板前端框架，名为“Vito”。这个框架旨在为开发者提供一个快速开发高效、...
VUE3+Laravel后台节点权限管理系统
09-13
VUE3，Laravel，后台管理系统，后台系统，节点权限，后台管理权限，角色管理，角色权限
基于PHP+laravel5.5+vue.js+element-ui开发的宠物饲养管理平台+源码（毕业设计&课程设计&项目开发）
最新发布
06-17
基于PHP+laravel5.5+vue.js+element-ui开发的宠物饲养管理平台+源码，适合毕业设计、课程设计、项目开发。项目源码已经过严格测试，可以放心参考并在此基础上延申使用~ 基于PHP+laravel5.5+vue.js+element-ui开发的...
laravel-vue-admin：开箱即用的Laravel后台扩展，前分离，纵向控制前端组件，无需编写vue即可创建一个vue + vuex + vue-route + elment-ui + laravel的项目，丰富的表单表格组件，强大的自定义组件功能
02-03
Laravel-Vue-Admin是一个开箱即用的Laravel后台扩展 vue + vuex + vue-route + elment-ui + laravel的项目 内置了丰富的表单表格组件 最核心的是强大的自定义组件功能 安装 首先确保安装好了laravel，和数据库连接...
Teambition
08-08
teambition 是很好用的一款协作工具，帮助团队随时随地协作，专注项目，实现目标。
Teambition 团队协同开发
08-18
模仿Teambition(团队协同开发)的windows桌面软件 涉及知识: 1.C#三层 2.sqlserver sql语法,包含建表,连表查询,视图和存储过程等等
laravel商场项目源码
11-07
laravel商场项目源码、laravel商场项目源码、可用于个人学习，十分适合新手。基本上商城基本功能都是有的
teambition:任务管理系统
04-29
该项目是通过引导的。 您将在下面找到一些有关如何执行常见任务的信息。 您可以在找到本指南的最新版本。 目录 自动格式化代码 更改页面<title> 安装依赖项 导入组件 代码分割 添加样式表 后处理CSS 添加CSS预处理器（Sass，Less等） 添加图像，字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义主题 增加流量 添加路由器 添加自定义环境变量 在HTML中引用环境变量 在Shell中添加临时环境变量 在.env添加开发环境变量 我可以使用装饰器吗？ 使用AJAX请求获取数据 与API后端集成 节点 Ruby on Rails 在开发中代理API请求 配置代理后出现“无效的主机头”错误 手动配置代理 配置WebSocket代理 在开发中使用HTTPS 在服务器上生成动态<met
teambition、Tower、worktile 、trello 等任务管理工具哪个好？
热门推荐
weixin_43386498的博客
12-05 1万+
因为工作的关系，前段时间对 teambition、Tower、worktile 、Trello 做了一点深度研究和试用，以此来为团队选择工具。接下来，简单和大家分享一下这四款工具的对比。 先说明一下，我们是公司内部的 IT、产品、运营团队在协作使用，日常工作与软件开发、技术跟踪调研、市场调研、分类项目为主。需要开发、产品和运营人员无缝对接。所以，大家因为团队工作不同，也需要选择适合自己团队的工具来...
teambition/tower/team@osc/worktile团队协作工具价格比较
ouyida3的专栏
09-20 5404
最近需要一项目管理的工具，昨天在upyun的技术会上看到了team@osc的广告，于是搜索了一下，发现还有国内的tower、teambition、worktile比较出名。 至于国外的那些就算了，网速慢、英文难懂。这四款产品比较后发现并不是都免费的。同样是免费版也各有差别： teambition一个项目不限人数，但是限制项目数。 tower既不限人数，也不限项目，只是限制了一些功能 worktil
基于ThinkPhp6+Vue+ElementUI低代码开发平台
西里古里的博客
02-23 8022
一款 PHP 语言基于ThinkPhp6、Vue、ElementUI等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题，实现了个性化呈现的需求；
基于Vue＋Sails的健身房信息管理平台的系统整体结构设计
03-31
系统整体结构设计 健身房信息管理平台的系统整体结构设计基于Vue+ Sails框架，采用前后端分离的方式进行开发。系统的前端由Vue框架实现，后端由Sails框架实现。 前端架构设计 前端架构采用Vue框架，使用Vue CLI进行脚手架搭建，使用Vue Router进行路由管理，使用Vuex进行状态管理，使用Axios进行数据请求和响应。 1. 路由设计 健身房信息管理平台的系统有四个模块，分别是：健身房管理模块、教练管理模块、会员管理模块和财务管理模块。为了方便用户使用，将四个模块分别设计为四个路由。具体路由设计如下： 路由名称 路由路径 组件名称 健身房管理路由 /gyms Gyms 教练管理路由 /coaches Coaches 会员管理路由 /members Members 财务管理路由 /finance Finance 2. 状态管理 使用Vuex进行状态管理，将系统中的数据存储在store中，方便在各个组件之间进行数据的共享和传递。 3. 组件设计 在健身房信息管理平台的系统中，每个模块都有对应的组件，组件的设计如下： 组件名称 组件描述 Gyms 健身房管理模块 Coaches 教练管理模块 Members 会员管理模块 Finance 财务管理模块 4. 数据请求 使用Axios进行数据请求和响应，在组件中进行数据的获取和提交。 后端架构设计 后端架构采用Sails框架，使用MVC架构，将业务逻辑层、数据访问层、数据展现层分离，方便进行代码的维护和升级。 1. 控制器设计 控制器负责处理业务逻辑层的代码，处理来自前端的请求，对数据进行增删改查等操作，并将处理后的数据返回给前端。 2. 模型设计 模型负责与数据库进行交互，对数据库中的数据进行增删改查等操作。 3. 视图设计 视图负责将数据展现给用户，将后端处理后的数据进行展示。 4. 数据库设计 健身房信息管理平台的系统中需要记录健身房、教练、会员、财务等信息，需要设计相应的数据库表。具体数据库设计如下： 表名称 表描述 gyms 健身房信息表 coaches 教练信息表 members 会员信息表 finance 财务信息表 系统整体结构设计图如下： 整体结构设计图 总结 健身房信息管理平台的系统整体结构设计采用前后端分离的方式，前端采用Vue框架，后端采用Sails框架，使用MVC架构进行开发。系统的整体结构设计清晰，易于维护和升级。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值