微信小程序SDK使用实例

大家在做端应用的时候都会不满足于客户端,小程序的应用也越来越广泛了。

现在我们了一套在上的。基于这个大家就可以做适用于自己的微信小程序了。

这里不得不提到的 (@/--),既可以支持规范服务端,也可以支持规范的浏览器端的。

此微信小程序就是基于的 (@/--)改造而得。使用过 (@/--)的者相信很快就能上手。

这里面已经封装好了的大部分-,包括上传下载文件,并调用了.,.,.来发送请求到。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

以下是利用这个做的库存管理的微信小程序的范例。在手机端添加数据后,小程序和的端都得到了同步更新。

部署

1

首先,需要下载好微信者工具,并且创建一个项目

微信者工具

2

通过导入@/----库。

1

2

3

3

启用增强编译和 使用模块 选项来支持等。

选择 “工具” => “构建” 来让微信小程序支持。

部署完成了。以下是商品列表的演示画面:

代码解析

库存管理

在库存管理应用里实现了

商品列表

商品入库

商品添加

商品出库

商品检索

这几个基本的演示功能。

目录结构

以下是此商品库存管理的微信小程序的目录结构:

其中:

放置静态资源和公用的函数。

.定义了的配置信息,的字段代码等。

.定义了一些公用的的连接函数、数据初始化、数据校验等函数。

_:

微信小程序自动编译的第三方库。

库存管理具体的代码及页面。

检索页面的部件。

添加商品代码

以下是以具体添加商品作为范例来说明的使用方法。

首先了解一下添加商品功能的页面的目录结构。

.:逻辑层

写具体的添加商品的逻辑代码。

通过构造器注册页面

:初始化数据

:在页面初始化的时调用函数,自动执行文件上传的并获取 。

还有其他一些、等函数与前端.进行数据绑定,

最后通过在函数里通过添加记录的来将数据添加到。

.:视图层

这是页面模板的页,构建出页面的结构。

这里选择日期,上传图片,提交表单,数据校验这些都是通过微信的组件库来实现的。他能带给用户类似于原生视觉体验的。

.:配置

可以写调用的组件的信息,小程序的页面路径、界面表现、网络超时时间、底部 等

.:样式

该页面的样式信息

.的代码范例请查阅:

源码和文档:微信小程序 - - 者网站

源码:

好了,小程序的和范例就介绍到这里,希望能给大家在的微信小程序的时候带来帮助,如果有什么疑问或者建议,可以在下面留言哦。

本示例代码不保证其运行。

我们不为本示例代码提供技术支持。

© 版权声明
THE END
分享