uni-app学心得

 

 前言：

1.uni-app（uni，读you ni，是统一的意思) 是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。

2.uni-app编辑工具HBuilder X(下载网址：DCloud - HBuilder、HBuilderX、uni-app、uniapp、5+、5plus、mui、wap2app、流应用、HTML5、小程序开发、跨平台App、多端框架)。

3.uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。

4.uni-app官网功能齐全，是一个不错的学习网站（网址：uni-app官网）。

5.uni-app实现了一套代码，同时运行到多个平台。

操作流程概况：

1.安装编辑工具HBuilder X、安装部分插件。

 2.创建uni-app项目。

3.选择 uni-app类型，输入工程名，选择模板，点击创建，即可成功创建。uni-app自带的模板有 默认的空项目模板、Hello uni-app 官方组件和API示例，还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。

 4.浏览器运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到浏览器 -> 选择浏览器，即可体验 uni-app 的 web 版。

 5.运行结果：

6

 本学期学习学习心得：

        本学习期学习了uni-app,将uni-app组件、生命周期、api、云数据库等进行了学习。这些看似简单运用起来确实有一定的困难，这个学期我们用一个新闻综合案例将以上知识进行了实战。次外我们小组在没有老师指导的情况下也进行了项目实战。我主要负责项目的登录注册，现进行部分功能介绍。

表单校验，注册也是如此。

 

登录成功后，自动跳到首页，此次功能调用了API接口，注册也是如此。此项目用到组件调用、API请求、 异步请求、存数据到token。具体问题也没遇到比较大的问题，这个都是官网有案例教程特别方便，不需要特别好的基础也可以实现代码项目，简单易上手。