小程序设计运营 第1篇
基本目录结构中，项目主目录下有2个子目录（pages和utils）和四个文件（、、和）
：项目配置文件，包含项目名称、AppID等相关信息。
pages:有两个子目录（index和log）一个页面包含4个不同的扩展名（.wxml（页面结构文件）、.wxss（页面样式文件）、.js（页面逻辑文件）、.json（页面配置文件）
Utils:工具包，用来存放一些公共的.js文件
:小程序逻辑文件，主要用来注册小程序全局实例
:小程序公共设置文件，配置小程序全局设置
:小程序主样式表文件，类似HTML的.css文件(就近原则）
.js:逻辑文件
.json:配置文件
.wxml:结构文件
.wxss:样式文件
视图层是所有.wxml文件与.wxss文件的集合；.wxml文件用来描述页面的结构；.wxss文件用来描述页面的样式。
逻辑层用于处理事务逻辑；对于微信小程序而言，逻辑层就是所有.js脚本文件的集合。
在逻辑上包括页面临时数据或缓存、文件存储（本地存储）和网络存储与调用。
1.页面临时数据或缓存 在Page（）中，使用setData函数将数据从逻辑层发送到视图层，同时改变对应的的值。
setData（）函数的参数接受一个对象，以（key,value）的形式表示将key在中对应的值改变成value。
2.文件存储（本地存储） 使用数据API接口，如下：
3.网络存储与调用 上传或下载文件API接口，如下：
调用URL的API接口，如下：
1) pages配置项
1>数组的第一项用于设定小程序的初始页面。
2>在小程序中新增或减少页面时，都需要对数组进行修改。
3>文件名不需要写文件扩展名。小程序框架会自动寻找路径及对.js、.json、.wxss、.wxml文件进行整合数据的绑定
2)Window配置项
3）tabBar配置项
tabBar中的list选项
4）networkTimeout配置项
5)debug配置项
页面配置文件（*.json）只能设置本页面的窗口表现，而且只能设置window配置项的内容
Page（）方法用来注册一个页面，并且每个页面有且仅有一个
1）设置初始数据
数据必须是可以转成JSON的格式（字符串、数字、布尔值、对象、数组）。
2）定义当前页面的生命周期函数
页面的生命周期函数主要有：onLoad、onShow、onReady、onHide、onUnload
onLoad：页面加载函数
onShow：页面显示函数
onReady：页面数据绑定函数
onHide：页面隐藏函数
onUnload：页面卸载函数
3）定义事件处理函数
4）使用setData更新数据
数据绑定使用Mustache语法（{{}}）将变量或运算规则包起来
1）简单绑定（{{ }}）（内容、组件属性、控制属性）
2）运算{{ }}（算术运算、逻辑运算、三元运算、字符运算）
1）wx:if——判断是否数据绑定当前组件
2）block wx:if——多个组件进行条件数据绑定
1）wx:for——绑定数组，将数据中的各项数据循环进行数据绑定
2）block wx:for——多个组件进行列表数据绑定
1）定义模板
语法：
2）调用模板
语法：
1）import方式：定义模板代码
2）include方式：除模板之外的其他代码
1）定义事件函数 在.js文件实现
2）调用事件 注册事件
冒泡事件：是指某个组件上的事件被触发后，事件会向父级元素传递，父级元素再向其父级元素传递，一直到页面的顶级元素
非冒泡事件：是指摸个组件上的事件被触发后，该事件不会向父节点传递
小程序设计运营 第2篇
1.开发流程简单，零门槛制作
2.行业模板多样，种类齐全
3.丰富的功能组件和强大的管理后台
1.菜单栏
2.工具栏
包括页面管理和组件库
用来制作小程序页面的主要区域
4.属性面板
设置选定组件的属性及样式
“组件样式”选项卡用来设置组件的样式
1.双栏组件
2.分割线组件
3.弹窗组件
4.面板组件
5.自由面板组件
6.滑动面板组件
7.动态分类组件
8.分类导航组件
9.侧边栏组件
10悬浮窗组件
11.分类横滑组件
1.文本组件
2.图片组件
3.按钮组件
4.标题组件
5.商品列表组件
6.视频组件
8.轮播组件
9.公告组件
1.动态列表组件
2.个人中心组件
3.动态表单组件
4.评论组件
5.计数组件
6.地图组件
7.悬浮框组件
1.音频组件
2.动态容器组件
1.数据统计
2.用户管理
3.商品管理
4.订单管理
5.营销推广
6.账单总结
7.店铺管理
8.功能模块
9.系统设置
二次开发小程序是通过下载代码进行导入运行具体如下：
系统设置 / 微信小程序设置 / 版本设置
小程序设计运营 第3篇
组件是页面视图层（WXML）的基本组成单元，组件组合可以构建功能强大的页面结构。
<标签名 属性名=“属性值”>内容标签名>
属性：
id 组件的唯一的标识，保持整个页面唯一，不常用。
class 组件的样式类，对应WXSS中定义的样式。
style 组建的内联样式，可以动态设置内联样式。
hidden 组件是否显示，所有组件默认显示。
块级租件，主要用于布局展示。
可以实现滚动视图的功能
注意：
1）在使用竖向滚动时，如果需要给scroll-view组件设置一个固定高度，可以通过WXSS设置height来完成。
2）请勿在scroll-view组件中使用textarea、map、canva、video组件。
3）scroll-into-view属性的优先级高于scroll-top。
4）由于在使用scroll-view组件时会阻止页面回弹，所以在scroll-view组件滚动时无法触发onPullDownRefresh。
5）如果要实现页面下拉刷新，请使用页面的滚动，而不是设置scroll-view组件。这样做，能通过单击顶部状态栏回到页面顶部。
可以实现轮播图、图片预览、滑动页面等效果。
用来实现用户和应用之间的交互，同时按钮的颜色起引导作用。
小程序设计运营 第4篇
广告是指以海报、视频、音像等形式，出现在公共场所、交通等场所的广告，如地铁广告、电梯广告、大型商场、娱乐海报、视频宣传等，广泛地进行广告宣传。
促销活动：活动宣传主要是促进离线活动，通过组织一些活动的形式进行推广;校园、商朝、营销会议等。
栗子：如果你的小项目是一个与教育行业相关的小项目，你可以和大学一起赞助学校俱乐部，比如在开学时欢迎新生，获得很多曝光和印象。在高考等大型考试中，可以设立摊位，向考生和家长赠送公司的品牌信息礼品，并进行自愿的宣传活动。
例如，当举办马拉松等活动时，志愿者可以收集垃圾和其他公益活动，统一穿戴带有公司标志的衣服，增加公司形象和产品知名度，只要它很大，很拥挤，而且他们的产品与正能量有关。活动，可以参加哦。
十八、线下推广小程序
线下推广也还是建议先让用户关注公众号，然后再链接到小程序。小程序本身就是“用完就走”的应用，如果线下直接推广小程序，那么用户来了又走了，一个都没沉淀下来，不划算。
举例一：如果自己有实体店，在实体店张贴二维码，同时指导客人如何下单；
举例二：没有实体店，找行业相关有共同客户群体的实体店推，可以花点费用；例如卖童装的可以找一些只卖奶粉的母婴店，放一个海报。
小程序只是开始
小程序的更终使命还是为了链接服务，连接线下的商家，线下的流量。小程序“用完即走”的特点，第1步获取的只是访问量，而不能成为粉丝。
要让用户“用完再回来”，只有根据产品及服务的特性，策划一系列的活动，让粉丝真正互动起来，传播起来，这个时候才真正算是小程序运营成功了。
因此，小程序的运营和推广，不同的行业，不同的线下场景，都需要针对性地设计具体的方案，而不应该期望搬来即用。
阅读本文还阅读了
小程序设计运营 第5篇
分销意思是老用户帮我们介绍新用户，这个通过小程序就可以实现。例如我们跟用户说，您感觉我们的商品好，服务没问题，可以介绍身边的朋友也来买，操作很简单，登录我们的小程序，转发给您微信好友，或微信群。您朋友下单，您会有积分，礼品等等。具体看您所在的行业，卖的什么产品来定。
十一、微信群聊天推广，这个是主流渠道
这个方式我相信大家都懂，现在不管是做游戏类小程序还是文章类小程序都用的这种方法，而且大部分的销售企业老板都会利用微信使自己公司营销更快运作，就会在微信上建立起自己的微信营销群。因为没有哪个老板不想让自己的公司更上一次楼，久而久之微信上的营销群也越来越多。
十二、做搜索优化
搜索优化分为关键词优化和小程序名优化。小程序的名称具有一性，也就是说它的民称是无法被重复注册的，因此，抢先注册一个能够被大家熟知的名称尤为重要。
在选择名称的时候，一定要选择一些行业相关的高频率使用的词汇相结合。这样可以确保在用户搜索时能第1时间看到你的小程序。
另外，小程序已经支持自定义关联”关键词”，在小程序后台可更多配置 10 个关键词。
这个和百度推广的关键词类似，现在是免费的，而百度的要收费。
采用这个方法，目标用户精准，流量优质，但这类渠道目前较为稀缺，客户需求也较少，原因可能是小程序排名更新周期较长，一般半个月~一个月，对客户和渠道都伴随着很多不确定因素，另一方面目前小程序流量获取成本相对较低，更多客户愿意直接投放广告获取客户。
十三、付费推广
将小程序委托于第三方运营公司，转而在运营公司下的万千微信社群中转发流通促成大量激活。但是这个方法投放的用户群不一定都是小程序的目标用户，而如果产品本身存在问题的话，用户在小程序内的留存也不会很高。
十四、朋友圈小程序广告
小程序设计运营 第6篇
盒子模型结构
盒子模型元素
块级元素与行内元素：display属性控制
1.块级元素：
特点：一个块级元素占一行如添加新的块级元素自动换行
块级元素的宽度、高度、外边距及内边距都可以自定义设置
2.行内元素
display属性设置为inline
特点：不能设置高度和宽度
同一块内，行内元素与其他行内元素同占一行
3.行内块元素
display属性设置为inline—block
特点：可以设置高度、宽度、内外边距
元素可以显示在同一行
1.元素浮动与清除
浮动：float属性定义浮动
none——默认值，表示元素不浮动
left——元素向左浮动
right——元素向右浮动
清除：clear属性定义清除
left——清除左边浮动的影响
right——清除右边浮动的影响
both——同时清除左右两侧浮动的影响
none——不清除浮动
2.元素定位
position属性来实现页面元素的精准定位
static:默认值
relative:相对定位
absolute:绝对定位
fixed：固定定位
flex布局模型
1.容器属性
1）display
flex——块级flex布局，该元素变为弹性盒子
inline-flex——行内flex布局，行内容器符合行内元素的特征，同时在容器内又符合flex布局规范
2）flex-direction
row——主轴为水平方向，起点在左端
row-reverse——主轴为水平方向，起点在右端
column——主轴为垂直方向，起点在顶端
column-reverse——主轴为垂直方向，起点在底端
3）flex-wrap
nowrap——不换行，默认值
wrap——换行，第一行在上方
wrap-reverse——换行，第一行在下方
4）flex-flow
row nowrap——默认值
是flex-direction和flex-wrap的组合形式
格式： .box{flex-flow:
5）justify-content
justify-content——与主轴方向有关，默认主轴水平对齐，方向从左到右
flex-start——左对齐，默认值
flex-end——右对齐
center——居中
space-between——两端对齐，项目之间的间隔都相等
space-around——每个项目两侧的间隔相等
6）align-items
align-items——与交叉轴方向有关，默认交叉由上到下
flex-start——交叉轴起点对齐
flex-end——交叉轴终点对齐
center——交叉轴中线对齐
baseline——项目根据它们第一行文字的基线对齐
stretch——如果项目位设置高度或设置为auto，项目将在交叉轴方向拉伸填充容器，此为默认值
7）align-content
space-content——与交叉轴两端对齐，轴线之间的间隔平均分布
space-around——每根轴线两侧的间隔都相等，轴线之间的间隔比轴线轴线于边框之间大一倍
2.项目属性
1）order(顺序) 数值越小，排名越靠前，默认值为0
2）flex-grow(放大）默认值为0，即不放大
3）flex-shrink(缩小） 默认值为1，如果空间不足，该项目将被缩小
4）flex-basis(进行缩放) 定义伸缩项目的基准值，剩余的空间将按比例进行缩放，默认值：auto
5）flex 是对flex-grow、flex-shrink、flex-basis的简写，默认值为0、1、auto。
6）align-self 该属性会重写默认的对齐方式，除了auto以外，其余属性与容器align-items属性一致