微信小程序开发与运营
2024-05-15 17:33:31 1 举报AI智能生成
软件课程之微信小程序
作者其他创作
大纲/内容
1.1 小程序简介
（1）无需安装
（2）触手可及
（3）用完即走
（4）无需加载
1.2小程序的特征
（1）简单的业务逻辑
（2）低频度的使用场景
1.3 小程序应用场景的特点
第一步：在微信公众号平台上注册小程序账号
第二步：下载开发者工具进行编码
第三步：通过开发者工具提交代码，通过审核后便可发布
1.4 微信小程序开发流程
工具栏、
模拟区、
目录文件区、
编辑区和调试区
微信小程序界面划分于5大区域：。
（1）工具栏
（2）模拟区
（3）目录文件区
（4）编辑区
微信开发者功能介绍
1.5 下载微信小程序开发中工具APP
一、微信小程序概述
（1）app.js:小程序逻辑页面，主要用来注册小程序全局实例。
（2）app.json:小程序公共配置文件，配置小程序全局设置。
（3）app.wxss:小程序主样式表文件，类似的HTML的.CSS文件。
2.1.1主页文件
（1）.js文件：页面逻辑文件，在该文件中编写JavaScript代码控制页面的逻辑
（2）.wxml:页面结构文件，用于设计页面的布局、数据绑定等
（3）.wxss：页面样式表文件，用于定义本页面中用到的各类样式表。
（4）.json：页面配置文件，该文件在页面中不可缺少。
2.1.2页面文件
2.1 小程序的基本目录结构
.wxml文件用于描述页面的结构；。
.wxss文件用于描述页面的样式
MINA框架的视图层由WXML与WXSS 编写，由组件来进行展示，
2.2.1视图层
逻辑层用于处理事务逻辑。
2.2.2 逻辑层
数据层在逻辑上包括页面临时数据或缓存文件存储（本地存储）和网络存储与调用。
2.2.3数据层
2.2 小程序开发框架
二、微信小程序开发基础
3.1 盒子模型
3.2.1 块级元素
3.2.2 行内元素
3.2.3 行内块元素
3.2 块元素与行内元素
none——默认值，表示元素不浮动；
left——元素向左浮动
right——元素向右浮动
3.3.1 元素浮动与清除
3.3.2 元素定位
3.3 浮动与定位
（1）display
(2)flex-direction
(3)flex-wrap
(4) flex-flow
(5)justify-content
(6)align-items
3.4 flex布局
三、页面布局
4.1 组件的定义及属性
4.2.1 view
4.2.2 scroll-view
4.2.3 swiper
4.2 容器视图组件
子主题
4.3.1 icon
4.3.2 text
4.3.3 progress
4.3 基础内容组件
默认认点击（default）、建议点击（primary）、谨慎点击（warn）
4.4.1 button
概念：单选框用来从一组选项中选取一个选项
4.4.2 radio
概念：复选框用于从一组选项中选取多个选项，小程序中复选框由 <checkbox -group/ >（多项选择器）和<checkbox/ >（多选项目）两个组件组合而成
4.4.3 checkbox
switch组件的作用类似开关选择器
4.4.4 switch
概念：slider组件为滑动选择器，可以通过滑动来设置相应的值
4.4.5 slider
、
selector（普通选择器）
multiSelector（多列选择器）
、time（时间选择器）
、date（日期选择器
）、region（省市选择器）
picker组件目前支持5种选择器，分别是：
概念：picker组件为滚动选择器，当用户点击picker组件时，系统从底部弹出选择器供用户选择。
4.4.6 picker
4.4.7 picker-view
4.4.8 input
textarea
4.4.10 laber
4.4.11 form
4.4 表单组件
4.5.1 image
4.5.2audio
4.5.3 video
4.5.4 camera
4.5 多媒体组件
4.6 其他组件
四、页面组件
五、急速应用
六、API应用
七、案例秦邻山水
八、小程序后端开发
九、小程序运营
微信小程序开发与运营
收藏
0 条评论
回复 删除
下一页
