zoukankan      html  css  js  c++  java
  • uni-app

    uni-app 

    https://www.cnblogs.com/guolianyu/p/10521970.html

    基于Vue.js的uni-app前端框架结合.net core开发跨平台project

     

    一、由来


     最近由于业务需要要开发一套公益的APP项目,因此结合所给出的需求最终采用uni-app这种跨平台前端框架以及.netcore快速搭建我们的项目,并且能做到一套代码跨多个平台。

    当然在前期技术框架选型方面尤其是前端,我们也是历经了许多波折,让我一 一道来:一开始我们接到app项目时,由于公司人手不足,无法开发原生的app,因此需要另辟途径,

    在我的脑海中我知道微软Xamarin工具可以实现一端多平台的开发,所以我就投入进去进行深入的研究,在搭建的过程中发现Xamarin的开发环境以及调试等出现各种各样的问题,而且网上的文档比较少,导致我越深入研究越没有信心,

    最终放弃了xamarin,这个工具真的不是很好用,可能是我还不了解吧。由于放弃了此工具,我就在想是否可以做一套H5然后套个壳,因此顺着这个思路我发现了一个新兴的框架uni-app,而且还是基于vue的,这个大大帮助我们,而且

    对于vue,楼主我之前只花了1周的时间来学习就基本掌握其中的要领,基本可以适应uni-app,话不多说赶紧入手,越研究越有趣,一套代码可以发布H5、小程序、APP(包含安卓和IOS),简直是福音呀。因此立马建立好前后端的项目底层框架,就开始干了。

    最终也是花了两周的时间把项目搞定并且推出了H5、小程序和安卓版的,并且在项目验收时得到了一致好评,也为楼主我晋升加薪开辟了道路,哈哈哈。

    当然此处还是要给出注意事项:uni-app 目前成熟度不够高,只适应一些中小项目,对于大型项目还需谨慎,当然也希望uni-app发展的越来越好。

    那么话不多说什么叫做uni-app前端框架呢?让我一 一道来。

    二、介绍


    1、vue.js

    官方文档:https://cn.vuejs.org/v2/guide/

    我们知道目前市面上最流行的前端框架有angular、react、vue,对于初学者来说vue是上手比较容易的,当然如果想比较这三者的优势,可以自行上网search一下。

    如:React、Angular、Vue.js:三者完整的比较指南等。

    Vue.js是一套用户构建用户界面的渐进式框架,只关注视图层,还方便与第三方库或项目整合。

    针对与vue的安装我们需要先安装一下node.js并且里面也有npm包管理工具,然后我们在把npm镜像替换成国内的路径,如淘宝的npm。速度非常的块。

    2、uni-app 

    是一个使用vue.js开发跨平台应用的前端框架,开发者编写一套代码,既可以编译成IOS、Android、H5、小程序等多个平台,是不是难以置信,好吧,我们应该相信。

    官方文档:https://uniapp.dcloud.io/

    unia-pp 在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势。

    三、整体项目


    1、项目采用前后端分离

    前端采用uni-app,后端采用 .net core2.2 的asp.net core webapi。并且加入了jwt令牌。

    2、前端

    前端采用的开发工具为HBuild,后端采用的是VS2017。

    前端整体页面操作动图,数据全是测试,只展示开发时的部分功能。

    3、后端服务器由于用户没有liunx服务器,因此就存放在windows2008R2 IIS上。效果还是不错的。

    四、总结


     有兴趣的同学可以好好研究一下。当然如果想和我交流欢迎。

  • 相关阅读:
    《人件》读书笔记
    《人月神话》读书笔记
    使用表驱动编程设计打印万年历
    maven spring整合mybatis是使用junit测试报字节序列的错误
    idea中建立maven web项卡在Generating Project in Batch mode
    ideaIU-2016.2.5激活
    maven初步入门demo
    Scala基础篇-04 try表达式
    面试题12-旋转数组的最小值
    scala基础篇-03 if与for
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/10554048.html
Copyright © 2011-2022 走看看