相信聪明的你已通过《01.平台简介及安装配置》一节已经成功搭建好平台并已可以登陆到平台的开发环境。
按照惯例,程序员接触一门新语言总是从‘hello world’程序开始,那本节我们就从一个简单的应用《学生信息管理系统》应用开始吧!
准备好了吗?那就跟我step by step开始吧!强烈建议您:按照步骤一步一步动手实际操作,而不是只是阅读,这样才能感受真正的开发过程,并熟悉掌握平台使用哦
安装配置好开发平台
本示例使用SQL Server2012作为后台数据库(注意sql版本必须为2012或以上)
双击平台目录biglogic下的start.bat运行开发平台(为了以后方便,你可以将start.bat发送到桌面快捷方式),在打开的浏览器(推荐使用最新版Chrome)登陆页面输入账号及密码登陆,直到出现主开发界面:

火眼金睛的你一眼就看到了顶部的错误提示!那是什么?是的,平台需要连接一个后台数据库作为“主数据库”用来保存平台的一些系统数据(如组织机构、用户、角色等)。接下来我们继续。
因平台是可以开发复杂应用及多应用系统的,所以提供了”数据源管理“功能,可添加多个数据源链接应用数据库,不同应用可连接各自的应用数据库,而公用一套”主库”数据源(如组织机构、用户等)。这里,我们这个实例应用比较简单,也为了叙述方便,只创建一个学生管理数据库biglogic_student并同时作为主库,使用MSSQL自带的SSMS管理工具建好这个数据库。

接下来,在平台的“数据中心”里创建这个数据源,填写好数据库信息后,点击“测试连接”确保连接ok,再“提交保存”出现“提交成功”提示。

接下来,按图示将这个数据源设置为“主库”,数据源列表名称右边的加星表明这个为主库。

需要注意:平台只能有一个数据源为“主库”。
特别说明:信息里填写的KEY可理解为数据源的”编码“,唯一标识一个数据源,创建好之后不能再更改,也不允许重复,在后续需要编写代码时可能会使用到!
根据预想,应用"学生管理”要管理学生的基本信息等,所以要创建一个表student。
选中数据源"学生库”的“数据表管理”,点击“创建”,输入表信息后点“确定”:

录入字段信息后点击“保存”,即建表成功。

平台提供了应用分类管理的功能,先增加一个分类“入门学习”点击它,点击右边的“创建新系统”,填写应用相关信息,注意为演示方便”数据库防护“先选”禁用“(我们以后再详细说明这个功能),数据源选中”学生库“,并确定保存,就创建好了应用。



接下来,我们要开发应用功能了。点击应用卡片的“开发”,再点击“功能开发”页:


这里必须先选择一个“当前版本”,才能继续,应用创建时已自动创建了“版本1”。版本是什么?想象我们努力开发了一套系统并正式发布如v1,客户用了一段时间,提出了一堆新的修改升级需求,为了至尊的用户我们只好含泪加班升级。这时为了安全不能直接修改线上v1版本,通常要从v1克隆出来个v2版本,升级开发过程都是在v2中进行,升级好并测试通过后,就可以将v2版本设置为“激活”版本发布了,客户再次登陆就是使用最新v2版本了。
选择“版本1”后,界面如下,我们日常开发大部分工作都在这里进行。

“模块页面”标签下包含了所有页面管理,如页面很多,可创建“页面分类”进行管理。接下来,我们要创建第1个页面“学生管理”。选择左边的页面分类,点击“创建新页面“,并填写页面信息,注意”页面标识“(即页面KEY)很重要,在导航菜单或链接等地方要用到,点击”确定“建好。


点击页面名称”学生管理“即打开了页面设计器:

为了方便讲解设计开发过程,录了个视频。
一些组件的主要设置:
行容器e8
高度:100%,为了占据整个屏幕高度
通用报表rep1
id:rep1,为方便以后代码里使用到
查询设置:sql语句“select * from student order by code”
查询字段:除id外的其他所有需显示的字段
查询条件:学号、姓名、年级、班级、身份证、是否在校(下拉单选)
分页:开启分页,每页大小:20
功能按钮:只启用:查询、高级、创建、编辑、删除
可以看到,学生管理列表页面,就是拖拽组件到页面或容器中,并做一些属性的设置,大部分样式设置是即时反映生效,目前还不需要我们写一行代码。设计完成后,点击顶部“保存”图标,点击“预览”,即可打开预览页面。只是现在还没有一条记录。下面我们开始设计学生编辑页面了。
如法炮制,我们再创建一个新页面,KEY为“xsbj”,页面名“学生编辑”,并进行设计。
拖拽一个“表单容器”到页面中,指定表单组件的“数据库表名、ID字段”,并快捷批量创建出学生表的需填写字段(注意根据字段可选中不同的组件类型),然后逐一设置输入组件的一些属性,如“下拉单选”需要指定列表数据,身份证需要指定“校验规则”,日期时间类组件需要指定初始值及格式等,之后保存页面。
那么做好的“学生编辑”页面如何与“学生管理”页面联动使用呢?平台的通用报表组件已经实现了“自动档编辑”功能,只要"学生管理“页面的通用报表组件的”编辑页Key“属性值指定为“学生编辑”的页面KEY就可以了。
上述的“学生管理”页面我们是通过设计时预览运行的,那实际运行该怎么做呢?我们还需要进行发布应用。
先点击“设置启动页”按钮,选择启动页面为‘学生管理’,再“激活”版本。含义是:应用运行时会自动加载“已激活”的版本的“启动页”。

我们还需要正式发布应用,应用才能在“应用中心”桌面上显示出来。

发布后,我们回到“应用中心”桌面,可看到应用图标,点击它就打开了“学生管理”页面。


庆贺一下吧!我们已经完成了第一个应用!并且没有写一行代码!这就是”无代码“能力!
尽管它看起来有些简单,有些地方作为实际应用还有待优化,但实际上在设计时和运行时,平台后台都处理了大量任务和工作,以最大化提供友好而又强大的快速开发能力。
下节,我们将对这个应用继续优化。下节再见!