uni-app开发学习总结_uni-app框架总结提炼-优快云博客

本文介绍了UNI-APP基于Vue.js的跨平台应用开发框架，强调其一次编写、多端发布的特性，以及与SpringBoot、Mysql的集成。此外，还详细展示了如何在uni-app中实现TabBar管理和页面切换功能，以及SpringBoot的简化配置和MySQL的特性与优势。

UNI-APP开发前置条件：springboot myssql vue.js。

uniapp介绍：

Uni-app是一个基于Vue.js框架的跨平台应用开发框架，它可以让开发者使用Vue.js语法来开发一次代码，然后将代码编译成多个平台的原生应用，包括iOS、Android、H5等。以下是Uni-app的一些特性和优势：

跨平台开发: Uni-app支持一次编写代码，多端发布，开发者可以使用Vue.js开发一套代码，然后通过编译器将代码转换成iOS、Android、H5等多个平台的原生应用。
基于Vue.js: Uni-app采用了Vue.js框架作为基础，开发者可以使用熟悉的Vue.js语法进行开发，具有良好的开发体验和生态支持。
组件化开发: Uni-app采用组件化开发模式，开发者可以将页面拆分成多个组件，实现代码复用和组件化管理，提高开发效率。灵活扩展: Uni-app提供了丰富的插件和扩展机制，开发者可以通过插件扩展功能，满足不同项目的需求。
性能优化: Uni-app在性能优化方面做了很多工作，包括减小包体积、提高渲染性能、优化网络请求等，保证应用在不同平台上的流畅性和稳定性。
一体化开发工具: Uni-app提供了一体化的开发工具，包括IDE、调试器、模拟器等，方便开发者进行开发、调试和发布。
社区支持: Uni-app拥有庞大的开发者社区和用户群体，提供了丰富的文档、教程和插件，方便开发者学习和解决问题。

springboot介绍：

Spring Boot是一个用于构建Java应用程序的开源框架，它基于Spring框架，旨在简化Spring应用程序的创建和部署过程。这些是他的一些特性和优势：

简化配置: Spring Boot采用约定优于配置的理念，通过自动配置来减少开发人员的配置工作。它提供了许多默认配置，可以根据项目需求进行修改。
内嵌式容器: Spring Boot支持将应用程序打包为可执行的JAR文件，并内置了多种常用的Servlet容器（如Tomcat、Jetty等），无需额外配置即可运行。
起步依赖: Spring Boot提供了一系列预先配置好的依赖，称为"起步依赖"（starter dependencies），可以简化项目的依赖管理工作。
自动化: Spring Boot提供了大量的自动化配置，包括自动扫描、自动装配等，可以减少开发人员的手动配置工作，提高开发效率。
监控和管理: Spring Boot集成了许多监控和管理功能，如健康检查、性能监控、远程管理等，可以方便地对应用程序进行监控和管理。
微服务支持: Spring Boot与Spring Cloud框架集成良好，可以方便地构建和部署微服务应用程序。

、

mysql介绍：

MySQL是一个流行的开源关系型数据库管理系统（RDBMS），广泛应用于Web应用程序和企业级应用程序中。这些是MySQL的特性和优势：

开源: MySQL是开源的，可以免费获取和使用，同时也有商业版提供高级功能和支持。
跨平台性: MySQL可以在多种操作系统上运行，包括Linux、Windows、macOS等，具有良好的跨平台性。
性能优异: MySQL经过优化和持续改进，具有出色的性能表现，在处理大规模数据和高并发访问时表现良好。
可扩展性: MySQL支持主从复制、分区、分布式事务等技术，可以实现数据库的水平和垂直扩展，满足不同规模和需求的应用场景。
安全性: MySQL提供了多种安全功能，包括用户权限管理、数据加密、审计日志等，可以保护数据库的安全性和完整性。
灵活性: MySQL支持多种数据存储引擎，如InnoDB、MyISAM等，可以根据具体需求选择合适的存储引擎。
标准兼容: MySQL遵循SQL标准，并且支持多种编程语言的接口，如Java、Python、PHP等，方便开发人员进行应用程序开发。
社区支持: MySQL拥有庞大的开发者社区和用户群体，提供了丰富的文档、教程和论坛支持，方便开发者学习和解决问题。
总结：MySQL是一个功能丰富、性能优异、可靠稳定的关系型数据库管理系统，适用于各种规模和类型的应用程序开发。

、

学习的新功能

tarBar管理标签页

操作步骤：新建一个uni-app项目。在pages文件夹分别创建想要命名创建的目录和同名vue文件。

如图：

随后在page.json文件中:输入"tabBar": {
       "color": "#000000",
       "selectedColor": "#07c160",
       "backgroundColor": "#ffffff",
       "borderStyle": "black",
       "list": [
           {
               "pagePath": "pages/hall/hall",
               "text": "hall"
           },
           {
               "pagePath": "pages/analyse/analyse",
               "text": "analyse"
           },
           {
               "pagePath": "pages/home/home",
               "text": "home"
           }
       ]
   }

如图：

再在顶部pages[]中输入你想要穿插的管理页要求例如："pages": [
       {
           "path": "pages/index/index",
           "style": {
               "navigationBarTitleText": "uni-app"
           }
       },
       {
           "path": "pages/hall/hall",
           "style": {
               "navigationBarTitleText": "Hall"
           }
       },
       {
           "path": "pages/analyse/analyse",
           "style": {
               "navigationBarTitleText": "Analyse"
           }
       },
       {
           "path": "pages/home/home",
           "style": {
               "navigationBarTitleText": "Home"
           }
       }
   ],
如图：