组团开发全栈——用 antd vue Pro 做前端，用 Laravel7.0 做后端 API 支持！

支持做个一键CRUD的项目出来，类似laravel-admin这样子的，哈哈哈哈，觉得antd的前端用的很舒服

报名!!!!

一直在用laravel+antd开发，7.0+4.0有搞头

报名报名

报名了

antd vue Pro 要收钱的吗？

我也正在等Laravel 7 出来，做个全栈项目 :smile: :smile: :smile:

报名

报名报名了

菜鸡能报名么 :joy:

:+1:支持

laravel 7 + passport 报名

还是等段时间吧, Laravel 7 才 release, 很多 package 都还不支持...

报名

报名参与。这两东西都使用过。但是具体要做个什么？

什么时候开搞？

报个名

做什么，看我的就好了 博客：基于 Laravel 的最后一个框架 lumina

报名，laravel，vue都会

咋报名啊

报名

还有位置没？加我一个！！！

报名

一群人等着发车

难道是做外包吗？

目标是准备做哪方面的?

报名

没消息了 :joy:

我结合公司实际情况，写了一个帐号管理系统，先把截图呈上

帐号管理

详情

域名管理

主机管理

站点管理

前端框架React+AntD4.0,暂时没有用TS（项目有使用Larave-echo-server）

主要重新定义了鉴权模块的处理，来配合后端返回，还有自定义日期组件，因为日期组件接收的时间格式原因，以及其他细节优化。

import React from 'react';
import moment from "moment";
import { DatePicker } from 'antd';

const CustomDatePicker = props => {
  const {value, onChange, ...other} = props;
  const time = value ? moment(value) : null;
  const triggerChange = (_, dateStr) => {
    onChange && onChange(dateStr);
  };

  return (
    <DatePicker
      defaultValue={time}
      onChange={triggerChange}
      {...other}
    />
  )
};

export default CustomDatePicker;

后端主要是Laravel7.0

鉴权使用airlock+laravel-permission

自己写了一个AntRequestMiddleware来转换接收数据和相应

    public function handle($request, Closure $next)
    {
        $request->headers->set('Accept', 'application/json');
        $this->handleQueries($request->query);
        $response = $next($request);
        // 返回解析
        if ($response instanceof JsonResponse) {
            /* @var array $data */
            $data = $response->getData(true);
            $data['success'] = $response->isSuccessful();
            $response->setData($data);
        }

        return $response;
    }

    /**
     * 处理Query参数
     * @param ParameterBag $bag
     */
    protected function handleQueries(ParameterBag $bag)
    {
        // 过滤无效数据
        $params = collect($bag->all())->filter(function ($value) {
            $value = trim($value);
            return $value && !in_array($value, $this->invalid);
        });
        $data = [
            'with' => $params->get('with'),
            'withCount' => $params->get('withCount'),
            'sorter' => $params->get('sorter'),
            'page' => $params->get('current', 1),
            'pageSize' => $params->get('pageSize'),
            'filters' => $params->except(['with', 'withCount', 'sorter', 'current', 'pageSize'])->toArray()
        ];
        $bag->replace($data);
    }

对Laravel中的Resource二次封装，更易懂

基类ApiController

    /**
     * @param $resource
     * @param string|null $collects
     * @return JsonResponse
     */
    protected function toPagination($resource, $collects = null)
    {
        return (new CollectionResource($resource, $collects))->response();
    }

    /**
     * @param $resource
     * @param string|null $collects
     * @return JsonResponse
     */
    protected function toCollection($resource, $collects = null)
    {
        return (new CollectionResource($resource, $collects))->response();
    }

    /**
     * @param $resource
     * @return JsonResponse
     */
    protected function toItem($resource)
    {
        if ($resource instanceof JsonResource) {
            return $resource->response();
        }
        return (new JsonResource($resource))->response();
    }

    /**
     * @param array $data
     * @return JsonResponse
     */
    protected function toArray(array $data)
    {
        return response()->json(['data' => $data]);
    }


    /**
     * 为了返回结构一致
     *
     * @return JsonResponse
     */
    protected function noContent()
    {
        return response()->json([]);
    }

分页部分

    /**
     * @param Request $request
     * @return array
     */
    protected function paginationInformation($request)
    {
        $paginated = $this->resource->resource->toArray();

        return [
            'page' => Arr::get($paginated, 'current_page', 1),
            'total' => Arr::get($paginated, 'total', 0),
            'meta' => $this->antMeta($paginated),
        ];
    }

对于以上只贴了部分代码，懂的人自然懂！！

接下来会引入文档管理，看大家有没有兴趣一起。

@flykoala 我要参加react版本的

@Fenguoz 等我整好的，放github上

报名，但是一直好像没动静

要用ts吗？

报名

我会，而且比较熟练react和laravel，上车的时候通知一下

antd版本的vue一点也不好用

报名，有群吗？