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

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

uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架,开发者编写一套代码,可编译到的iOS,安卓,H5,小程序等多个平台。
在这里插入图片描述

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

  2. 微信小程序会用到微信开发者工具,下载安装微信开发者工具 第一次运行需要在HBuilderX中配置微信开发者工具的安装路径才能调用。还要配置端口,遇到问题自行百度。
    在这里插入图片描述

  3. 选择uni-app,输入工程名,如:shop,点击创建,即可成功创建uni-app
    在这里插入图片描述

  4. 项目目录说明

  5. 在这里插入图片描述

  6. 有了初始框架模板之后,运行到浏览器 chrome就可以打开初始app hello uni-app, 熟悉之后新建页面。
    在这里插入图片描述

  7. 然后在pages.json中配置path路径,一般新建页面之后会自动添加路径
    在这里插入图片描述

  8. 然后配置全局样式,配置tabbar
    在这里插入图片描述
    9.运行app和微信小程序
    在这里插入图片描述
    在这里插入图片描述

  9. 访问本机http://localhost:8081/#/网页查看app
    在这里插入图片描述

  10. 运行微信小程序
    在这里插入图片描述

  11. 页面内容直接调用python开发好的接口来实现轮播图、商品列表、社区图片等功能。
    在这里插入图片描述

Logo

前往低代码交流专区

更多推荐