微信应用号,小程序开发(下)

接着上一篇微信应用号,小程序开发(上)

这里是一篇实例

  • 新建一个项目,打开一个HelloWorld
Paste_Image.png
  • 看一下项目目录的文件。
Paste_Image.png
  • 这个项目目录中,app.js是小应用的基本入口,包含了对于登录接口的调用,获得用户数据

    Paste_Image.png

  • app.json这个文件是对于这个应用外观的一些配置项,包括字体和导航菜单等样式的配置以及对于路由页面的配置

    Paste_Image.png

  • 在说一下对于一个完整的页面而言,其实小程序就是对于node和react的打包实现所以基本的一个页面也是采用HTML+CSS得实现方式,那么对于一个页面而言,比如说index页面部分,.wxml.xss就是包装版的HTML(XML)或是CSS。

    Paste_Image.png

    Paste_Image.png

  • 那么尝试些一个小的应用

  1. 先在app.json中进行配置,新增一个新的页面,就直接丢到index下
    Paste_Image.png
  2. 新建一个hello.wxml和一个hello.js ,因为不做特别的用处,所以直接将index.js的代码copy过来就好了
    Paste_Image.png
  3. 同样操作hello.wxml为了区别它和index的不同,给它加上一个<image>标签,随便丢张图片
    Paste_Image.png
  4. 再在配置文件app.json中加上一个list作为一个导航链接
    Paste_Image.png
  5. 切换到调试界面点击重启,观看效果
    Paste_Image.png

    Paste_Image.png

暂时就到这里吧,可以还不能在真机上进行测试~唉
参考文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 转载请注明出处, 谢谢! (~ o ~)Y 1月9日,也就是今天,微信推出的“小程序”正式上线。“小程序”是一种无...
    Jimmy_P阅读 14,448评论 52 273
  • 最近由于公司需求要做小程序开发,而且做h5的前端同事现在都很忙,所以我们移动开发就开始学习这个微信小程序了,...
    无沣阅读 1,645评论 1 4
  • 原文:http://gold.xitu.io/entry/57e34d6bd2030900691e9ad7/pro...
    AiPuff阅读 2,520评论 0 3
  • 今天看了一个短短七分钟的《我是演说家》视频――《做一个怎样的子女》。 灵光乍现般打通了任督二脉,一幕幕鲜为人知不值...
    有鹊春生阅读 340评论 7 5
  • 求职节目非你莫属,相信都非常熟悉,一个大众电视化求职节目,相对比较客观,公正,能够面对公司老板进行应聘,现...
    马唐阅读 305评论 0 0