• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

我的第一个微信小程序(一)--使用微信web开发工具创建小程序 ...

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

体验微信小程序

前几天微信小程序总算面向个人开发者,上微信公众平台注册个账号,没啥难度的。

开发小程序,需要下载微信web开发者工具,点我下载微信web开发者工具

当然在开发过程中少不了看微信小程序的API文档,点我看API文档

 

这个就是微信web开发者工具的界面,

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,分别为:

app.js 用于编写小程序逻辑代码
app.json 对小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab等等
app.wxss 小程序的全局样式,和css是一样的

 

下面是微信官方的一个app.json文件,里面的参数代表什么意思,参数有什么值,大家可以参照我上面说的api文档去看一下,讲解的很清楚,我就不再赘述了,节约时间。

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

一个小程序的页面有四个部分组成,例如上图中我写的welcome,里面包含welcome.js,welcome.json,welcome.wxml,welcome.wxss,

四个文件对应的作用

js 页面逻辑
json 页面配置
wxml 相当于html
wxss 相当于css,页面的样式

 

注意:这是文件的名字最好要一样,要不还得去配置

 

 

这就是小程序最基础的只是了,下一节正式开始小程序的开发


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap