案例分享小程序开发实现|个人博客KAPO的架构

KAPO是一个人博客,所以里面大部分的内容也是展示的一些自己的信息和作品。初衷是想向大家介绍我自己。私心就是为了面试的时候能够装X.

KAPO的架构图
案例分享小程序开发实现|个人博客KAPO的架构

博客主要分为三大模块: 文章、 项目,我

  1. 文章:包含精选文章和普通文章。精选文章是访问量较高的文章

  2. 项目:介绍了一些我做的项目

  3. 我:包含打卡和文章类型(前端,运维,生活),本打算直接跳向文章栏目,但是小程序的 switchTab不能带参数 所以只能添加一个新组件lists。

KAPO的pages目录
案例分享小程序开发实现|个人博客KAPO的架构KAPO源码目录

assets: 用于存放静态资源
– icon KAPO使用了iconfont字体图标库
– images 页面中会用到的静态资源
– nav 存放tabBar里面的icon图

pages, KAPO博客的组件

  • index(文章类表:首页,包含精选文章和文章列表。点击内容,跳转到detail页)

  • about(我:包含打卡,感谢和文章分类撒安达内容, 打卡是本页的重点内容)

  • detail(文章详情页)

  • feedback(意见反馈:为了让这个博客做得更好,希望得到大家的建议)

  • lists(文章分类页:这一页在原计划中是没有的,由于技术原因,不得不多了这一页)

  • me(关于我:介绍了一些我的个人信息,本想用detail写文章直接介绍,但是感觉逼格不够高,而且转码后不是想要的格式,就多了这一页,大家开发中可以考虑直接用detail从后台读取)

  • more(打卡:这一页是这个小程序里最精华的地方,用于记录我的四个目标: 每天一个俯卧撑、读一百本书、学一门外语、弹吉他,以及记录我每天的实现过程

  • project(项目: 记载了一些我做的项目,包含官网, 后台,微信公众号,和小程序)

  • project_page(项目详情页:这一页本也打算用detail页,但是detail页的设计不能完美呈现我想表现的内容,故进行了重新设计)

  • start:启动页: 还在思考用什么方式进行展示,本有过几个设计,但是都放弃了

utils 公共js库
wxParse用于转码,把html代码转为小程序识别的语言

其中 pages、utils、images(转移到assets中了)、app.json、app.js、app.wxss、project.config.json是新建小程序的时候自动生成的文件。

相关文章:

微信小程序构架分析及实例

微信小程序开发小程序架构篇图解

相关视频:

开发微信小程序视频教程

以上就是案例分享小程序开发实现|个人博客KAPO的架构的详细内容,更多请关注立业阁其它相关文章!

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服![email protected] QQ276087365
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

立业阁 微信小程序教程 案例分享小程序开发实现|个人博客KAPO的架构 https://www.liyege.cn/alfxxcxkfsxgrbkkdjg.html

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整, 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘
查看详情

相关文章