微信小程序开发与运营
2024-05-23 08:32:10 0 举报
AI智能生成
登录查看完整内容
shuaige
作者其他创作
大纲/内容
微信小程序开发与运营
小程序简介
1、无需安装和卸载,用户可以直接使用,使用完直接关闭,不会占用桌面空间;
2、制作成本低;
3、内存小、运行快,操作便利快捷;
4、容易部署,具有丰富的延展性。
小程序的特征
1.简单的业务逻辑
2.低频度的使用场景
小程序应用场景的特点
认识微信小程序
注册小程序账号
开发环境准备
微信开发工具的下载及安装
创建第一个小程序项目
运行及发布小程序
微信小程序开发流程
实现多种功能,例如账号切换,小程序编译、清理存缓、预览等
工具栏
在模拟区中选择手机类型、显示比例、网络类型,模拟器会显示运行效果
模拟区
用来实现对代码的编辑操作,编辑区中支持对.wxml、.wxss、.js及.json文件的操作
编辑区
用来显示当前的目录结构
目录文件区
调试区的功能是帮助开发者进行代码调试及排查有问题的区域,小程序系统为开发者提供了9个调试功能模块,分别是Console、Sources、Nekwork、Security、Storage、AppData、Wxml、Sensor和Trace。最右边的扩展菜单项:是控制开发工具按钮。
调试区
微信小程序开发者工具界面功能介绍
微信小程序概述
第一章 微信小程序概括
app.js:小程序逻辑页面,主要用来注册小程序全局实例。
app.json:小程序公共配置文件,配置小程序全局设置。
app.wxss:小程序主样式表文件,类似的HTML的.CSS文件。
主页文件
.js文件:页面逻辑文件,在该文件中编写JavaScript代码控制页面的逻辑。
.wxml:页面结构文件,用于设计页面的布局、数据绑定等。
.wxss:页面样式表文件,用于定义本页面中用到的各类样式表。
.json:页面配置文件,该文件在页面中不可缺少。
页面文件
小程序的基本目录结构
MINA框架的视图层由WXML与WXSS 编写,由组件来进行展示,.wxml文件用于描述页面的结构; .wxss文件用于描述页面的样式。
视图层
逻辑层
页面临时数据或缓存
wx.request: 发起网络请求 wx.uploadFile: 上传文件wx.downloadFile: 下载文件调用URL的API接口,如下: wx.navigateTo :新窗口打开页面 wx.redirectTo: 原窗口打开页面
网络存储与调用
wx.getStorage:获取本地数据缓存 wx.setStorage:设置本地数据缓存 wx.clearStorage:清理本地数据缓存
文件存储
数据层在逻辑上包括页面临时数据或缓存文件存储(本地存储)和网络存储与调用。
数据层
小程序的开发框架
设置Pages配置时要注意以下三点:(1)数组的第一项用于设定小程序的初始页面(2)在小程序新准则或减少页面时,都需要对数组进行修改(3)文件名不需要写文件扩展名
pages
widow配置项负责设置小程序状态栏、导航栏、窗口背景等系统样式
window
当需要在程序顶部或底部设置菜单栏时,可以通过taBar配置项来实现
taBar
小程序中各种网络请求API的超时时间值只能通过networkTimeout配置项统一设置,不能单独在API中设置,显示颜色就近原则。
networkTimeout
用于开发者工具的调试模式,默认为false.
debug
全局配置文件
页面配置文件
配置文件
项目逻辑文件
页面逻辑文件
逻辑层文件
数据绑定
概念:条件数据绑定就是根据绑定表达式的逻辑值来判断是否数据绑定当前组件。
条件数据绑定
概念:列表数据绑定用于将列表中的各项数据进行重复数据绑定。
列表数据绑定
模板
引用页面文件
页面事件
页面结构文件
尺寸单位
样式导入
选择器
常用属性
页面样式文件
第二章 微信小程序开发基础
border
盒子模型
块级元素
行内元素
行内块元素
块级元素与行内元素
float:none|left|right
clear:left|right|both|none
元素浮动与清除
static
relative
absolute
flxed
元素定位
浮动与定位
display
flex-direction
flex-wrap
fiex-flow
justify-content
align-items
align-content
容器
order
flex-grow
flex-shrink
flex-basis
flex
align-self
项目
flex布局
第三章 页面布局
view
scroll-view
swiper
容器视图组件
icon
text
progress
基础内容组件
button
radio
checkbox
switch
slider
picker
picker-view
input
textarea
label
form
表单组件
image
audio
video
camera
多媒体组件
map
canvas
其他组件
第四章 页面组件
无须编程
行业模板多样
功能丰富,管理方便
优势
布局组件 双栏、面板、自由面板、顶部导航、分割线、动态分类
基本组件 文本、图片、按钮、标题、轮播、分类、图片列表、图文集、视频
动态列表、个人中心、动态表单、评论、计数
城市定位、悬浮窗
高级组件
其他组件 音频、动态容器
应用组件
数据总览
分享设置
用户管理
应用数据
轮播管理
分类管理
商品管理
经营管理
营销工具
多商家管理
后台管理
第五章 即速应用
网络API
图片API
录音API
音频播放控制API
音乐播放控制
多媒体API
文件API
本地数据及缓存API
位置信息API
设备相关API
第六章 API应用
创建数据文件
创建项目目录结构
app. json文件结构
首页
内容页
详情页
预约页
第七章 案例分析--秦岭山水
比目后端云简介
数据的增、删、改、查
上传图片
第八章 小程序后端开发
子主题
第九章 小程序运营
收藏
0 条评论
回复 删除
下一页