系统设计与分析lesson5-关于微信小程序开发工具的学习

前言

首先微信小程序就是运行在微信上的小的App,开发过程类似于Web APP的开发。然后微信小程序时下非常火热,个人认为主要有两方面原因:1.微信本身对小程序非常重视,从微信置顶了小程序功能就可以看出。2.微信这个平台非常具有传播力度,微信支付的成功就是一个很典型的例子。

准备工作

1.注册小程序账号
https://mp.weixin.qq.com/wxopen/waregister?action=step1

2.安装小程序开发工具。
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018412

3.登录威信公众号网站查看自己的AppID。
https://mp.weixin.qq.com/
这里写图片描述

小程序的HELLO WORLD

1.打开并登录小程序开发工具,可以看到主界面大体分为三个部分,左边的模拟器,右上的编辑器和右下的调试器,这种开发界面有过web开发或者安卓app开发的都很熟悉。
这里写图片描述
2.然后简单看一下一个微信小程序的文件组成结构。
这里写图片描述
我们可以看到这个项目里边生成了不同类型的文件:

.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件
.js 后缀的 JS 脚本逻辑文件

接下来我们简单了解这4种文件的作用。

1.json文件

json文件简单说就是一种用来存储数据的文件,这里它主要用于保存小程序中页面配置、程序设置等数据。

2.WXML文件

有过UWP应用开发的或者安卓开发的人其实对XML会很熟悉,而WXML其实就是XML差不多的文件,前面加个W类似于加个微信的标签,然后这一类文件通常是用来设置程序UI界面的。

3.WXSS文件

同上,WXSS 具有 CSS 大部分的特性,小程序在 WXSS 也做了一些扩充和修改。
这一类文件是用来对UI界面的具体参数及形式做补充设置的。

4.JS文件

js文件大家也很熟悉。就是规定程序和用户交互的逻辑功能。
比如点击一个按钮具体会执行哪些操作都在js文件里面声明。

开发模式

微信小程序的开发模式跟安卓app开发其实大体相同,不过由于本人之前更多的UWP应用开发相关的经验,在接触小程序的时候会更多的参照UWP开发去理解。

小程序开发和UWP相似的在于两者总体上都是 视图+逻辑 这样一种MVVM的开发框架,个人对MVVM的开发框架是非常喜欢的,MVVM具有低耦合、独立开放、界面易测试等优点,而且开发过程中能实时看到程序一点一滴的改变,有利于激发开发者的创造热情。

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页