亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

json:

project.config.json:項目配置

app.json:全局配置

page.json:頁面配置

.json:配置文件，三種：全局，頁面，項目配置

wxml:模板文件，藐視頁面結構，相當于html

.wxss:樣式文件，調整樣式，相當于css

.js:腳本邏輯文件，頁面和用戶之間的交互

111

頁面交互JS

1、JS負責邏輯交互

2、計數器demo

onTapHandler:function(){

//this.data.count++;

this.setData({

count: this.data.count+1

});

},

事件機制

1、事件是對用戶的交互操作行為的相應

2、bind VS catch

console.log( ) ;

頁面構成wxml

1、wxml全稱是weixin Markup Language,是小程序框架設計的一套標簽語言，結合小程序的基礎組件、事件系統，可以構建出頁面的結構。充當的就是類似HTML的角色

2、常用的組件：打開小程序開發文檔中的組件——

在base中的wxml中：<view></view>顯示在界面上

數據綁定

小程序中的數據一般情況下需要動態的從服務端獲取，然后再渲染輸出到視圖中顯示。

wxml中的動態數據均來自對應Page的data。

數據綁定使用Mustache語法（雙大括號）將變量包起來

//數組對應的索引，以及索引對應的值，index表示小程序對應的索引，item表示循環時索引所代表的值。

wx:for遍歷數組，如：<view wx:for="{{arr數組名 }}">

{{index}} {{item}}

</view>

例子：base.wxml中

<view>{{msg}}</view>

<image src ="{{image}}"></image>

<view wx:for="{{arr}}"> wx:key="{{index}}">

{{index}}? {{item}}

</view>

<view wx:for="{{list}}"> wx:key="{{index}}">

{{iteem.name}}? {{item.age}}

</view>

列表渲染

wx:for? {{index}} {{item}}

wx:key

條件渲染

使用wx:if="{{condition}}"來判斷是否需要渲染該代碼塊，也可以用wx:elif和wx:else來添加一個else塊

例如：<view wx:if="{{isLogin}}">jerry</view>

<view wx:else>請登錄</view>

wx:if? VS hidden：如果需要頻繁切換的情境下，用hidden更好，如果在運行時條件不大可能改變則wx:if較好

<view hidden="{{！isLogin}}">hidden</view>

代碼構成

.json:配置文件，以json格式存儲一些配置；全局配置、頁面配置、項目配置

.wxml:模板文件，描述頁面結構，相當于HTML;

.wxss:樣式文件，調整頁面樣式，相當于CSS；

代碼構成

.json:配置文件，以json格式存儲一些配置；全局配置、頁面配置、項目配置

.wxml:模板文件，描述頁面結構，相當于HTML;

.wxss:樣式文件，調整頁面樣式，相當于CSS；

.js:腳本邏輯文件，頁面和用戶的交互邏輯；

../代表向上一級目錄；

style中wxss為公用得樣式；

微信小程序第三方組件庫

WeUI：與原生相同

iView Weapp：

Vant Weapp：有贊公司出品

云數據庫

本質是JSON數據庫（key:value）

數據類型：

1. String：字符串

2. Number：數字

3. Object：對象

4. Array：數組

5. Bool：布爾值（true，false）

6. GeoPoint：地理位置（latitude，longitude）

7. Date：時間（客戶端時間）
   

云函數

• 獲取appid

• 獲取openid

• 生成分享圖

• 調用騰訊云sdk

• 對數據庫操作

  
  

云數據庫

• 對數據庫增刪改查

云存儲

• 管理文件

• 上傳文件

• 下載文件

• 分享文件
  

rp使用前要 裝環境npm?install?--save?request
npm?install?--save?request-promise

npm?模塊卸載
npm?uninstall?--save?request
npm?uninstall?--save?request-promise

更換?npm源
npm?config?set?registry?https://registry.npm.taobao.org?
npm?config?set?registry?https://mirrors.huaweicloud.com/repository/npm/
//?配置后可通過下面方式來驗證是否成功
npm?config?get?registry
//?或
npm?info?express

云函數環境中，安裝第三方庫：

1、云函數中安裝axios，在當前云函數目錄下打開終端，輸入安裝命令：

?npm install axios --no-fund

D:\★MIE軟件\小程序\學習\movie-imooc\cloudfunctions\movielist>npm install axios

npm WARN [email protected] No description

npm WARN [email protected] No repository field.

+ [email protected]

added 2 packages from 4 contributors in 1.016s

3 packages are looking for funding

?run `npm fund` for details

D:\★MIE軟件\小程序\學習\movie-imooc\cloudfunctions\movielist>npm fund

[email protected]

+-- https://github.com/sponsors/RubenVerborgh

| `-- [email protected]

+-- https://github.com/sponsors/feross

| `-- [email protected]

+-- https://www.patreon.com/feross

| `-- [email protected]

+-- https://feross.org/support

| `-- [email protected]

`-- https://github.com/sponsors/epoberezkin

? `-- [email protected]

D:\★MIE軟件\小程序\學習\movie-imooc\cloudfunctions\movielist>npm install --no-fund

npm WARN deprecated [email protected]: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.

> [email protected] postinstall D:\★MIE軟件\小程序\學習\movie-imooc\cloudfunctions\movielist\node_modules\protobufjs

> node scripts/postinstall

npm WARN [email protected] requires a peer of typescript@>=2.7 but none is installed. You must install peer dependencies yourself.

npm WARN [email protected] No description

npm WARN [email protected] No repository field.

added 73 packages from 184 contributors in 5.465s

data

movieList :[]?

move。js

Vant Weapp?是有贊移動端組件庫?Vant?的小程序版本，兩者基于相同的視覺規范，提供一致的 API 接口，助力開發者快速搭建小程序應用。github 地址：https://github.com/youzan/vant-weapp

下載

云存儲

第三方組件庫

json文件

?

hidden加載但是隱藏。

個人主體賬戶，不能用支付，卡包。

主體注冊后不能修改

申請共企業公眾號的，直接在公眾號里面申請小程序，不需要付費。