框架
小程序使用的是uniapp进行开发的
uniapp官网地址
使用了的框架是colorui
ColorUI官方地址
为啥使用uniapp
1.它有编写一套代码可以运行到不同的环境的能力,大大减少了开发的时间
2.学习成本低,只要会vue就可以进行开发
3.uniapp社区活跃,十分有利于发展
项目文件的作用
├── .hbuilderx # huibderx编辑器项目的一个特征
├── api # 存放部分接口的声明
├── colorui # 系统开发使用了colorui框架
├── components # 全局公用组件,里面封装了很多好用的组件
├── pages # 页面的文件目录
├── static # 静态文件
├── store # 全局 store管理(可以理解为当前页面的缓存)
├── components # 全局公用组件,里面封装了很多好用的组件
├── utils # 一些封装的方法
├── App.vue # 入口页面
├── main.js # 入口文件 加载组件 初始化等
├── environment.js # 环境变量配置(开发环境)这里面放了后端接口地址的变量
├── pages.json # 文件用来对 uni-app 进行全局配置,决定页面文件的路径、窗口样式、原生的导航栏、底部的原生tabbar 等。
└── manifest.json # 是 uni-app x 项目的配置文件,用于设置应用的名称、版本、图标等信息。在 HBuilderX 中创建项目时此文件保存在根目录。
vue-element-admin官网
element官网
vue 官网
如何启动
启动到浏览器
选择运行->运行到浏览器->选择一个你有的浏览器
可以看到启动成功了
调用的后端地址是如何设置的
核心必看
页面的结构
这个和我们之前讲的PC端页面结构是一样的
如何找到某个页面调用的接口
一样的先调出调试器 并且选择Network
调用的具体后端地址
查看传入给后端接口的参数
查看接口返回的响应
具体调用的代码位置
每个页面的生命周期函数
如果想深入了解这块 这是小程序必须学会的内容
页面周期超链接