¡Ahhhh, el primer día de aprendizaje de los applets de WeChat! ! !
Esta interfaz es genial, ¡me gusta! ! !
Bueno, se informó un error la primera vez que lo compilé, déjame ver qué mocoso es. . .
En primer lugar - error de copia, Baidu -
Applet--[recordatorio de estado del índice del mapa del sitio] De acuerdo con la regla del mapa del sitio [0], la página actual [páginas/índice/índice] se indexará_blog de Muizai-blog CSDN Este blogger dijo: esta advertencia nos ha dicho que pertenece al mapa del sitio indicador de estado del índice . Busquemos el mapa del sitio en el documento oficial de WeChat y encontremos que se puede configurar en project.config.json. Hay un elemento de configuración checkSiteMap, que es verdadero de forma predeterminada. Si se cambia a falso, la advertencia del mapa del sitio no se informará. .
¡DE ACUERDO! ¡abierto! ! ! Aquí está la página project.config.json:
Entrada: "checkSiteMap": ¡Falso, se volvió rojo! ! ! De acuerdo, sigue siendo Baidu: la configuración de checkSitMa en el archivo project.config.json muestra un error, ¿cuál es el problema? | Comunidad abierta de WeChat (qq.com)
La configuración local del blogger se llama desde Configuración - Configuración del proyecto y no verifica los nombres de dominio legales, la vista web (nombres de dominio comercial), las versiones TLS y los certificados HTTPS.
Este elemento debe marcarse, que es el siguiente:
Bueno, el error de la consola se fue, pero todavía no se puede compilar, porque hay un problema con los problemas nuevamente (ganas de llorar) y no puedo encontrar la razón,,,
Bueno, tengo un buen maestro, él está dispuesto a ayudarme, señalando que mi error es que la página de inicio en mi app.json no se importa al programa, y necesito ajustar "páginas/inicio/inicio" en " El frente de las páginas", después de la modificación——
Ok, está compilado——
Añadir a mi código:
inicio.wxml
<!--pages/home/home.wxml-->
<text>pages/home/home.wxml</text>
<!--三元运算-->
<view hidden="{
{showTest ? '显示内容' : '不显示内容'}}"> </view>
<!--算术运算-->
<view>{
{a+b}}+1+{
{c}}+d=?</view>
<!--逻辑运算-->
<view wx:if="{
{length > 5}}">1</view>
<!--字符串运算-->
<view>{
{"hello"+name}}</view>
<!--数据路径运算-->
<view>{
{object.key}} {
{array[0]}}</view>
casa.js
// pages/home/home.js
Page({
/**
* 页面的初始数据
*/
data: {
showTest:false,
a:1,
b:2,
c:3,
d:4,
length:5,
name:'小程序',
object:{
key:25
},
array:['arr1','arr2']
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
aplicación.json
{
"pages": [
"pages/home/home",
"pages/index/index",
"pages/logs/logs"
],
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "Weixin",
"navigationBarTextStyle": "black"
},
"style": "v2",
"sitemapLocation": "sitemap.json",
"lazyCodeLoading": "requiredComponents"
}
Efecto:
Bien, hagamos el siguiente programa:
Cree una nueva carpeta exex, pero no configura automáticamente los cuatro archivos en la carpeta como crear un archivo de inicio, Baidu——
(2 mensajes) El subprograma WeChat crea rápidamente páginas y genera archivos automáticamente
En la aplicación, el archivo de configuración json escribe directamente la ruta de la página, y la carpeta correspondiente y el .js .json .wxml .wxss correspondiente se generarán automáticamente
El resultado después de agregar:
Próximo:
código:
exe.wxml
<!--pages/exex/exex.wxml-->
<text>pages/exex/exex.wxml</text>
<wxs module="m1">
var msg="hello world";
module.exports.message=msg;
</wxs>
<view>{
{m1.message}}</view>
Resumen: archivo wxs
Ejemplo 3: