1云平台优势
2基础知识
- 了解栅格简单基础知识,可参考 栅格系统
- 常用容器、布局配置规则:
1)COL要放在ROW下面;控件要放在COL里面;
2)COL要改成非父栅格才可以往里面放控件;
3)表单区域需要套一层FORM,包括编辑表单区域、查询表单区域;标签文本和输入框可以调整成左右或者上下结构,在表单的外层FORM上修改表单类型即可;表单区域有配置校验,也需要配置FORM来定位;
4)FORM里面不要嵌套多层FORM;
5)PANEL_GROUP里面可支持多个GROUP,分组可收缩展开,但只能同时打开一个分组,其他分组是收缩状态;GROUP支持2种样式,分别为PANEL和GROUP-BOX;
6)SEARCH-FORM是查询表单,FORM-COLUMN是编辑表单,TOOLBAR是放置按钮(BUTTON),按钮外层也必须要有TOOLBAR;
7)SEARCH-FORM和FORM-COLUMN容器里面不要放TOOLBAR,可以再新增ROW放置TOOLBAR。 - 常用控件介绍
文本框、数字文本框、下拉框、复选框、日期控件、联想控件、多行文本等。 - 界面原型介绍
- electron应用,想了解可参考electron
3环境配置
1 用户配置
点击个人设置-用户配置-用户项目配置菜单,在左侧选择对应视图,然后配置页面原型本地端口和本地路径,然后保存。
2 资源包
1) 登录ftp下载培训资料压缩文件,并解压到本地,ftp地址:ftp.glpaas.gillion.com.cn ,用户名和密码都是glpaasPublic;
2)打开培训资料,解压electron应用到本地,文件如下图所示:
3)将压缩文件里面的【page.rar】资源包解压到第一步配置的目录下,解压完压缩包不要删除;(也可以在本地启动electron,直接下载资源包)
4界面原型配置
配置可以参考gschool文档界面原型。
视频参考:
http://training.gillion.com.cn/course/29/task/401/show;
http://training.gillion.com.cn/course/29/task/402/show;
5习题演练
练习环境请登录master:http://master.glpaas.gillion.com.cn/
账户可以让项目经理统一邮件申请。登录master,切换到CSL基础系统视图,记得选完视图一定要点击【切换】!
5.1单表
当前表单编辑模式。
5.2简单主从表
一主一从表,主子表格内编辑模式。
5.3复杂主从表
一主两从表,主对象新增页面编辑,子表当前表单编辑模式。
管理页
新增页面-主表
新增页面-扩展信息