基于 PHP + Vue 实现的项目管理系统

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1964 天前的主题，其中的信息可能已经有所发展或是发生改变。

个人独立开发的项目，下面是部分界面截图

项目地址链接

第 1 条附言 · 2018-12-02 22:06:34 +08:00

github 地址： https://github.com/a54552239/projectManage

第 2 条附言 · 2018-12-02 22:07:42 +08:00

gitee 地址： https://gitee.com/vilson/vue-projectManage

第 3 条附言 · 2019-01-02 11:44:24 +08:00

2.0 版本全新升级，预览地址请戳： https://beta.vilson.xyz

Vue

PHP

项目

截图

70 条回复 • 2019-01-02 17:58:25 +08:00

PHPJit

2018-12-02 15:41:14 +08:00 via Android

有点像 teambition

bestkayle

2018-12-02 15:57:57 +08:00

执行力很强

shaojz2005

2018-12-02 16:57:43 +08:00

支持关注一下，个人做出这样的系统非常不容易

yc8332

2018-12-02 20:09:08 +08:00

优秀。点赞

babedoll

2018-12-02 20:55:22 +08:00

我看到了啥子？魔道祖师？？ =。=楼主你莫非。。

whuiscool

2018-12-02 21:13:05 +08:00

antd 👍

hlwjia

2018-12-02 21:14:28 +08:00

我以为直接是 teambition

frank611

2018-12-02 21:15:27 +08:00 via Android

厉害了？

aheadjames

2018-12-02 21:26:50 +08:00

UI 是自己设计的？

a54552239

2018-12-02 21:29:20 +08:00

@PHPJit
@hlwjia
嗯嗯，任务列表界面是向 teambition 前辈学习的

a54552239

2018-12-02 21:30:01 +08:00

@whuiscool
@aheadjames
UI 风格是 Ant Design Pro

a54552239

2018-12-02 21:30:45 +08:00

@yc8332
@shaojz2005
@bestkayle
@frank611
@babedoll
谢谢支持~

Jaosn

2018-12-02 21:39:24 +08:00

大佬牛逼！

aaahhh123

2018-12-02 21:44:03 +08:00

支持牛逼学习了！

FakeLeung

2018-12-02 22:00:51 +08:00

大佬牛逼。

顺便问下，能不能传一份到 github。

a54552239

2018-12-02 22:02:31 +08:00

@FakeLeung
github 地址： https://github.com/a54552239/projectManage

imxthd

2018-12-02 22:09:52 +08:00

这个 ui 跟 bootstrap、layui 不一样啊
请问学习这个需要先学 node,js ？

FakeLeung

2018-12-02 22:31:46 +08:00

@a54552239 #16
已 star。

顺便说下，小屏打开（ 1260 宽度），文字错位了。

liuxyon

2018-12-02 22:40:17 +08:00

演示网站打开太慢了..

hlwjia

2018-12-02 22:48:26 +08:00

@a54552239 很赞！支持

jazzychai

2018-12-02 23:07:50 +08:00 via iPhone

很棒马克

phpbest

2018-12-02 23:13:19 +08:00

api 是用的啥框架，还是没用？

huafang

2018-12-03 00:24:08 +08:00

好强大

naic

2018-12-03 01:33:25 +08:00

牛逼。已 star

0xff0x77

2018-12-03 07:55:21 +08:00

看了一下代码，虽然说代码整体结构和设计模式有待提升。

但是此项目作为一个进入中型公司的敲门砖，问题不大。

JaguarJack

2018-12-03 08:13:56 +08:00 via iPhone

除了 666，还能说啥呢？执行力好强

Norie

2018-12-03 09:10:03 +08:00 via Android

看起来比较清新

ugu

2018-12-03 09:13:49 +08:00

不是响应式的

Outhwaite

2018-12-03 09:15:47 +08:00

挺牛逼的，学习了~

skywalkerfc

2018-12-03 09:21:24 +08:00

有点类似于 trello

alakey1989

2018-12-03 09:34:42 +08:00

给力

virus94

2018-12-03 09:38:18 +08:00

学习学习楼主给力

virus94

2018-12-03 09:41:47 +08:00

PHP 端框架自己写的嘛?

DamonLin

2018-12-03 09:58:53 +08:00

php 有用框架么

a54552239

2018-12-03 10:19:59 +08:00

@phpbest
@virus94
@DamonLin
后端是用的 PhalApi

sobigfish

2018-12-03 10:27:01 +08:00

可惜了，PhalApi 是 GPL 协议的，所以你的 projectManageApi 不能以 apache 协议发布

DamonLin

2018-12-03 10:30:03 +08:00

已关注

DamonLin

2018-12-03 10:36:36 +08:00

@sobigfish "一个轻量级 PHP 开源接口框架，专注于接口服务开发，支持 HTTP/SOAP/RPC 协议，拥有自动生成的在线文档、多种开发语言的客户端 SDK 包以及可重用的扩展类库，可用于快速搭建微服务、RESTful 接口或 Web Services。"—— PhalApi (π框架)

a54552239

2018-12-03 10:37:25 +08:00

@sobigfish 感谢指出

sobigfish

2018-12-03 10:37:35 +08:00

@DamonLin #38 我在说什么你又在说什么....

DamonLin

2018-12-03 10:38:43 +08:00

@sobigfish 哈哈小弟肤浅了

OMGZui

2018-12-03 10:41:34 +08:00

鼓励下

haohappy

2018-12-03 10:41:38 +08:00

界面太好看了专业啊

way2create

2018-12-03 10:54:24 +08:00

666，对了作为一个后端狗不太熟悉前端的想问一下 up，单页应用多 tab 的是怎么管理 js，css，让 tab 间不互相影响的，不知道表述对不对，我以前纯手撸个 bootstrap+jq 的练习项目后台的时候就会影响，所以我就选择把不在活动状态的 tab 隐藏了起来，我不太熟悉前端那些，不知道前端是怎样处理的

nisnaker

2018-12-03 11:08:27 +08:00

很漂亮

ironMan1995

2018-12-03 11:09:45 +08:00

@haohappy 这是人家阿里框架写好的 ui 框架，自己改一改就行了。

suroi

2018-12-03 11:22:40 +08:00

已 start~

jmercer

2018-12-03 11:28:44 +08:00

楼主很热心，手动点赞

doyouhaobaby

2018-12-03 12:38:08 +08:00

不错，star

wellst911

2018-12-03 13:12:25 +08:00 via Android

厉害，👍👍👍

Paual

2018-12-03 13:16:16 +08:00

star，看着很舒服

kylesean

2018-12-03 14:26:36 +08:00

厉害，点赞

IMuMa3

2018-12-03 14:59:59 +08:00

很像 trello，如果单个任务可以直接左右拖动会更赞

xianxiaobo

2018-12-03 15:06:20 +08:00

这个 UI 框架真好看

joybou01

2018-12-03 15:11:04 +08:00

厉害，start ！

lfzyx

2018-12-03 15:11:52 +08:00

@xianxiaobo 这个 UI 框架叫 teambition

yiyi11

2018-12-03 15:20:30 +08:00

@way2create #44
解决办法：使用 webpack 等模块化打包工具，配置模块化打包规则解决。如果你使用的是主流的前端框架如 react，vue 等，这些框架官方都提供了脚手架，内置 webpack，开箱即用。
原理：我说下自己粗浅的理解，处理你说的 js 互相影响的问题，就是 js 模块化--各个函数或对象内部定义的变量互不影响，然后需要在外部定义的时候，再用一个更大的函数或对象把这些函数或对象包裹起来。
相关知识：js 作用域，js 命名空间，js 模块化规范，webpack。

way2create

2018-12-03 16:48:59 +08:00

@yiyi11 好的谢谢因为没做这方面的也不太清楚就想知道大概的原理，当然我知道实际开发一般都有轮子不用考虑太多了。我那个练手的后台是只用了 jq+bootstrap 的，所以 js 我都是写了个方法去选择 selector，css 就是隐藏了非活动 tab 才解决了污染，就是感觉我的方法不怎么高明，所以引发了这个疑问，哈哈

way2create

2018-12-03 16:51:19 +08:00

@yiyi11 你说的这些我其实也有粗略了解过，就是身为后端狗暂时没去深入研究

lepig

2018-12-03 16:59:35 +08:00

听牛逼的能独立开发出来这个很不简单了

yiyi11

2018-12-03 17:19:05 +08:00

@way2create #59 我也是后端的，后端做前端的建议是，需要掌握 js 语法基础，比如 es5，es6 是必须要掌握的。但是不要折腾工具链的原理，会用即可，比如那些打包工具 webpack 的原理，配置，大概了解，甚至不求甚解，尽量不要去碰它们。最好的方法就是了解一门流行的前端框架，react 或 vue，然后照着官方文档用脚手架做一遍。因为 js 最初的设计比较简陋，现在其实是在填历史的坑（但不否认 js 的强大特性）。js 乃至前端现在在搞工程化建设，目前还存在这巨大的变数--也就是说你今天了解的工具，可能很快就被遗弃或者下沉到更底层--不需要深究的地方。不好意思说得太啰嗦了，因为我折腾过所以有感而发。

a54552239

2018-12-03 19:42:31 +08:00

@IMuMa3 感谢建议，已经在计划中

magicfam

2018-12-04 09:52:50 +08:00

新增待处理的任务后再编辑状态为进行中，并没有去“进行中”的那一栏

a54552239

2018-12-04 10:12:44 +08:00

@magicfam 如果要移动任务，需要在任务详情页左上角选择

wth1990103

2018-12-04 15:19:15 +08:00

大佬，我想在你的基础上继续开发优化，请问可否？

a54552239

2018-12-04 15:54:19 +08:00

@wth1990103 可以的，没有限制

wqawd520

2018-12-05 13:54:39 +08:00

这个项目我抄了，用.net core 和 java 来写后台了。

kkk212

2018-12-19 11:31:28 +08:00

这样项目，一个人要开发多久呀

a54552239

2018-12-19 12:29:30 +08:00

@kkk212 断断续续快 1 年咯

a54552239

2019-01-02 17:58:25 +08:00

2.0 版本全新升级，预览地址请戳： https://beta.vilson.xyz

基于 PHP + Vue 实现的 项目管理系统

个人独立开发的项目，下面是部分界面截图

项目地址链接

基于 PHP + Vue 实现的项目管理系统