3.3. 基础页面结构

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

基本结构

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

Tabbar

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

file

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

增加我的页面

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

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

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

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

上一篇 下一篇
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
贡献者:1
讨论数量: 25

Fykex
atom 下 wepy 代码高亮
6 个点赞 | 1 个回复 | 分享 | 课程版本 5.5
CarlGao
phpstorm 下 wpy 高亮?
5 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
wulijieone
你们运行 NPM run eslint 都没有报错吗?
3 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
宋高峰
增加图标后报错 ["tabBar"]["list"][0] 未找到
1 个点赞 | 5 个回复 | 问答 | 课程版本 2.0
taodaykiu
本地安装 wepy 失败
0 个点赞 | 7 个回复 | 问答 | 课程版本 5.5
Innocence6
NPM run eslint 报错?
0 个点赞 | 5 个回复 | 问答 | 课程版本 5.5
Promisehp
选中后没有选中色?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
Golang
NPM run eslint 报错
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
putixin
Sublime3 下没有插件?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
dptms
wepy 编译之后 改变文件 貌似没有监听到呢?
0 个点赞 | 4 个回复 | 问答 | 课程版本 5.5
chenvle
小程序端提示 CLI 报错
0 个点赞 | 2 个回复 | 问答 | 课程版本 1.7
TigerLin
eslint 做了设置依然有报错
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
jollysone
建立了文件 user.wpy 报错空文件?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
yszej
NPM run dev 无法监控代码的更新
0 个点赞 | 1 个回复 | 问答 | 课程版本 2.0
xunxiancoming
微信开发工具退出重进模拟器就不管用了
0 个点赞 | 1 个回复 | 分享 | 课程版本 5.5
vanman
微信开发工具报错 appLaunch with an already exist webviewId 51
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
xgrit
电脑重启就出现了TypeError: Cannot read property 'call' of undefined
0 个点赞 | 0 个回复 | 问答 | 课程版本 2.0
chenvle
3.3 基础页面结构 报错
0 个点赞 | 0 个回复 | 问答 | 课程版本 2.0
道生一
Error:非法的文件,错误信息:invalid file:src/common/eventHub.jd
0 个点赞 | 0 个回复 | 问答 | 课程版本 2.0
phpervip
export default class User extends wepy.page {}什么意思
0 个点赞 | 0 个回复 | 问答 | 课程版本 2.0
phpervip
icon 图标放 src/images 目录下找不到,已解决
0 个点赞 | 0 个回复 | 分享 | 课程版本 2.0
郝合心
选中按钮的色号
0 个点赞 | 0 个回复 | 分享 | 课程版本 5.5