这篇文章主要介绍了案例分享小程序开发实现|个人博客卡的架构,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
卡是一个人博客,所以里面大部分的内容也是展示的一些自己的信息和作品。初衷是想向大家介绍我自己。私心就是为了面试的时候能够装X。
<强>卡的架构图强>
博客主要分为三大模块:文章,项目,我
- <李>
文章:包含精选文章和普通文章。精选文章是访问量较高的文章
李> <李>项目:介绍了一些我做的项目
李> <李>我:包含打卡和文章类型(前端,运维,生活),本打算直接跳向文章栏目,但是小程序的switchTab不能带参数所以只能添加一个新组件列表。
李> <强>卡的页面目录强>
<李>
指数(文章类表:首页,包含精选文章和文章列表。点击内容,跳转到细节页)
李> <李>有关(我:包含打卡,感谢和文章分类撒安达内容,打卡是本页的重点内容)
李> <李>细节(文章详情页)
李> <李>反馈(意见反馈:为了让这个博客做得更好,希望得到大家的建议)
李> <李>列表(文章分类页:这一页在原计划中是没有的,由于技术原因,不得不多了这一页)
李> <李>我(关于我:介绍了一些我的个人信息,本想用细节写文章直接介绍,但是感觉逼格不够高,而且转码后不是想要的格式,就多了这一页,大家开发中可以考虑直接用细节从后台读取)
李> <李>更多(打卡:这一页是这个小程序里最精华的地方,用于记录我的四个目标:每天一个俯卧撑,读一百本书,学一门外语,弹吉,他以及记录我每天的实现过程
李> <李>项目(项目:记载了一些我做的项目,包含官网,后台,微信公众号,和小程序)
李> <李>project_page(项目详情页:这一页本也打算用细节页,但是详细页的设计不能完美呈现我想表现的内容,故进行了重新设计)
李> <李>开始:启动页:还在思考用什么方式进行展示,本有过几个设计,但是都放弃了
李>跑龙套公共js库
wxParse用于转码,把html代码转为小程序识别的语言
其页面中,跑龙套,图片(转移到资产中了),app.json, app.js, app.wxss, project.config。json是新建小程序的时候自动生成的文件。
感谢你能够认真阅读完这篇文章,希望小编分享的“案例分享小程序开发实现|个人博客卡的架构”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!