基于微信公众号的微课平台开发+ER图(3)

在代码编写结束后,可以进行微信小程序的上传,但是上传程序只能是管理员进行上传,填写版本号以及备注,选择文件存储位置,即可完成上传。代码上


在代码编写结束后,可以进行微信小程序的上传,但是上传程序只能是管理员进行上传,填写版本号以及备注,选择文件存储位置,即可完成上传。代码上传结束后,可以在微信公众平台中,查看到提交的版本。对于提交的微信小程序 可以提交审核,查看审核结果,在审核申请时需要填写项目的标题、类目、标签 等。

2.1.2 微信小程序框架

微信小程序的框架采用了 mvc开发思想,包括逻辑层,视图层,基础层等。 每个微信小程序包括三个文件,分别是app.js、app.json、app.wxss文件,他们分别是小程序逻辑的实现、小程序公共设置、小程序公共样式表。这三个文件必须放置在根目录下。

每个界面由四个文件组成,界面的名称根据开发者需求自行定义的,对于界面文件而言主要包含js文件,wxml文件,wxss文件以及json文件,这四个文件,也对应了页面逻辑,页面结构、页面样式以及页面配置。

根目录下的json文件,主要是对于系统进行全局的配置,可以设置页面文件的路径,窗口的行为等。主要拥有5个配置项,分别是page属性,进行页面路径的设置;window属性,进行窗口表现的设置;tabbar属性,进行底部tab的表现;networkTimeout进行网络超时时间的配置;debug是进行debug模式的配置。

本系统的逻辑层,主要是由javascript进行编写,该层主要用于与视图层进 行交互,将处理的数据发送到视图层,视图层对处理的数据进行反馈。

逻辑层所涉及的函数主要包含APP函数,这个函数是用来注册程序的。 getAPP函数用于获取小程序实例。

Page函数注册界面。每一个界面都具有相应的生命周期,所有的生命周期 均有相应函数进行控制。onload函数用于页面的监听;onready函数用于页面的 初次植染;onshow函数用于界面的显示;onhide函数进行界面的隐藏;onUnload函数进行页面的卸载。

微信小程序的视图层,主要是对wxml文件以及wxs文件的编写。Wxml文件主要进行数据绑定、列表渲染、条件渲染、模板的设定,为组件设置事件处理函数,并且可以指import与include两种引用格式。Wxs与wxml共同配合,可以设置页面结构,wxs具有模块属性,可以将代码编写在模块之中,也可以在 WXS配置变量。

微信小程序中的基础库可以对程序编写提供很多便利,但是基础库是针对不 同的系统版本提供不同的基础库,且高版本基础库无法兼容低版本基础库。