3.2. 基础页面结构

本教程最新版为 2.1,当前版本已放弃维护,请阅读最新版本!

基本结构

这一节我们来创建 larabbs-weapp 的基本结构。

Tabbar

参考一下一般 APP 或者小程序的设计,例如美团:

file

底部需要有 Tabbar 作为不同功能的主入口,我们首先设计两个 Tabbar 入口,首页我的

增加我的页面

上一节中已经介绍了 WePY 的目录结构,先不用深入理解每个目录,实践当中你会有更深入的理解,首先需要记住的是:

  • 源码都需要放在 src 目录中;
  • src/app.wpy 是项目的入口文件,相关的配置都会放在这个文件中;
  • src/pages 目录中存放小程序的每个页面。

file

项目中已经存在了首页的文件 src/pages/index.wpy,现在我们来创建 我的 页面,并配置 Tabbar:

$ cd ~/Code/larabbs-weapp
$ tou...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
贡献者:6
讨论数量: 2

Fykex
atom 下 wepy 代码高亮
6 个点赞 | 1 个回复 | 分享 | 课程版本 5.5
CarlGao
phpstorm 下 wpy 高亮?
5 个点赞 | 1 个回复 | 问答 | 课程版本 5.5