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

本文介绍了uniapp开发中的关键点，包括框架选择（colorui）、项目文件结构、启动方法、后端地址配置、页面结构以及页面生命周期函数的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

框架
为啥使用uniapp
项目文件的作用
如何启动
调用的后端地址是如何设置的
核心必看

框架

小程序使用的是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 中创建项目时此文件保存在根目录。