• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >微信小程序 > 案例分享小程序开发实现|个人博客KAPO的架构

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

作者:匿名 字体:[增加 减小] 来源:互联网

匿名通过本文主要向大家介绍了小程序 博客KAPO等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

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

KAPO的架构图
1.png

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

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

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

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

KAPO的pages目录
1.pngKAPO源码目录

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的架构的详细内容,更多请关注其它相关文章!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 微信小程序开发实现scroll-view隐藏滚动条方法介绍
  • 推荐10款微信开发学习源码(收藏)
  • 微信小程序路由跳转的三种形式详解
  • 实例讲解微信小程序异步处理方法
  • 小程序之基础样式库--WeUI
  • 微信小程序的安装图文详解
  • 微信小程序运行机制
  • 微信小程序工具下载以及官方文档
  • 微信小程序是用什么语言开发的 微信小程序开发语言可以用php吗
  • 微信小程序组件化开发Labrador框架的介绍

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 小程序开发之企业付款
    • 微信小程序中关于三级联动地址选择器的实例分享
    • 微信小程序开发教程,大多数人都搞错的八个问题
    • 关于微信小程序设置http请求的步骤
    • 小程序开发--网络请求wx.request实例教程
    • 谈谈多客服功能的现状与实例
    • 微信小程序开发rpx使用
    • 关于微信小程序前端源码逻辑和工作流详解
    • 微信小程序关于Radio选中样式切换的实例详解
    • 微信小程序中带参数返回上一页的方法总结(三种)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有