day01微信小程序

一、基本概要

1、一个程序接口，可以集成很多功能，也就是在程序上再次开发

　　腾讯：微信+小程序

　　阿里：支付宝  +小程序

      小程序的使用量很多

2、为什么要微信小程序？

    1、微信用户群体大

    2、容易推广，并且开发方便

3、怎么开发小程序？

      用户在微信中--小程序发送请求---返回结果

4、API：restful接口（python+框架） pycharm

     小程序：用微信开发者工具：就是微信语言（微信开发的语言，这种语言和前端的js特别相似）

    对我们来说：pycharm和微信开发者工具都需要

    二、环境搭建

      1、python环境

            虚拟环境：django、drf

            pycharm

      2、小程序环境

         1、申请账号

                  搜索微信公众平台-小程序-个人-按流程来

                  保存账号密码，以及自己的appID

         2、下载开发者工具，在页面的最下方，未登录的时候下载，最好下载稳定版。

 三、写代码

          直接新建小程序--注意填入自己的appID，然后不选择云开发

          创建完后，界面分为三个部分：预览区，目录区、代码区

          

          其中utils属于工具，pages是写的页面，每个页面都有4个文件，最下面的两个是爬虫的文件

        

      xxx.json是配置文件，其他的就是后缀名写相应的内容

      其实一般在写代码的时候，这些文件都是全部删除的，但是一个小程序至少一个app.json

     1、 在app.json中至少有一个字典{"pages":[]}   但是还报错

     2、在项目中创建一个文件夹，取名pages-然后再创建文件夹index--然后右击page-选择index，就会　　自动在index页面中产生4个文件，这样写完后，步骤1的错误就会自动解决。

     3、在xxx.wxml文件中写页面内容，记住两个标签<text>类似span  <view>类似div 

<text>first wechat program</text>
<view class='c1'>div</view>

 

    4、在xxx.wcss中写css代码，然后保存就可以了

.c1{
  color:red
}

  5、可以点”预览”，在手机上看自己的小程序结果啦，注意需要创建一个app.js文件，除此之外

       还含有真机调试，显示一步一步的效果。

 6、结果，简单但也是自己一步一步做的，开欣。