13-01-uniapp 项目 框架

项目立项

1 企业技术选型 - 几大主流技术之间的关系

1. Angular.js 和 Ionic
   • Angular1官网
   • Angular2官网
   • Ionic 中文网
   • Ionic 英文官网
2. Vue.js 和 Weex
   • Vue.js官网
   • Weex文档
   • Weex - github地址 - 新
   • Weex - github地址 - 旧
3. React.js 和 React-Native
   • React.js英文官网
   • ReactNative中文网
   • ReactNative英文网

Angular, Vue, React 这三个都是前端框架，我们在进行混合App开发的时候，只是用到了这三个框架的基础语法而已； Ionic， Weex， ReactNatvie 这三个都是打包工具，能够把我们开发出来的应用，最终打包成一个可安装的手机端程序安装包；同时，这三个东西，也提供了好用的一些小组件；

市面上常见的App开发方式

• WebApp：基于浏览器实现的，有特定功能的网站，称作WebApp（本质就是一个网站，只不过功能很复杂，所以把它叫做 Web 类型的 APP）
  • 例如：百度脑图、https://m.jd.com/、https://m.taobao.com/#index
  • 优点：跨平台（最大的优点）
  • 缺点：依赖网络，有白屏效果，相对来说，用户体验差；不能调用硬件底层得设备，比如摄像头；
• NativeApp：用android和Object-C等原生语言开发的应用
  • 优点：体验好；用户使用起来很流畅；非常适合做游戏【性能高】；可以直接调用硬件底层的API；
  • 缺点：不能跨平台
• HybirdApp：利用前端所学的知识去开发移动端App，兼具2者的优势
  • 优点：能够跨平台；体验会好一些；能够调用硬件底层API；
  • 缺点：相对于原生体验稍微弱一丢丢；不适合做游戏；
  • 混合App适合做应用类型得App，比如外卖，比如非游戏类型得软件；
  • 混合APP开发的特点：外层用原生的NativeContainer来包裹所有的应用程序代码；同时这个NativeContainer也提供了调用硬件底层API的能力；注意：在NatvieContainer中，运行的不是原生的机器码，而是我们的HTML + CSS + JS搭建的出来的网页；

三种技术选型的对比

Flutter

是google出的一门专门用来替代android和ios的一门技术

2 项目开发流程

第一步:需求分析

产品经理

1》需求分析 形成出版的原型图 以下是产品经理用的工具

• mockplus 摹客
• 磨刀
• axure

第二步 产品经理和项目经理商量

​ 1》 将原型图交给设计师

​ 2》 项目经理梳理梳理出后台功能

第三步 产品经理完全定好原型设计图,并同客户沟通

原型设计图：
维修原型设计图

四 开会，技术选型，开始研发

1》 前端技术选型

​ vue和weex的技术栈 , 选型用uniapp

2》 后端的技术栈 PHP + MySQL

uniapp

uniapp网址

UI框架

vantui

graceui

网站链接
账号密码私密

websocket

即时通信，全双工通信的协议