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、结果,简单但也是自己一步一步做的,开欣。
最新文章
- Python—RabbitMQ
- 【Python】pip国内安装源
- 什麼是 mvc
- Html做三个平台原生APP啦
- 初探 Ext JS 6 (sencha touch/ext升级版)
- LNMP 环境发布项目
- 【HDOJ】4162 Shape Number
- Visual Studio的2个有趣的插件:声音控制和放屁:)
- jQuery Easy UI LinkButton(button)包
- hdu 4198 Quick out of the Harbour(BFS+优先队列)
- 【luogu2161】【SHOI2009】Booking会场预约
- [物理学与PDEs]第2章第2节 粘性流体力学方程组 2.4 粘性热传导流体动力学方程组
- jQuery选择器 :eq() 不能识别变量参数的问题解决方案
- mysql数据库修改数据表引擎的方法
- 2017.07.07【NOIP提高组】模拟赛B组
- Linux操作系统加固
- 升级nginx 和nchan
- 2018.10.2浪在ACM 集训队第三次测试赛
- eclipse中如何去掉复制代码有行号的数字
- 20145324王嘉澜 《网络对抗技术》 MAL_逆向与Bof基础
热门文章
- Java实现 蓝桥杯VIP 算法训练 统计单词个数
- Java实现 蓝桥杯VIP 算法训练 回文数
- Java实现第十届蓝桥杯质数
- Java实现第八届蓝桥杯购物单
- Linux RPM管理命令
- UVIYN MMDVM充电宝支持APRS与 YSF
- 曹工说JDK源码(3)--ConcurrentHashMap,Hash算法优化、位运算揭秘
- 搜索相关性算法在 DiDi Food 中的搜索
- linux下的mysql目录
- curl: (35) LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to storage.googleapis.com:443