专栏首页京程一灯微信小程序商城开发---真机测试有用!!!!

微信小程序商城开发---真机测试有用!!!!

原文作者:htmlk 原文链接:github.com/htmlk/wechat


接入hotapp二维码统计

好推hotapp官网地址:https://weixin.hotapp.cn/

实例教程

一、环境搭建

在官网文档找到自己电脑适合的版本下载,直接安装(本人不建议使用破解版)

接下来会提示使用微信二维码登录,直接扫码登录

二、下载demo

直接使用git工具clone 上述代码,点击添加项目,将本程序添加到项目中即可!

(appid选择无AppID,项目名随便取不一定是文件名,选择下载下来的目录)

三、开始编写代码

进入调试页面(左边是调试预览,右边是类似于谷歌网页调试的工具)

进入编辑代码页面

1、app.json是项目的配置文件,如右图显示,

第一部分(黑色框)是pages是整个里的页面,每添加页面一个页面,都要把路径写在这里:

第二部分tabbar只要配置这些文件就可以产生app底部的导航(具体可参见文档)

第三部分是widows全局配置

2、pages是指你每个页面里面有四个文件json(配置文件),js(自己编写的js),wxml(相当于html),wxss(相当于css)

3、公共文件可以一般存储在远端,目前开发可以在本地新建,例如images(不能使用icon文件)

附部分源码:

app.js

app.json

app.wxss

点击下方“阅读原文”,获取全部源码。

本文分享自微信公众号 - 京程一灯(jingchengyideng),作者:htmlk

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-01-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 程序员应该知道的13个设计技巧

    我是一个程序员,不是设计师。我没有受过设计师的训练。我也没有读过关于设计的书籍。尽管如此,在数年的开发过程中,我学会了让自己的网站和应用看起来很专业。

    疯狂的技术宅
  • MVVM框架下实现分页功能

    分页这种组件,几乎每一种框架都有这样的组件,近期我们做了新的项目,因为是在新的分支和新的项目中开发的一期任务,属于什么都没有的状态,几乎所有的效果和业务逻辑都需...

    疯狂的技术宅
  • 用Node.js把HTML转成PDF格式[每日前端夜话0x46]

    在本文中,我将展示如何使用 Node.js、Puppeteer、headless Chrome 和 Docker 从样式复杂的 React 页面生成 PDF 文...

    疯狂的技术宅
  • Confluence 6 权限概述 原

     Confluence 管理员不一定是空间管理员。如果一个用户是 Confluence 的管理员(Confluence Administrator)的全局权限的...

    HoneyMoose
  • 微信小程序开发指引

    官方文档教程1:http://bcoder.cn/wxopen/ 官方文档教程2:http://bing.aliaii.com/wxopen/  本文档将带你一...

    用户1220053
  • Python神技能 | 使用爬虫获取汽车之家全车型数据

    最近想在工作相关的项目上做技术改进,需要全而准的车型数据,寻寻觅觅而不得,所以就只能自己动手丰衣足食,到网上获(窃)得(取)数据了。 汽车之家是大家公认的数据做...

    小小科
  • 谷歌开源 Python Fire;一张图读懂 Python、R 的大数据应用等 | 开发者头条

    谷歌开源 Python Fire NASA 发布 2017-2018 软件目录,供开发者免费使用 一张图看懂大数据中 R 语言的应用 一张图看懂大数据中 Py...

    AI研习社
  • Python神技能 | 使用爬虫获取汽车之家全车型数据

    最近想在工作相关的项目上做技术改进,需要全而准的车型数据,寻寻觅觅而不得,所以就只能自己动手丰衣足食,到网上获(窃)得(取)数据了。

    马哥linux运维
  • 页面相似度检测,对SEO起到什么作用?

    我们知道百度蜘蛛对页面更新频率和页面原创度是情有独钟的,如希望网站快速获取排名这两点我们必须满足,而做SEO的我们都知道,长期的大量创造原创文章不但是及其辛苦也...

    蝙蝠侠IT
  • 双十一狂欢的背后和NODE.JS不得不说的故事

    腾讯NEXT学位

扫码关注云+社区

领取腾讯云代金券