为了账号安全,请及时绑定邮箱和手机立即绑定

入门微信小程序开发

连胜 全栈工程师
难度中级
时长 1小时40分
学习人数
综合评分9.43
178人评价 查看评价
9.7 内容实用
9.0 简洁易懂
9.6 逻辑清晰
  • 请问不同页面传值成功后,如何在detail 页面显示值?
    查看全部
  • page
    查看全部
  • ```

    {

    "pages": [

    "pages/index/index",

    "pages/logs/logs",

    "pages/join/join"

    ],

    "window": {

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "WeChat",

    "navigationBarTextStyle": "black"

    },

    "sitemapLocation": "sitemap.json",

    "tabBar": {

    "selectedColor": "#000",

    "list": [{

    "pagePath": "pages/index/index",

    "text": "首页",

    "iconPath": "images/bar.png",

    "selectedIconPath": "images/bar_s.png"

    },

    {

    "pagePath": "pages/join/join",

    "text": "加入",

    "iconPath": "images/joinin.png",

    "selectedIconPath": "images/joinin_s.png"

    }]

    }

    }

    ```

    查看全部
  • ```

    {

    "pages": [

    "pages/index/index",

    "pages/logs/logs",

    "pages/join/join"

    ],

    "window": {

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "WeChat",

    "navigationBarTextStyle": "black"

    },

    "sitemapLocation": "sitemap.json",

    "tabBar": {

    "selectedColor": "#000",

    "list": [{

    "pagePath": "pages/index/index",

    "text": "首页",

    "iconPath": "images/bar.png",

    "selectedIconPath": "images/bar_s.png"

    },

    {

    "pagePath": "pages/join/join",

    "text": "加入",

    "iconPath": "images/joinin.png",

    "selectedIconPath": "images/joinin_s.png"

    }]

    }

    }

    ```

    查看全部
  • {

    "pages": [

    "pages/index/index",

    "pages/logs/logs",

    "pages/join/join"

    ],

    "window": {

    "backgroundTextStyle": "light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "WeChat",

    "navigationBarTextStyle": "black"

    },

    "sitemapLocation": "sitemap.json",

    "tabBar": {

    "selectedColor": "#000",

    "list": [{

    "pagePath": "pages/index/index",

    "text": "首页",

    "iconPath": "images/bar.png",

    "selectedIconPath": "images/bar_s.png"

    },

    {

    "pagePath": "pages/join/join",

    "text": "加入",

    "iconPath": "images/joinin.png",

    "selectedIconPath": "images/joinin_s.png"

    }]

    }

    }


    查看全部
  • index.js相当于js文件

    index.wxml相当于html文件

    index.wxss:相当于css文件

    小程序首页是pages/index/index

    小程序必须是操作数据,通过数据渲染页面,更像是vue/react。

    Page的生命周期配置:Page()函数用来注册一个页面。接受一个Object参数,其指定页面的初始数据、生命周期函数、事件处理函数等。

    代码结构:

    pages是路由页面指定的页面模块,模块下的每个目录是一个组件,每个组件都包含了js、wxml、wxss文件。

    utils:包含一些公用方法。

    根目录下:

    app.js:小程序加载时的入口,包含全局方法和全局变量。

    app.json:包含小程序的基本配置,pages是路由(指向路径,配置后自动生成),window是小程序框架的设置,主要是顶部的设置。

    app.wxss:包含公用的css样式。

    project.config.json:包含开发者的自定义配置。

    查看全部
    0 采集 收起 来源:代码结构讲解

    2019-05-07


  • 编译模式:

    1.普通编译默认是编译首页,在根目录下的app.json中可以设置首页。

    2.若要编译其他的页面则需添加编译模式自行设置。

    进入场景:如何进入微信小程序页面,不同的方式对应不同的场景值。

    预览/远程调试:在自己的手机上进行操作。

    测试:微信小程序官方用真机的形式帮你进行测试。

    小程序已经有很多个版本,每个版本支持的API不同,可以选择不同的版本,查看小程序运行效果。

    查看全部
  • 微信开发者工具:在官网下载。

    左边是模拟器区域、右边是编辑区域。

    1. 1.下载微信开发者工具

    2. 2.扫码登录

    3. 3.创建小程序项目(绑定AppID和选择本地目录)

    查看全部
  • 通过公众号注册时,如果公众号已经认证过,则小程序不需要重复认证。

    通过官网直接注册则必须认证。

    查看全部
  • 个人/企业都可注册小程序

    审核未通过时根据提示修改代码

    查看全部
  • API:微信给小程序提供的API,根据实际需要选择使用  。

    框架:框架层的一些约定和配置(前后端 ),与网页开发不同。

    开发微信小程序时必须使用微信官方提供的微信开发者工具。

    开发者社区可以让开发者解决和讨论bug。

    查看全部
  • 3.通过分享卡片进入

    4.在公众号的菜单中跳转或者在文章中嵌入卡片进入

    查看全部
  • 以微信为载体。

    查看全部
  • 微信
    查看全部
  • tarbar的配置使用

    查看全部
  • index.js  :js

    index.wxml: 相当于html

    index.wxss: css

    查看全部
    0 采集 收起 来源:代码结构讲解

    2019-05-02

  • 小程序入门
    查看全部
  • 123123213123123

    查看全部
    0 采集 收起 来源:代码结构讲解

    2019-04-24

举报

0/150
提交
取消
课程须知
1、对html基础知识已经掌握。 2、最好是前端开发者,对数据渲染有一定了解。
老师告诉你能学到什么?
1、知道什么是微信小程序 2、小程序的宣传方式 3、小程序的开发流程 4、注册小程序的方法 5、小程序开发工具的了解 6、新建小程序项目并开发 7、开发中常见的问题

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!