qwwdezone的博客

基于React和fabricjs开发的在线名片、海报设计器，大前端项目在线图片编辑器。演示仓库地址：https://gitee.com/qwwdezone/card-editor-demohttps://github.com/teebbstudios/card-editor-demo在线演示地址：https://teebbstudios.github.io/card-editor-demo/index.html技术交流联系VX：443580003...

直接上效果图：网上的名片编辑器有一些，但是都不符合自己的需求，于是自己写了一个。源码是支持调整名片尺寸的，我没开启。图片编辑js库测试了fabricjs和konvajs，对比下来fabricjs的性能更好。当然一开始是给自己的项目用的，主要用于名片编辑功能。但是用于图片编辑器也是可以的。也不知道该怎么介绍了，直接上演示链接（在手机上体验更好！）：网上的名片编辑器有一些，但是都不符合自己的需求，于是自己写了一个。源码是支持调整名片尺寸的，我没开启。图片编辑js库测试了fabricjs和konva

之前分享了自己录制的《Symfony 5全面开发》视频教程，收到的反馈不错，说学到了东西，讲的很深入等等。上一次分享的链接：自己录制的Symfony5视频教程，免费分享给大家学习。 感谢版主加精！小晒几张聊天记录：有了这些反馈，我才决定继续制作《Symfony Bundle开发》视频教程，本套课程紧跟《Symfony 5全面开发》的内容，把Teebblog项目中的文件上传功能，单独开发成为一个独立的Bundle，这样如果有相同的文件上传功能需求，就可以直接安装Bundle使用了，省去重复造轮子的时.

《Symfony 5全面开发》视频教程12、为文章类和评论类添加关联关系 文章和评论之间存在着关联关系，一篇文章可以有多条评论，而每一条评论它只能属于一篇文章，这就是典型的一对多关系。我们可以通过在Post类中添加属性的方式，让Post类和Comment类建立关系。打开底部控制台，继续输入symfony console make:entity命令，来为Post类添加属性，属性名称我们叫...

《Symfony 5全面开发》视频教程11、为文章添加评论功能添加Comment类 在上一节课，我们使用make命令行创建了文章类Post，在本节课我们继续使用make命令行创建评论类。打开底部控制台，输入命令行symfony console make:entity，类名我们输入Comment。评论类需要一个属性来存储作者信息，我们添加author，类型选择string，长度输入30，...

《Symfony 5全面开发》视频教程10、创建第一个单元测试 在本节课开始之前，我们安装了test组件，对代码进行了一些修改，我们需要对git仓库的代码进行一下提交。在以后的课程中，如果对代码进行了修改，在每节课之后我会自动的把代码进行一次提交，并且提交到我的github主页上。我们正在使用Symfony开发一套博客系统，博客系统最重要的就是文章数据的管理，Symfony作为MVC框...

《Symfony 5全面开发》视频教程09、测试驱动开发(TDD)介绍 我们在进行项目开发的时候，随着项目版本的迭代，可能增加了一些新的功能，也可能修改了一些旧的功能。为了保证项目的健壮性，尽可能的排除一些未知的bug，就需要编写一些测试代码来进行自动化的测试。通常在进行测试的时候有3种方式，第一种方式就是先完成功能，然后再编写测试代码进行测试。，第二种就是直接完成代码的功能，然后手动...

《Symfony 5全面开发》视频教程08、安装orm组件 在本节课开始之前，我已经在我的github主页上创建了一个项目，我们课程所编写的所有代码我都将会上传到github这个仓库。#github仓库地址https://github.com/teebbstudios/teebblog现在我们提交一次代码，当提交好代码之后，Phpstorm会将我们代码的更改都会变成白色已提交的状...

《Symfony 5全面开发》视频教程07、使用docker的mysql容器服务 Phpstorm中有一些方便开发Symfony项目的插件，我们点开Phpstorm左上角菜单。在这项里，我们搜索插件，在插件市场这里我们搜索Symfony。第一项Symfony Support，我们是需要安装的。然后PHP Toolbox也需要安装，PHP Annotations注解这块也要安装。我这里已经...

《Symfony 5全面开发》视频教程06、路径中的占位符-路由参数 在上一节课中，我们通过在请求地址后面添加问号，添加name这样的方式来添加请求的参数。我们还有另外一种添加参数的方法，删除问号和后面的name参数，我们在/test后面添加斜杠，添加一个参数的值。点击回车访问，出错了。它提示没有找到这个路由，我们修改12行路由注解的路径参数，在/test后面添加/weiwei。再次访...

《Symfony 5全面开发》视频教程05、http请求的query参数 首先我们删除上节课所下的断点，在Phpstorm底部我们打开debug选项卡。点击这个按钮展开所有的PHP断点，选中之后点击这个删除，然后我们关闭xdebug监听。回到浏览器刷新页面，当我们的浏览器访问一个地址时，通常会发送一个GET请求，我们可以在浏览器的访问地址上，使用'?'加上'参数名'='参数值'的方式来...

《Symfony 5全面开发》视频教程04、Symfony处理http请求的流程 当我们访问项目的/test路径时，浏览器会向我们的服务器端发送一个请求。我们打开浏览器的开发者工具，打开network选项卡。在地址栏中敲击回车，浏览器向我们的服务器端发送了一个请求。请求的地址是127.0.0.1:8000/test路径，请求的方法是GET方法，请求的头部headers中，浏览器自动添加...

这里写自定义目录标题 《Symfony 5全面开发》视频教程03、使用Controller创建第一个页面 我们使用Phpstorm打开我们的项目目录，展开项目目录文件夹。Symfony项目其实也是composer项目，如果你新拿到一个Symfony项目， 你可以在控制台中使用composer install命令来安装这个项目所需要的依赖包。现在我们看一下项目的目录结构。bin目录下

《Symfony 5全面开发》视频教程02、安装运行环境并初始化Symfony项目 Symfony是PHP框架，在学习Symfony之前，我们需要安装PHP运行环境。如果你是MacOS系统，可以使用Homebrew来安装PHP运行环境。Homebrew官网https://brew.sh/我们使用brew search来搜索PHP，最新的PHP是8.0版本。我这里已经安装过了，后面...

《Symfony 5全面开发》视频教程01、Symfony介绍