小程序的开发--檀老师 2020.06.05

• 一、文件结构

维信小程序的整体构架

内容：

所有的包不要超过2兆

一个微信小程序程序主体部分由三个文件组成，必须放在项目的根目录，

1. appjs (小程 序逻辑)
2. . app.json (小程序公共设置)
3. app.wxss (小程序公共样式表)

一个微信小程序页面由四个文件组成，分别是:

1. wxml (页面结构) ~~~~html======>买房子
2. WxXSS (页面样式表) ~~~css=====>装修
3. json (页面配置)
4. js (页面逻辑)
   其中json和wxss文件为非必须(默认会继承app的json和wxss默认设置)。

• 前段框架

整个前端系统分为两块:
视图层(View)：我们可以看到的
逻辑层(App Service)：

让数据与视图保持同步。当做数据修改的时候，只需要在逻辑层修改数据,视图层就会做相应的更新。

• 二、微信小程序–文件结构

微信小程序程序包含:
一个描述整体程 序的app
多个描述各自页面的page

• 三、小程序配置app.json

1. app.json

当前小程序的全局配置:包括了小程序的
页面路径、界面表现、网络超时时间、底部tab等。

2. 工具配置project.config.json

通常大家在使用一个工具的时候，都会针对各自喜好做一些个性化配置，例如界面颜色、编译配置等等，当你换了另外-台电脑重新安装工具的时候,你还要重新配置。

3. 页面配置page.json

每一个小程序页面也可以使用json文件来对本页面的窗口表现进行配置。
页面的配置比app.json全局配置简单得多，只是设app.json 中window
配置项的内容，页面中配置项会覆盖app.json的window中相同的配
置项。

解释：

①pages:小程序由哪些页面组成,第- 项代表小程序的初始页面
②window:用于设置小程序的状态栏、导航条、标题、窗口背景色。
③tabBar:如果我们的小程序是-一个多tab应用(客户端窗口的底部有tab栏可以切换页面)，那么我们可以通过tabBar配置项指定tab栏的表现，以及tab切换时显示的对应页面。(必须显示在首页,最多只有五个）

④networkTimeout:可以设置各种网络请求的超时时间。
⑤debug: 可以在开发者工具中开启debug模式，在开发者工具的控制台面板，调试信息以info的形式给出，其信息有Page的注册，页面路由，数据更新，事件触发。

• 四、微信小程序框架逻辑层(App Service)

小程序开发框架：
逻辑层是由JavaScript编写逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。

逻辑层(App Service): appjs和page.js

• app.js

注意:
①App()必须在app.js中注册， 且不能注册多个。
②不要在定义于App(内的函数中调用getApp()，使用this就可以拿到app实例。
③不要在onLaunch的时候调用getCurrentPage(),此时page还没有生成。
④通过getApp0)获取实例之后,不要私自调用生命周期函数。

• page.js

• 五、 基础组件

什么是组件:
组件是视图层的基本组成单元。
组件自带一-些功能与微信风格的样式。
一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。

<tagname property= "value' >
Content goes here....
</tagename>

基础组件分为以下八大类:
●视图容器(View Container)
●基础内容(Basic Content)
●表单(Form)
●导航(Navigation)
●多媒体(Media)
●地图(Map)
●画布(Canvas)
●客服会话

• 六、微信小程序API

架提供丰富的微信原生API,可以方便的调起微信提供的能力，如获取用户信
息，本地存储，支付功能等。

API列表:
●网络API
●媒体API
●文件API
●数据API
●位置API
●设备API
●界面API

• 七、独立服务端

独立服务端服务器程序的开发可以自由选择，python、 java、 nodejs等等
独立服务器的开发相对云服务器的开发复杂，但优势明显，具体是选择云服
务器还是独立服务器就需要根据你的业务需求来决定。
独立服务器开发需要的环境: .
●至少-台独立主机
●域名
●ssl证书