微信小程序 商城首页 开发教程

今天接到客户的一个需求，需要做一个商城首页单页应用，不需要内页，点击商品需要跳转网页。

附上效果图：

1、首先下载微信开发工具，新建一个微信项目。APPID从申请的微信小程序后台获取，如果没有申请小程序，可以让别人申请过的授权你成为开发者，这样你可以不用申请也可以开发。当然不申请也可以，不用填写APPID。可能有的功能会限制使用。

2、新建好的微信小程序会有默认示例，具体结构如下：

模板文件都在pages下面。例如首页文件 pages/index

里面有三个文件分别是 首页的JS 首页的HTML 首页的CSS.

3.开发完成后的结构：

其中：utils/http.js 是封装请求文件

         config.js 是配置文件，例如请求网址可放在里面。内页调用的时候引入就可以了。

如有不明白的可微信。

代码实例下载地址：https://gitee.com/sywlgzs/wxxcydy