1.axure(工具)
制作原型的工具(草图,基本接近于最终成品的功能)
2.软件的开发流程
1)可行性分析(宏观级别)
2)需求分析
产品经理(axure=>原型 )
具有一定开发经验
同甲方沟通交流产品需求
ui设计师(ps、蓝湖=>美化页面)
有一定的美术基础
3)开发(代码)
前端开发
后端开发(java)
大数据
物联网
人工智能
…
4)测试(黑盒测试、白盒测试)
软件测试工程师
5)部署上线
6)交付
7)运维
运维工程师(精通操作系统)
操作系统:windows、linux、unix、mac
3.Axure工具介绍
菜单栏
文件、编辑、视图、项目、布局、发布
工具栏
属性栏
页面导航
元件库
工作区
样式、交互、注释
4.axure
axure工具生成的文件后缀名 .rp
.rp文件可以生成.html文件(发布 => 生成html文件)
Axure页面布局原则
上 => 下
左 => 右
外 => 内
颜色的取值
关键字 red
十六进制的值 #ffffff =>白色
rgb函数 rgb(0 0 0) =>黑色
rgb(255 255 255) =>白色
rgba函数 rgba()
5.了解熟悉使用了axure菜单栏、工具栏、元件库、样式及交互的功能,熟悉了矩形控件、图片控件的使用以及非默认icons的导入。
6.对应关系
元件 => html(搭建页面骨架)
样式 => css(修饰页面)
交互 => JavaScript(交互)
7.axure 高级使用
1)变量的使用
eg.加法的运算、点赞数字的增加
目标元件的值 => 局部变量 =>全局变量
2)动态面板
eg. 轮播图 圆点交互、箭头交互
3)中继器
eg. form动态表单的删除、查找、增加
利用中继器制作form表单的时候,要注意后期设置交互时使用的局部变量名称不能与中继器数据库表单名称相同。
若要在页面中实现行信息的添加:
1、点击之前设置的提交按钮进行交互操作:
1)新建交互=>单击时=>添加行
2)在相应的位置添加对应的fx函数,注意局部变量名称
2、提交按钮设置交互,添加行结束后进行模态框的隐藏
8.写项目的整体思路
1)html、css还原axure原型(页面的重构) => 模拟数据(静态)
2)js 数据对接(前端) => Java(C、C++、nodejs)(后端) =>数据库(MySQL)(数据库)
9.团队协作
版本控制工具:svn、git
a 首页(组长) 整体架构
b 我的
c 帮助
注册账号Axure Cloud => 选择项目进行邀请(邀请不同邮箱之间可以互通、qq邮箱互相邀请无法收到邀请信息)