字母哥毕业前端项目介绍方案(小程序端)

框架

小程序使用的是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
在这里插入图片描述
调用的具体后端地址
在这里插入图片描述
查看传入给后端接口的参数
在这里插入图片描述
查看接口返回的响应
在这里插入图片描述
具体调用的代码位置
在这里插入图片描述

每个页面的生命周期函数

在这里插入图片描述
如果想深入了解这块 这是小程序必须学会的内容
页面周期超链接

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值