专栏首页Bug生活2048[mini-blog]小程序后台管理功能的实现

[mini-blog]小程序后台管理功能的实现

这几天陆续把博客小程序后台管理的几个功能实现了,目前实现的比较「粗糙」,但比较实用的管理的功能基本上实现了。

成果展示

由于「后台管理」的部分只有管理员才能看到,在我的小程序上不能体现,但整体开发难度不是很大,主要还是通过编码实现一些功能,思路清晰,按照流程一步一步开发即可。

部分截图如下,具体交互的代码可以直接看源码:

后台管理入口

后台管理界面

文章管理列表

新增编辑文章界面

新增专题界面

评论管理列表

历史版本查看

标签管理列表

版本发布功能

基本上都是博客相关的后台功能,至于为什么说是比较粗糙呢,主要是因为部分的页面的功能和交互并不是很完美,后期需要改善和优化的。

比如标签管理页面,目前只能简单的新增和删除标签,而没有实现标签去批量关联文章,只能从编辑文章的入口去选择标签。

比如编辑文章页面,目前原生富文本框所展示的样式并不是很完善,导致该功能名存实亡「利用富文本保存后文章样式就乱了」

还有很多细节部分自认为不是很完美的,后期也需要一一优化。

开发中的一些细节点

textarea组件的坑

小程序原生组件textarea,该组件的层级是最高的,导致的问题是会穿透弹窗或遮罩层,所以在弹窗中使用 textarea时会出现穿透的情况「版本发布功能页用到」。

如何解决呢,通过展示弹窗的key来控制textarea的加载,如果弹窗显示那就加载textarea,如果弹窗隐藏那就不加载textarea

<view wx:if="{{isReleaseShow}}" class="cu-form-group text-left">
    <textarea placeholder="请输入迭代内容" maxlength="-1" name='releaseContent' value='{{release.releaseContent}}' placeholder-class='placeholder'></textarea>
</view>

catchtap与bindtap

bindtapcatchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。

但是bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

所以,根据实际业务场景合理使用对应的事件。

一些事件

评论删除的功能用到左滑事件,可以参考文档熟悉下touchstarttouchend事件的用法。

标签删除用到了长按事件longpress,有兴趣的也可以熟悉下文档看看相关事件的用法

评论管理截图

新增文章

这次在后台管理里加了一个新增文章的功能「虽然我觉得很鸡肋,在小程序中写文章真的太麻烦了」,这里只是提供下思路和熟悉下小程序的富文本框组件editor,本身功能真的没有实际价值。

后期文章还是考虑同步的方式或者利用云开发的HTTP API进行对文章的复杂操作。

其他代码

其他细节的代码和页面实现就不多说了,重复去贴代码意义不大,有兴趣的可以直接看源码,有问题也可以随时与我交流。

总结

目前博客小程序已经发布了7个版本了,整体博客相关的功能已经完成的七七八八了,但是个人使用起来吐槽的点有很多,目前已经记了十几个了,后续也会慢慢迭代和分享出来。

本文分享自微信公众号 - Bug生活2048(BugLife2048),作者:Bug2048

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-06-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序版博客——文章详情页设计及问题汇总

    wxParse是将html格式的富文本内容转换成小程序可展示的内容的组件,在框架搭建那一篇文章中有提到。

    Bug生活2048
  • 无缘小程序模板消息推送功能,只能为后台管理功能做准备

    这两天打算把模板消息的功能开发完成,主要思路还是根据原博客小程序,有兴趣的可以参考[博客小程序]评论通知功能实现(一)——小程序发送模板消息的几种实现和[博客小...

    Bug生活2048
  • 了不起的开源项目,996.ICU火了

    是的,github上这个项目的Star已经突破1.1w了,并持续增长中。一开始以为是什么了不起的开源项目,怎么比微软开源计算器还火,后来看了才知道,只是一个程序...

    Bug生活2048
  • 纯干货!以太坊DApp赚钱的六种方法

    区块链大本营
  • mybatis学习笔记之基础框架(2)

    mybatis学习笔记之基础框架(2) mybatis是一个持久层的框架,是apache下的顶级项目。 mybatis让程序将主要精力放...

    王小雷
  • 动画: 快速排序 | 如何求第 K 大元素?

    我们有这么一个需求,老板和我们说,要求我们做这么一个员工系统,公司员工的相关信息和为公司的贡献值都会在这个系统进行记录,每到月底评功轮赏的时候,根据员工这一个月...

    五分钟学算法
  • python pypdf提取PDF元数据

    import pyPdf import optparse from pyPdf import PdfFileReader

    用户5760343
  • RAID技术

    RAID 的两个关键目标是提高数据可靠性和 I/O 性能。磁盘阵列中,数据分散在多个磁盘中,然而对于计算机系统来说,就像一个单独的磁盘。通过把相同数据同时写入到...

    木可大大
  • 图文并茂 RAID 技术全解 – RAID0、RAID1、RAID5、RAID100……

      RAID 技术相信大家都有接触过,尤其是服务器运维人员,RAID 概念很多,有时候会概念混淆。这篇文章为网络转载,写得相当不错,它对 RAID 技术的概念特...

    菲宇
  • RAID技术

    RAID 的两个关键目标是提高数据可靠性和 I/O 性能。磁盘阵列中,数据分散在多个磁盘中,然而对于计算机系统来说,就像一个单独的磁盘。通过把相同数据同时写入到...

    木可大大

扫码关注云+社区

领取腾讯云代金券