把上次开发的小程序，整理后开源

pigzzz 的个人博客 / 2631 / 51 / 创建于 2年前 / 更新于 2年前

嘟嘟早教卡

【嘟嘟早教卡】是专门为 3-6 岁婴幼儿童学习普通话、英语研发的早教启蒙认知识字的一款小程序

概述

后端地址：github.com/hipig/ddcard
小程序地址：github.com/hipig/ddcard-weapp
想法源于小时候玩的认知卡片，基本大部分家庭都买过认知卡片，我按照那些卡片分类，收集了一些常见的物品，加入中文英文音频，学习统计。第一版可能还有点粗糙，但慢慢在完善中。目前只做了小程序版。
音频生成刚开始使用的是讯飞平台的，后台改为了思必驰。所以能在源码中看到两个语音合成的接口，开发的过程中遇到过一些问题，比如音频的队列生成，比如会员方案的设计，比如小程序音频播放的问题，这里踩了很多坑，不过最后都一一解决了。
TailwindCSS 真的是前端利器，墙裂推荐👍
AlpineJS 也很好用，轻量级但是强大。

截图

小程序

后台管理

预览

小程序码

laravel tailwind css alpine js

本作品采用《CC 协议》，转载必须注明作者和本文链接

本帖由系统于 2年前自动加精

Laravel 8.x 译者 761 声望

搬砖 @ 工地

摸鱼与搬砖，二者不可兼得

《L04 微信小程序从零到发布》

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

《L02 从零构建论坛系统》

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

推荐文章：

更多推荐...

Laravel 11 中文文档仓库，已翻译完成！！！ 16 / 28 |

Laravel验证器最完整用法实例 31 / 14 |

PHP Annotated——2023 年 12 月 25 / 2 |

使用 Laravel 10 & Vue 3 开发了一个社区站，一起来玩下～ 17 / 39 |

历时一个月，《穿透Laravel》全书完成！ 88 / 25 |

[开源项目] 基于 laravel 开发的一个社区/社交小程序 23 / 47 |

讨论数量: 51

liaosp

课程读者 386 声望

太厉害了，这Ui也是自己设计的吗？

2年前评论

pigzzz （楼主）

是的，

小李世界

Laravel 8.x 译者 1.9k 声望 / Doge 先锋 @ dogeow.com

太好了，收藏先

2年前评论

pigzzz （楼主）

👍👍

修电脑的

课程读者 12 声望

我没点进去，但是看页面很漂亮

2年前评论

pigzzz （楼主）

页面样式已经全部开源了的

LW_aravel

课程读者 52 声望

大佬厉害,先收藏了

2年前评论

pigzzz （楼主）

大佬还谈不上

PHP-Coder

课程读者 41 声望

赞！收藏

2年前评论

ljheisenberg

课程读者 159 声望

tailwind css 这个class长度一行都放不下，用了几天有点不习惯，要一直查~:joy: ，UI很好看，后台没用Laravel-Admin或者Dcat-Admin框架自己撸的是吧:+1:

2年前评论

pigzzz （楼主）

是的，自己撸的

clyde-cn

@pigzzz 就喜欢自己干的，哈哈哈

lalall

课程读者 41 声望

已star 赞

2年前评论

JamesChen

Laravel 9.x 译者 25 声望

酷！

2年前评论

Alimjan

课程读者 7 声望

写的很不错!

2年前评论

mojiajuzi

53 声望

老哥，请教一下，看你在Github上面的开源地址没有指明开源协议，在这里请教一下老哥，准备采用什么协议？

2年前评论

pigzzz （楼主）

会用mit的协议

lyxxxh

1.2k 声望

好舒服的代码

2年前评论

pigzzz （楼主）

哈哈哈哈，还是第一次收到这样的评价

MArtian

版主 3.1k 声望

厉害，晚上回家学习下！大佬加油 :+1:

2年前评论

pigzzz （楼主）

一起加油！

dongzhiyu

@pigzzz 小程序安装的时候报错，而且没法生成dist文件！

pigzzz （楼主）

@dongzhiyu 可以看看错误截图嘛

zero风来

课程读者 3 声望

爱了爱了

2年前评论

dongzhiyu

129 声望

已经star

2年前评论

no95827

课程读者 2 声望

这后台用的是什么模板，挺简洁，看着还不错

2年前评论

pigzzz （楼主）

没有用模板，tailwindcss框架写的

webstar

课程读者 51 声望

厉害，UI设计的很棒。佩服

2年前评论

webstar

课程读者 51 声望

大佬，UI用什么设计的

2年前评论

pigzzz （楼主）

没有专门去设计，直接写的样式

hon-陈烁临

5 声望 / PHP工程师 @ 房星科技

很不错下载学习一番可以伐

2年前评论

暴走的西瓜

0 声望 / phper @ 民生银行

IOS 中 VIP 直接支付，楼主不怕微信方封杀吗？

2年前评论

ZShawn

见习助教 13 声望

taro 的调试有没有什么好方法。目前是 VSC写vue代码，另一个屏幕打开字节或微信开发工具，然后启动 npm run dev:tt 监听修改。但是感觉加vs修改完代码，小程序工具显示效果加载有点慢。有没有什么方法快速预览修改。

2年前评论

pigzzz （楼主）

这个没有办法

张三

47 声望

大佬，后台很帅，有html模板吗？

2年前评论

pigzzz （楼主）

暂时没有独立的html模板，可以直接取blade模板中扒出来

dengje8

0 声望

小程序和后台管理设计很棒

2年前评论

dylan2021

课程读者 8 声望

大佬，可商用二开否？

2年前评论

pigzzz （楼主）

@dylan2021 官方文档中写了，除非明确地指定了其它名称，否则将使用类的复数形式「蛇形命名」来作为表名

pigzzz （楼主）

mit协议，可商用

dylan2021 （作者）

@pigzzz 请教下：为什么Model目录下对于的模型protected $table不写？到底什么机制

dylan2021 （作者）

@pigzzz 请教下：为什么数据库命名为【users】,Model 下命名【 User.php 】可以注入，蛇形命名可以忽略【s】吗？

Tomo11111

课程读者 30 声望 / 就业先锋 @ 灵活就业

:+1:代码质量相当高

2年前评论

风中絮

课程读者 58 声望

执行 npm run dev:weapp
报错 TypeError: Cannot read property ‘componentConfig’ of undefined，网上找不到答案。是我的 node 和 npm 版本有问题吗，我用的 node 是 14 npm 是 6

Laravel

Laravel

2年前评论

ShiKi

@风中絮博主这个用的 tarojs/cli 版本是3.2.8,如果你用的不是这个版本会报这个错误. 更换tarojs/cli版本: npm install -g @tarojs/cli@3.2.8

pigzzz （楼主）

尝试把node版本降至v12看看

风中絮（作者）

@pigzzz 谢谢了，可惜还是不行，还是那个错误 node 12.22.10 npm 6.14.16

pigzzz （楼主）

@风中絮你把完整的错误截图发我看看

风中絮（作者）

@pigzzz 回复好像没法粘贴图片，我修改了上面的评论

pigzzz （楼主）

@风中絮这个问题我好像没碰过，我找下啥问题再跟你讲

风中絮（作者）

@pigzzz 好类，谢谢

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

搬砖 @ 工地

私信

文章归档

1 篇 2021 年 9 月 1 篇 2021 年 8 月 1 篇 2020 年 5 月 1 篇 2020 年 4 月 1 篇 2020 年 3 月 2 篇 2019 年 12 月 1 篇 2019 年 7 月

2年前把上次开发的小程序，整理后开源 2年前 Tailwind CSS 在小程序中的应用 3年前使用 Carbon 获取指定时间范围内的日期数组 4年前 docker-compose 启动容器后秒退问题小记 4年前学习 Go 以来的第一个小项目 toNovel

67 把上次开发的小程序，整理后开源 22 Tailwind CSS 在小程序中的应用 22 学习 Go 以来的第一个小项目 toNovel 4 使用 Carbon 获取指定时间范围内的日期数组 3 为你的论坛系统添加一个『提及』功能

博客标签

成为赞助商