本页 12 篇文章
StarBloghttps://blog.deali.cn/blog/starblog-open-source-blog-2023-update
...言 先说一下我对 StarBlog 这个系列的文章的规划吧,在 StarBlog 的 1.x 版本,我会同步更新两个系列的文章 博客前台+接口开发笔记 (即当前已发布的这一系列文章) 博客Vue后台开发笔记 (后续开始持续发布) 最近很久没有更新 StarBlog 系列的文章,事实上我之前已经把【博客Vue后台开发笔记】基本完成了,但我想把 StarBlog 1.x版本的功能完善之后,把【...
StarBloghttps://blog.deali.cn/blog/starblog-waterfall-image-list
用到的组件:vue-waterfall 项目地址:https://github.com/MopTym/vue-waterfall 参考资料 Vue<瀑布流加载效果>:https://www.jianshu.com/p/97b89597ab5c
StarBloghttps://blog.deali.cn/blog/civil-affairs-bureau-project-django3x
...明确,数据量不大,人手也不多,所以我直接用Django做了后端,Django自带的admin可以作为管理后台使用,可以很快完成这个需求。 我们的前端有两个,一个数据展示大屏,一个可视化地图。前者使用Vue+ElementUI+DataV实现,后者使用jQuery+百度MapV。 大概的效果如下所示,涉及到数据的部分只能打码,感谢理解~ 这个是Django的admin界面,主页是我重新写的 ![i...
StarBloghttps://blog.deali.cn/blog/react-typescript-taro-frontend-summary
...4534.html)),这次项目需要做H5前端+小程序,我终于能用上React了~ 使用React的开发框架之前就听过京东的Taro,所以就这个了,直接开码。 关于React 不错,感觉比Vue的模板写法自由很多,我看Taro文档的例子都是class组件,但一开始「前端带师」就推荐我用function组件,现在我全都是用function组件,react就该这么写,真香~ 因为之前写了一段时...
StarBloghttps://blog.deali.cn/blog/open-source-blog-system-best-diy-github
国人基于.NetCore + Vue开发的 后端:https://github.com/anjoy8/Blog.Core 前端:https://github.com/anjoy8/Blog.Vue 管理界面:[https://github...
StarBloghttps://blog.deali.cn/blog/starblog-netcore-32-season-finale
...g 项目从 2022 年开始至今已经 2 年多了,本来早就该给第一期做个小结的,但这种博客类型的项目,一旦稳定能用之后,我就没多大的动力去更新了 😂 PS:对了,还有个 StarBlog 的 Vue 前端系列,我之前已经写好了,一直没有发出来,接下来会连载更新,感兴趣的同学可以关注一下。 内容比较简单(当时我是边学 Vue 边做的),不过从这个角度来说也挺适合刚入门的同学阅读,毕竟以初...
StarBloghttps://blog.deali.cn/blog/integrate-tailwindcss-djangostarter
...lock %} {% endcompress %} 压缩JS django {% compress js %} <script src="{% static 'lib/vue/dist/vue.min.js' %}"></script> <script src="{% static 'lib/flowbite/dist/flowbite.min.js' %}"></s...
StarBloghttps://blog.deali.cn/blog/integrate-react-jsx-in-html
前言 Vue 可以非常方便地与 Pure HTML 结合,代替 jQuery 的功能,有一次遇到类似的场景时,我就想 React 能不能也以这种方式接入 HTML 网页,从而提高开发效率。 结果当然是可以的,只不过在 HTML 里直接 JSX 似乎会降低一些性能… 凑合用吧 引入依赖 要在 Pure HTML 里使用 React 和 JSX,需要以下依赖 react rea...
StarBloghttps://blog.deali.cn/blog/project-sumup-blazor-grpc
...Blazor 组件里面使用就很简单了 聊天组件自动滚动到底部 前面说了 JS 互操作 现在可以在 Blazor 组件里面调用 JS 的方法来滚动到页面底部了 先定义个 ref (感觉和 vue 有点像) c# private ElementReference _chatMessagesRef; 然后在元素上绑定 html <div class="chat-mess...
StarBloghttps://blog.deali.cn/blog/starblog-10-image-waterfall-cards
...上一篇介绍了图片批量导入操作,我看到有同学留言问怎么没有上传图片的介绍,这里再解释一下,本系列文章介绍的顺序是: 从 **博客的网站前台** 到 **管理后台** 从 后端C#代码 到 前端Vue+ElementUI 所以上传图片这部分会在后续的**管理后台**开发中介绍,欢迎继续关注哈~ 接着上篇文章,继续介绍摄影模块,图片导入之后,需要做展示,本文介绍~~(水)~~图片瀑布流的实现。 ...
StarBloghttps://blog.deali.cn/blog/starblog-blog-dev-notes-17-auto-dl-ext-img
...不住,只好先用我之前的DjangoStarter框架,后面再慢慢把我的StarBlog博客用DDD思想进行改造~ 对了,这么久没更新博客的原因,还有一点是我在使用过程中对目前的管理后台非常不满(使用Vue2+ElementUI开发),用户体验极差,所以我同时在构思用何种技术对管理后台前端项目进行重构,目前有几个备选项: **blazor**(使用C#开发前端,很酷) **react**(相对...
StarBloghttps://blog.deali.cn/blog/starblog-v130-updates-server-migration
...止爬取 /seo-test 路径。 修复 PicLibService 初始化时路径不存在导致的异常。 ♻️ Refactor 前端优化:统一前端资源加载,切换至生产版本的 Vue.js 与 editormd,清理冗余代码与格式。 项目结构:将主要项目调整至 src 与 tools 目录,BlogImageOptimizer 独立为工具模块。 移除冗余:删除...