本文来源于腾讯云官方小程序培训营

WeUI是一套小程序的UI框架,所谓UI框架就是一套界面设计方案。有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了一个UI框架,就能让我们的小程序变得更加美观。

体验WeUI小程序

WeUI 是微信官方设计团队设计的一套同微信原生视觉体验一致的基础样式库。在手机微信里搜索WeUI小程序或者扫描WeUI小程序码即可在手机里体验。

我们还可以下载WeUI小程序的源码在开发者工具里查看它具体是怎么做的。

- 阅读剩余部分 -

前几节的内容让我们的小程序有了文字,但小程序的内容形式还不够丰富,比如没有链接,没有图片等元素,而这些元素在小程序里也都是通过组件来实现的。

navigator组件

在小程序里,我们是通过navigator组件来给页面添加链接的。有些页面在我们打开小程序的时候就可以看得到,还有些则需要我们通过点击链接进行页面切换才可以看得到,这些我们可以称之为二级页面。

技术文档navigator组件技术文档

- 阅读剩余部分 -

相信通过前面的学习,大家对一个完整的小程序的文件结构有了一个大致的了解,对小程序的开发者工具也有了一定的认识,那这节我们来开始动手写一下小程序的代码。

编辑WXML文件

我们在开发者工具里打开之前修改的模板小程序home文件夹下的home.wxml,里面有如下代码

- 阅读剩余部分 -

学习技术不要光看视频、教材,一定要动手实践。只有实战,技术才会变得简单。小程序相比其他编程语言来说,可以让我们更快做出一些技术产品。

开始前的准备

小程序的开发有两样东西必不可少,一个是小程序开发的技术文档;还有一个就是小程序的开发者工具。

- 阅读剩余部分 -

Pycharm软件中练习 Flask模板代码时,报出这个错误raise TemplateNotFound(template)。多次尝试后,发现__init__.py文件必须和模板文件夹在同一级别才可以,如果不在同一级别,就会出现这个错误。哪怕我把templates设置成TemplateFolder也不行。
解决方法如下:

__init_.py文件中修改 app=Flask(__name__)代码。

- 阅读剩余部分 -