9.25 冯娜

学习日志
一、微信公众平台

1、什么是微信公众平台:微信公众平台是腾讯公司在微信基础平台上新增的功能模块,通过该平台,个人或企业都可以打造一个微信的公众号,并实现和特定群体的文字、图片、语音的全方位沟通、互动。

2、微信公众平台可以干什么:小程序、订阅号、小游戏

3、为什么要使用微信公众平台:微信公众平台主要用来进行轻量级app的开发,我们 不需要考虑兼容性的问题。

二、微信小程序:

1、注册微信公众平台账户

2、下载开发工具:下载网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html。

3、创建微信小程序:新建项目—输入项目名称和APPID—开发模式(小程序)—后端 服务(云开发)—新建。

4、应用软件的工作结构:界面(用户需要通过用户接口像服务器发出请求);

​ 业务(服务器再发送响应给客户端);

​ 数据库(服务器将与数据库进行数据额处理)。

5、小程序与网页开发的区别:

(1)开发工具的不同:网页:开发工具+浏览器 ;

​ 小程序:同步本地文件+开发调试+编译+预览+上传+发布。

(2)开发环境的不同:网页:依赖于浏览器,有兼容器问题;

​ 小程序:依赖与微信,没有兼容性的问题。

(3)开发语言的不同:网页:HTML+CSS+JS, 属于最原始的东西;

​ 小程序:wxml+wxss+js,微信小程序都是已经写好的,要会用。

6、开发工具功能:编译、预览、详情、上传

7、目录结构:

(1)cloudfunctions:云开发[云函数]名字。

(2)miniprogram:images(图片)、pages(页面)、style(用来保存项目中所有自定义全局样式文件)、app.ison(全局配置文件,创建好以后需要删除原本app.json中配置的pages下包含的文件路径,删除路径后到源文件中删除pages下包含的文件),包含pages[],window:{}、app.wxss(全局样式)。

8、文件类型:

(1).wxml:搭建小程序页面的结构。

(2).wxss:wxss类似于css,用来定义全局样式。

a、大小单位为rpx,自带响应式的单位;

b、样式中可以使用@import引入外来样式;

c、样式可以用第三方组件库vant weapp。

(3).json:json文件属于页面的属性配置文件,用来配置需要使用的组件路径和一些样式的配置。

(4).js:js是专门用于微信小程序开发的一种语言,用来实现各个组件的交互功能,微信小程序的js中没有DOM和BOM。

9、创建页面:

(1)打开app.json文件,在pages下,输入创建页面的路径。

(2)当路径保存之后,系统会自动在相应的路径下创建好相应的页面。

(3)使用第三方组件库。

10、常用组件:

view:相当于div,属于块级元素。

text:相当于span、p标签,属于行内元素。

image:图片。

button:按钮。

input:输入框;type:text(文本输入键盘)、number(数字输入键盘)、idcard(身份证输入键盘)、digit(带有小数点的键盘)。placeholder(设置占位提示符,即输入框中的提示文字)。disabled(是否禁用,取值为boolean值)。

picker:从底部弹起的滚动选择器。range:绑定数据来源;value:初始加载时,显示数据的哪一项,下标从0开始;mode:选择器的类型,取值为selector(普通选择器)、multiSelector(多列选择器)、time(时间选择器)、date(日期选择器)、region(省市区选择器)。

video:视频组件。

audio:音频组件。

swiper:轮播组件。

swiper-item:搭配swiper使用,为轮播的每一项。

icon:图标。

form:表单。

11、数据绑定:{{}}

标签

评论

this is is footer