小程序资讯
当前位置:主页 > 新闻中心 > 小程序资讯 >
微信小程序开发框架媒体组件
发布日期:2020-01-10 阅读次数:

这个微信小程序开发小程序提供了一个微信mina框架,它有两个主要层:视图层和逻辑层。框架的核心是一个响应性数据绑定系统。微信小程序开发中的动态数据来自相应页面的数据。此数据绑定是单向的,只有在数据更改时视图才会相应地调整。此模式允许开发人员专注于事件处理、更改对象状态和实现视图更新。
为了方便和限制开发者的开发,微信定义了自己的一套基本组件,即视图层的组件(表单组件、媒体组件、导航等),内置了一些类似微信风格的HTML标签的功能。微信还提供了一些本地微信API,用于调用微信内部提供的功能,以及微信小部件开发工具。
微信小程序源结构
微信小程序开发
视图层(在视图上显示来自逻辑层的数据)
逻辑层(通过更改数据更改视图[setData method])
配置文件
在applet中,WeChat指定了界面的合成方式,由四个文件组成。
.wxml文件(页面结构文件)标记语言类似于HTML,真正负责的是页面结构文件,可以绑定数据。
.wxss文件(样式表文件)与CSS相似,因为大多数CSS样式相同
.js文件(脚本文件)用于运行我们的逻辑,使用js语言
.json文件(配置文件)主要配置常用样式,如选项卡栏、窗口样式等
知识库微信小程序示例
CSDN小程序开发的初步尝试,重点是js文件和WXML文件。
知识库将开发领域细分为一定的领域,如技术语言、运维系统、行业应用等。,并为每个技术和知识点设计了一个网络图,对技术某一方面涉及的知识进行总结,为知识结构准备一些精细的内容。对我们来说,更系统地学习知识是很方便的。
在知识库产品上,您需要实现内容推荐、个人关注和搜索。用户端和内容推荐测试,包括四个层次:库—“知识结构—“内容列表—”内容详情页。搜索功能可以根据用户搜索的关键字在用户配置文件或建议中查找相关内容。便于用户阅读和收集。
知识库页面设计
小部件组件满足所有显示功能和结构(列表、窗口、按钮、事件)
逻辑开发的完整API。不同的功能模块放在不同的页面中。
-视图层:选项卡栏、列表页、知识结构页、内容详细信息页、搜索页
-逻辑层:
TAB->通过绑定数据索引选择第一级页
列表页->通过更改绑定数据内容列表数组控制列表显示和动态加载
搜索页->通过将数据绑定到searchValue,及时通过事件获取用户输入
跨过深坑的小型程序开发道路
打开页面限制(重定向或导航到)
微信提供了标签栏的设置,可以在app.json中配置,在app中配置的标签栏将出现在所有第1层页面上。但他的一个问题是,第一次点击标签会打开一个新页面,而微信的页面限制为5页。
微信提供了多种跳转页面、重定向、导航和返回的方式。在这两种情况下,“重定向到”将直接从原始页面打开新页面,而“导航到”将打开新页面。由于微信的页面数量有限,我们有很多层次的产品,所以我们不能直接在app.json中设置标签栏。所以让我们单独设计标签栏。单击选项卡不会打开新页。引用每个主页后,第二页和第三页不带选项卡,但需要返回到主页。
树结构的显示
每个库都有一个树状的知识结构,所以看看这个例子。每个级别的表示都是相同的,因此通常我们对表示使用递归方法。例如,在这个图中,当我们确定这个节点有子节点时,我们希望再次调用相同的方法。不幸的是,在小程序中,无论使用模板还是include来引用文件,都无法自己完成。
幸运的是,我们知道层次结构有多深,所以我可以编写几个相同的文件和模板,微信小程序开发用不同的名称来调用它们。如果是一棵秩序不明的树,那就很难处理。建议将树结构更改为具有层次标识符的数组,该数组可以在WXML文件中以循环方式处理。

关于善出

善出信息科技(上海)有限公司专注于高端网站建设,APP定制开发,网络推广营销、微信小程序开发等互联网专业服务。在竞争激烈的互联网行业,善出始终坚持以技术为核心,组建强大的技术开发团队把商务和文化、技术和艺术完美地结合在一起,为企业塑造品牌、创造效益。

咨询热线:021-51602224