Ahhhh, le premier jour d'apprentissage des applets WeChat ! ! !
Cette interface est tellement cool, je l'aime! ! !
Eh bien, une erreur a été signalée la première fois que je l'ai compilé, laissez-moi voir de quel morveux il s'agit. . .
Tout d'abord - erreur de copie, Baidu -
Applet--[rappel de l'état de l'index du plan du site] Selon la règle du plan du site [0], la page actuelle [pages/index/index] sera indexée_Blog de Muizai-blog CSDN Ce blogueur a dit-cet avertissement nous a dit qu'il appartient au plan du site invite d'état de l'index . Recherchons le plan du site dans le document officiel WeChat et constatons qu'il peut être configuré dans project.config.json. Il existe un élément de configuration checkSiteMap, qui est vrai par défaut. S'il est changé en faux, l'avertissement du plan du site ne sera pas signalé. .
D'ACCORD! ouvrir! ! ! Voici la page project.config.json :
Entrée : "checkSiteMap": Faux, il est devenu rouge ! ! ! D'accord, c'est toujours Baidu - la configuration de checkSitMa dans le fichier project.config.json affiche une erreur, quel est le problème ? | Communauté ouverte WeChat (qq.com)
Les paramètres locaux du blogueur sont appelés à partir de Paramètres - Paramètres du projet et ne vérifient pas les noms de domaine légaux, la vue Web (noms de domaine d'entreprise), les versions TLS et les certificats HTTPS
Cet élément doit être coché, c'est-à-dire :
Eh bien, l'erreur de console a disparu, mais elle ne peut toujours pas être compilée, car il y a à nouveau un problème avec des problèmes (j'ai envie de pleurer) et je ne trouve pas la raison ,,,
Eh bien, j'ai un bon professeur, il est prêt à m'aider, soulignant que mon erreur est que la page d'accueil de mon app.json n'est pas importée dans le programme, et je dois ajuster "pages/home/home" dans "Le recto des pages", après modification——
Ok, c'est compilé——
Ajouter à mon code :
accueil.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>
home.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 () {
}
})app.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"
}Effet:
Ok, passons au programme suivant :
Créez un nouveau dossier exex, mais il ne configure pas automatiquement les quatre fichiers du dossier comme la création d'un fichier personnel, Baidu——
(2 messages) L'applet WeChat crée rapidement des pages et génère automatiquement des fichiers
Dans l'application, le fichier de configuration json écrit directement le chemin de la page, et le dossier correspondant et le fichier .js .json .wxml .wxss correspondant seront automatiquement générés
Le résultat après avoir ajouté :
Suivant:
code:
exex.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>
Résumé : fichier wxs
Exemple 3 :