一、项目开发
一、应用需求分析(分析)
1、梳理需求
输出需求说明文档(功能详情图、功能表格)图1。
1、1功能点划分(图2)
1、基于需求说明,梳理出主要功能点。
2、为每个功能点,给出合适的技术实现方案。
3、选择:基于需求说明,梳理出需要使用的开放服务、调研不同的开放服务商所提供的服务是否能满足自己应用的需求
2、进行UE/UI设计
输出UE/UI设计: 产品原型文件、原始UI设计图、UI切图
图1
图2
二、分析(架构) B/C架构设计,完整的前后端分离,在移动端实现界面和功能,在服务端提供数据和服务。
三、项目开发
(1)、根据UI实现项目界面。
根据用户体现美化和改善
(2)、根据功能设计数据库 。
根据功能关联的表的联系(对应-一对一、一对多、多对多)
(3)、根据界面和数据库开始进行交互和服务。
交互之间的验证
(4)、整体运行和调试 。
四、整理文档(接口文档、安装说明、功能说明文档)
二、优秀法则
一、前端框架:
尽量不要使用jQuery、AngularJS、BootStrap等重型的框架,摆脱对$的依赖,培养自己动手的习惯,但是可以根据功能需求在特定页面中使用功能独立的Mobile First框架
默认样式设置、DOM操作和字符串处理推荐使用APICloud前端框架(api.js和api.css)
移动端UI框架推荐使用AUI
二、 屏幕适配:
要正确设置viewport,建议使用720*1280尺寸的UI图,优先考虑绝对计量类的单位 px,应先在UI效果图中(如720x1280尺寸图)量出元素的宽或高对应的 px 值,再除以屏幕倍率(如分辨率为720x1280设备的屏幕倍率通常为 2) 来得到书写样式时的确切数值。
APICloud项目验收时会根据设计提供的UI图尺寸(如720x1280),在对应屏幕分辨率的手机设备(如720x1280)中安装运行,将运行后的页面与UI效果图一一进行对比。
H5界面的实现要与UI设计完全一致,精细到0.5px。
openFrame/FrameGroup等时,应使用auto结合margin布局,以动态适应变化无常的android设备屏幕。
推荐文档:屏幕适配原理及实现
三、 配置外部字体:
可以根据项目的需要引入外部字体,但是要控制外部字体文件的大小,字体文件不宜过大。
Android上默认有3种字体:sans, serif, monospace,在开发人员不指定的情况下,默认为sans,这3种字体在开发过程中都是通过字体名进行引用,系统会自动对应到内置字体文件。但是,对于外部的字体文件,Android上无法实现通过引擎配置后成为内置的字体文件,只能通过@font-face的方式在每个页面中重复加载,每一个要使用外部字体的Window或Frame都要引入一遍,如果字体体积过大会占用大量内存,并且影响页面的加载速度。
三、 支付业务:
支付宝,微信等密钥必须存放在服务器端,不应暴露在APP代码中。
支付订单金额应由服务器产生,服务器一定要对支付宝、微信服务器回调的支付结果做最终校验。
三、网页代码组织:
尽量将同一个界面的HTML、CSS和JS代码写在一个html文件中,提高页面加载速度;公用的CSS、JS尽量少和小,不要在html页面中随意加载无用的CSS或JS文件;尽量减少页面中的link或script标签的使用。在浏览器中,外部文件的引入和加载过程是同步操作,影响整个页面的执行效率。