微信小程序开发日记1

啊啊啊啊,第一天学习微信小程序!!!

 这个界面好酷,我喜欢!!!

 好吧,第一次编译就报错了,让我来看看是哪个熊孩子。。。

首先——复制报错,百度——

小程序 -- [sitemap 索引情况提示] 根据 sitemap 的规则[0],当前页面 [pages/index/index] 将被索引_Muizai的博客-CSDN博客这位博主说——这个警告已经告诉我们是属于sitemap索引情况提示,我们去微信官方文档搜一下sitemap,发现可以在project.config.json里面去进行配置,有个checkSiteMap的配置项,默认为true,改成false就不会报sitemap的警告了。

好的!开整!!!这是project.config.json页面:

输入:"checkSiteMap":false后居然报红了!!!好的,还是百度——project.config.json文件中配置checkSitMa显示错误,哪里出了问题? | 微信开放社区 (qq.com)

这位博主的本地设置是设置-项目设置调出来的,不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书

这一项需要打钩,也就是下面这样:

好了,console的报错是没有了,但是还是编译不出来,因为issues又出现问题了(想哭)一直查不到原因,,,

好吧,还有我有一位好老师,他愿意帮我看看,指出我的错误在于我的app.json中的home页面没导到程序中去,需要调整"pages/home/home"在"pages"的最前面,修改后——

 好了,编译出来了——

 补充一下我的代码:

home.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"
}

效果:

好了,搞下一个程序:

新建一个exex文件夹,但是没有像创建home文件那样自动配置文件夹里面的四个文件,百度——

(2条消息) 微信小程序快速创建页面自动生成文件_魑魅魍魉9527的博客-CSDN博客

在app,json配置文件直接写页面路径会自动生成对应文件夹 和 对应 .js .json .wxml .wxss

添加后的结果:

 接下来:

代码:

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>

 总结:wxs文件

实例3:

猜你喜欢

转载自blog.csdn.net/qq_46486280/article/details/126865219