python和uni-app开发app,微信小程序,支付宝小程序入门

app,微信小程序,支付宝小程序开发入门

说明: 开发用的是uni-app,开发者之前有过vue,小程序开发,可快速上手, 后端接口用python开发,之前也有过php,node.js开发的接口

uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架,开发者编写一套代码,可编译到的iOS,安卓,H5,小程序等多个平台。
python和uni-app开发app,微信小程序,支付宝小程序入门

  1. 首先开发者需先下载安装HBuilder X

  2. 微信小程序会用到微信开发者工具,下载安装微信开发者工具 第一次运行需要在HBuilderX中配置微信开发者工具的安装路径才能调用。还要配置端口,遇到问题自行百度。
    python和uni-app开发app,微信小程序,支付宝小程序入门

  3. 选择uni-app,输入工程名,如:shop,点击创建,即可成功创建uni-app
    python和uni-app开发app,微信小程序,支付宝小程序入门

  4. 项目目录说明

  5. python和uni-app开发app,微信小程序,支付宝小程序入门

  6. 有了初始框架模板之后,运行到浏览器 chrome就可以打开初始app hello uni-app, 熟悉之后新建页面。
    python和uni-app开发app,微信小程序,支付宝小程序入门

  7. 然后在pages.json中配置path路径,一般新建页面之后会自动添加路径
    python和uni-app开发app,微信小程序,支付宝小程序入门

  8. 然后配置全局样式,配置tabbar
    python和uni-app开发app,微信小程序,支付宝小程序入门
    9.运行app和微信小程序
    python和uni-app开发app,微信小程序,支付宝小程序入门
    python和uni-app开发app,微信小程序,支付宝小程序入门

  9. 访问本机http://localhost:8081/#/网页查看app
    python和uni-app开发app,微信小程序,支付宝小程序入门

  10. 运行微信小程序
    python和uni-app开发app,微信小程序,支付宝小程序入门

  11. 页面内容直接调用python开发好的接口来实现轮播图、商品列表、社区图片等功能。
    python和uni-app开发app,微信小程序,支付宝小程序入门