Laravel
话题列表 社区 Wiki 优质外文 招聘求职 Laravel 实战教程 社区文档
登录
注册

Laravel + AntdPro 开发的个人博客 V2.0

pingfan 的个人博客 / 6 / 77 / 创建于 5年前 / 更新于 5年前 / 1 个改进

博客地址：https://www.einsition.com

后端源码：https://github.com/yanthink/blog-api

前端源码：https://github.com/yanthink/blog-v2

小程序源码：https://github.com/yanthink/mpblog

后端

使用 Laravel5.8 编写而成。

文章搜索使用 Elasticsearch。

websocket 使用 nodejs websockets/ws，使用方法请查看 Laravel + 微信小程序 websocket 搭建广播消息系统 和 微信扫小程序码实现网页端登录 这两篇文章。

扩展包使用情况

扩展包 一句话描述 本项目应用场景
dingo/api 处理api接口的开源插件 用于api接口
tymon/jwt-auth 身份验证的软件包 用于api认证
predis/predis Redis 官方首推的 PHP 客户端开发包 缓存驱动 Redis 基础扩展包
spatie/laravel-permission 角色权限管理 角色和权限控制
zgldh/qiniu-laravel-storage Qiniu 云储存 Laravel 5 Storage版 存储附件
barryvdh/laravel-ide-helper 代码提示及补全工具 代码提示及补全
barryvdh/laravel-debugbar 页面调试工具栏 (对 phpdebugbar 的封装) 开发环境中的 DEBUG
overtrue/laravel-wechat 微信 SDK for Laravel 5 / Lumen 微信小程序登录

前端

使用 ANT DESIGN PROv4.0 编写而成。

V2.0 增加了用户模块，目前只支持微信小程序扫码登录。

支持评论、收藏、点赞、通知管理（在线 websocket 广播，离线邮件通知）等功能。

文章使用markdown编写，编辑器使用 yt-simplemde-editor，代码高亮使用 prismjs，emoji 使用 emoji-toolkit。

【文章搜索】

Laravel + AntdPro 开发的个人博客V2.0

【文章详情】
Laravel + AntdPro 开发的个人博客V2.0

【评论】

Laravel + AntdPro 开发的个人博客V2.0

【通知】

Laravel + AntdPro 开发的个人博客V2.0

【个人中心】

Laravel + AntdPro 开发的个人博客V2.0

【文章编写】

Laravel + AntdPro 开发的个人博客V2.0

【个人设置】

Laravel + AntdPro 开发的个人博客 V2.0

【用户管理】

Laravel + AntdPro 开发的个人博客 V2.0

【权限管理】

Laravel + AntdPro 开发的个人博客 V2.0

【分配权限】

Laravel + AntdPro 开发的个人博客 V2.0

laravel react 博客
本作品采用《CC 协议》，转载必须注明作者和本文链接
附言 1  ·  5年前

有朋友问我，博客的侧边栏的导航目录（toc）是如何实现的，这里简单的分享一下我的实现思路。

使用 marked 解析 Markdown 并生成目录导航 TOC 功能

本帖由系统于 5年前 自动加精
pingfan
457 声望
暂无个人描述~
《L04 微信小程序从零到发布》
《L04 微信小程序从零到发布》
从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。
《L03 构架 API 服务器》
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 77
排序：
时间 投票
mengdodo
Laravel 9.x 译者 105 声望 / Backend Manager @ mengdodo

不让pc访问是怎么回事

5年前 评论
pingfan （楼主） 5年前
感谢提醒，现在才发现没登录默认跳转到登录页面了 :joy:，一会改过来
Larawa
课程读者 12 声望

好强，一个人做的吗

5年前 评论
pingfan （楼主） 5年前
是的，其实也就做了几个基础的功能哈哈哈
kabunx
Laravel 8.x 译者 65 声望

:+1:学习了，目前我们公司也是用laravel+antd开发的erp系统

5年前 评论
pingfan （楼主） 5年前
antd确实非常好用，已经爱上了哈哈哈
半人间 5年前
@yanthink 好象对VUE支持不是很好吧？
pingfan （楼主） 5年前
@半人间 有 vue 版本的，2年前有用过，好像是挺多问题的。现在就不是很清楚了。
kabunx （作者） 5年前
@yanthink 后台开发而言，基本上的组件都有，不够对于小公司而言使用TypeScript还是有难度的
pingfan （楼主） 5年前
@flykoala TypeScript 对于后端开发来说还是比较容易上手的吧
kabunx （作者） 5年前
@yanthink 个人感觉TS更适合做大型项目，多人开发。
cnguu
课程读者 437 声望 / 超神 @ 打工皇帝

挺好的，布局再改进一下很不错

5年前 评论
pingfan （楼主） 5年前
不懂设计 :joy:
cnguu （作者） 5年前
@yanthink http://panda.panda-studio.cn/ 这个可以借鉴
pingfan （楼主） 5年前
@cnguu 这个站设计不错，但是好多图片啊，我不会做图，不然很多文章也不会连预览图都没有 :joy:
cnguu （作者） 5年前
@yanthink 图就简单了，表情包千千万
pingfan （楼主） 5年前
@cnguu 这个还真是难为我胖虎了，哈哈哈
cnguu （作者） 5年前
我用vue写的主题：https://gleehub.com/ 没太多时间去搞react了，不然我也给你前端提个pull了
nff93
课程读者 149 声望 / 搬砖工 @ 工地

已 star ，顺便问下服务器配置（用了 ElasticSearch ，配置应该不低）

5年前 评论
pingfan （楼主） 5年前
非常感谢！ :rose:
pingfan
457 声望

@nff93

file

Mysql 和 ElasticSearch 装在同一台服务器的话2G内存勉强够用（没用ES之前用的1G内存）。

现在网站迁移到朋友的服务器，4G内存 + 5M带宽。

5年前 评论
kabunx
Laravel 8.x 译者 65 声望

我想请教下，文章详情页右侧快捷导航实现的思路，还望指教！

5年前 评论
pingfan （楼主） 5年前
markdown 解析 headers 时加一个唯一id，然后在根据这些headers生成一个带锚点的目录导航就可以了
qbhy
438 声望 / 搬砖的 @ 密密麻麻

666，很6

5年前 评论
CaryRui
课程读者 4 声望

不错，谢谢分享，正好要用到，非常感谢你

5年前 评论
pingfan （楼主） 5年前
欢迎使用~
CaryRui
课程读者 4 声望

建议一下，点击网站logo标题可以返回主页会好点

5年前 评论
mamahaha
课程读者 4 声望

楼主的水平太牛了，综合能力很强。早知先学React了，特别羡慕会用React的人，可以愉快地使用draft-js和react-native。

5年前 评论
pingfan （楼主） 5年前
谢谢夸奖 :blush:
manbofish
课程读者 10 声望

:+1:已赞,想先搭起来,再慢慢学习.
后端laravel api搭的时候有个报错能帮忙看一下吗大佬
ErrorException thrown with message "file_put_contents(/var/www/html/blog-api/storage/framework/sessions/KS36xItmHC6foro0R5n1TkUATfYRMUT4WycAfkpW): failed to open stream: No such file or directory"

5年前 评论
pingfan （楼主） 5年前
我以为 composer install 会自动生成 storage 文件夹，所以被我在 .gitignore 忽略掉了 :joy:，一会我重新提交一下代码。
pingfan
457 声望

@manbofish

缺少 storage 这个文件夹，你手动创建一下吧。

mkdir -p storage/app/public storage/framework/cache storage/framework/sessions storage/logs
5年前 评论
manbofish 5年前
可以了,谢谢大佬及时回复,现在还报一个:Failed to connect to localhost port 9515: Connection refused,是因为没有java和Elasticsearch吗?
pingfan （作者） （楼主） 5年前
@manbofish elasticsearch 端口你改成9515了吗，你也可以把 App\Models\Article 的 Searchable 和 EsSearchable 两个 Trait 移除，这样就不用 elasticsearch 了
manbofish 5年前
@yanthink 没有改过端口，Whoops的报错窗口是报的Curl error，定位在/blog-api/packages/selenium/src/Selenium.php 这边147行有用到 http://localhost:9515
pingfan （作者） （楼主） 5年前
@manbofish app.spider_domain 这个配置不要和 api 用同一个域名
manbofish 5年前
@yanthink 可以了，谢谢大佬
1
manbofish
课程读者 10 声望

如果不用小程序的话好像没法进后台。。

5年前 评论
pingfan （楼主） 5年前
可以用账号密码登录
pingfan （楼主） 5年前
额~，密码好像默认是空的，你手动修改下密码在登录咯~ :sweat_smile:
manbofish
课程读者 10 声望

新建文章的时候还有个报错 :scream_cat: ,抱歉,新手问题比较多
file

5年前 评论
pingfan （楼主） 5年前
编辑的时候报错还是提交的时候报错？
manbofish （作者） 5年前
点新建文章没开始编辑的时候
pingfan （楼主） 5年前
@manbofish 等等我用 windows 试试
pingfan （楼主） 5年前
我知道了，sass 继承了 css，在import sass language 之前得先 import css language，你使用是最新的代码吗？
manbofish （作者） 5年前
github上的代码我重新git clone 了一遍,好像仍然有这个报错...楼主方便告诉一下改哪个文件吗
pingfan （楼主） 5年前
@manbofish 我换了好几台电脑都没出现你这个问题，好奇怪，方便的话你私信我加一下你的qq。
manbofish （作者） 5年前
已私,我或者换台电脑先试一下吧
pingfan
457 声望

@manbofish

file

我刚刚用windows试了可以运行，你重新安装一下依赖试试，最好用chrome访问

5年前 评论
manbofish 5年前
谢谢,应该是环境问题,找到了答案.https://github.com/benweet/stackedit/issue...
pingfan （作者） （楼主） 5年前
@manbofish 问题解决了吗？
pingfan （作者） （楼主） 5年前
是不是你的npm版本问题
captain2021
Laravel 5.8 译者 422 声望 / 开发 @ 谈笑风生

怒赞

5年前 评论
pingfan （楼主） 5年前
谢谢
passport4jd
课程读者 9 声望

太棒了，这个我特别特别中意，学习了！

5年前 评论
pingfan
457 声望

@passport4jd 谢谢，欢迎star~

5年前 评论
农民伯伯
课程读者 12 声望

支持

5年前 评论
Einsition
0 声望

赞 :+1:

5年前 评论
CR
见习助教 174 声望

CentOs怎么装brew ？安装homebrew好慢咯

5年前 评论
马九南
课程读者 70 声望

3个端一个人写嘛 :scream:

5年前 评论
姚锦辉
课程读者 14 声望

哇，正好也是使用这些个技术栈，可以学习一下兄台是如何实践的了 😃

5年前 评论
MushishiXian
课程读者 26 声望 / 程序员 @ null

很不错,这个后台权限管理系统也有,可以作为学习antd pro的好例子,不说了,先star去

5年前 评论
huazi
课程读者 42 声望 / PHP @ GreenWild

文章的字体感觉有很严重的锯齿感

5年前 评论
pingfan （楼主） 5年前
应该是字体问题，有空我找一下原因~
欧皇降临
课程读者 21 声望

我就想看看 你用的markdown在哪里

5年前 评论
microfive
课程读者 1 声望

卡死在mysql8无法安装和内存太小(阿里云 1g)

5年前 评论
xingchen
55 声望 / 亲亲我 @ 前端

antd+go才是绝配啊
laravel太重了
楼猪

5年前 评论
summeryio
课程读者 0 声望

老哥，向你学习了，我也是前端～～请问ant.pro 学习，我会写react和使用antd，ant-pro 还要学啥哦，TS我知道得学

5年前 评论
pingfan
457 声望

@summeryio 可以看官方文档
file

5年前 评论
七月羽歌
课程读者 87 声望

赞一个。

4年前 评论
wengoo
课程读者 3 声望

能分享一下laravel 与 antd的配置吗？尤其是跨域问题？谢谢

4年前 评论
pingfan （楼主） 4年前
项目已经在github开源了。跨域我是用的nginx反代处理的
Zach-Lu
2 声望

服务器端渲染 做了吗兄弟？我很关心这个！

4年前 评论
pingfan
457 声望

@Zach-Lu

之前针对蜘蛛有用 facebook/webdriver 渲染页面

file

现在服务器才2G内存，elasticsearch 都开不起来 :joy: 所以就关了

其实也可以生成静态页面给蜘蛛爬的，内容变更时更新一下就可以了，也不难，只是最近一直很忙，没时间处理这个

4年前 评论
nigei
7 声望


求救啊楼主

3年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！
支持 MD 帮助
pingfan
未填写
文章
17
粉丝
74
喜欢
323
收藏
334
排名：74
访问：11.2 万
私信
所有博文
文章归档
2 篇 2024 年 1 月 1 篇 2022 年 6 月 1 篇 2022 年 3 月 1 篇 2019 年 9 月 3 篇 2019 年 8 月 2 篇 2019 年 2 月 2 篇 2019 年 1 月 5 篇 2018 年 9 月
最新文章 最受欢迎
1年前 博客用GO重构完成了 1年前 为什么刚刚发的博文不显示？ 2年前 laravel + redis + bitmap 实现签到功能 2年前 支持行级同步滚动的 markdown 编辑器 5年前 使用 marked 解析 Markdown 并生成目录导航 TOC 功能
101 实现后台管理系统的操作日志功能 81 Laravel + AntdPro 开发的个人博客 V2.0 57 Laravel + 微信小程序 websocket 搭建广播消息系统 16 laravel + redis + bitmap 实现签到功能 11 微信扫小程序码实现网页端登录
博客标签
redis
1
 php
1
 laravel
4
 editor
1
 markdown
2
 react
2
 websocket
2
 codemirror
1
 TOC
1
 bitmap
1
 PHP debugbar
1
 博客
1
 小程序
3
 签到
1
社区赞助商
成为赞助商

关于 LearnKu

LearnKu 是终身编程者的修道场
做最专业、严肃的技术论坛
LearnKu 诞生的故事

资源推荐

  • 《社区使用指南》
  • 《文档撰写指南》
  • 《LearnKu 社区规范》
  • 《提问的智慧》

    • 服务提供商

    其他信息

  • 成为版主
  • 所有测验
  • 联系站长（反馈建议）

    • 粤ICP备18099781号-6 | 粤公网安备 44030502004330号 | 违法和不良信息举报

    由 Summer 设计和编码 ❤

    请登录

    内容举报
    匿名举报，为防止滥用，仅管理员可见举报者。

    我要举报该，理由是：

    取消