前言:
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。具体问题也没遇到比较大的问题,这个都是官网有案例教程特别方便,不需要特别好的基础也可以实现代码项目,简单易上手。