优特云
[ { "name": "首页", "url": "http://www.utyun.com/", "target": "0", "child": [] }, { "name": "活动", "url": "http://www.utyun.com/h-col-141.html", "target": "0", "child": [] }, { "name": "产品", "url": "", "target": "1", "child": [ { "name": "U语言", "url": "http://www.utyun.com/h-col-176.html", "target": "0", "child": [] }, { "name": "U平台", "url": "http://www.utyun.com/h-col-150.html", "target": "0", "child": [] } ] }, { "name": "技术与服务", "url": "", "target": "1", "child": [ { "name": "运维服务", "url": "http://www.utyun.com/h-col-161.html", "target": "0", "child": [] }, { "name": "技术方案", "url": "http://www.utyun.com/h-col-178.html", "target": "0", "child": [] } ] }, { "name": "优特云学院", "url": "", "target": "1", "child": [ { "name": "教程", "url": "http://www.utyun.com/h-col-166.html", "target": "0", "child": [] }, { "name": "下载中心", "url": "http://www.utyun.com/h-col-170.html", "target": "0", "child": [] }, { "name": "论坛", "url": "http://www.utyun.com/h-col-169.html", "target": "0", "child": [] } ] }, { "name": "关于优特云", "url": "", "target": "1", "child": [ { "name": "企业概况", "url": "http://www.utyun.com/h-col-171.html", "target": "0", "child": [] }, { "name": "新闻动态", "url": "http://www.utyun.com/h-col-172.html", "target": "0", "child": [] }, { "name": "加入我们", "url": "http://www.utyun.com/h-col-173.html", "target": "0", "child": [] }, { "name": "团队风采", "url": "http://www.utyun.com/h-col-140.html", "target": "0", "child": [] } ] } ]

快速入门
快速入门

用户5594 最后一次编辑

3 个月前 40

1 后端工程开发

1.1 注册并登录

注册地址:https://pre-mobile.utyun.com/oauth2/#/。

1.2 设计并开发方案 

登录成功后,系统会你默认创建一个工程,并打开设计模式,你可以在当前画布内进行方案设计。
在画布右侧下方基础组件库中,拖动一个【模块】组件到画布中,选中模块组件,右侧显示模块属性栏,修改模块名称为“登录模块”,如下图所示。
按照同样的方法,我们在创建一个流程容器,并修改流程容器名称为“登录流程”,如下图
鼠标左键双击【登录模块】,进入登录模块内部画布,如下图所示。
在画布左侧基础组件库中,拖拉【框架容器】到画布中,并且修改框架容器名称为“登录框架”如下图所示。
鼠标左键双击【框架容器】,进入框架容器内部画布,然后在公开组件库找到平台研发组件/数据算法/用户相关逻辑/用户相关逻辑/函数层/查询用户是否注册,鼠标右键点击【查询用户是否注册】函数,点击“引用”,讲函数引用到画布中,放到函数层,如下图所示。
然后我们在公开组件库中找到平台研发组件/用户中心/账号体系管理模块/登录认证服务/app/用户名_手机号_密码登录,用同样的方法,引用【用户名_手机号_密码登录】函数到画布的函数层中,如下图所示。
接下来,我们在公开组件库中找到平台研发组件/用户中心/账号体系管理模块/登录认证服务/用户中心/用户登录信息,用同样的方法,引用【用户登录信息】数据表到画布数据层的数据库中,如下图所示。
然后,我们创建术语,从基础组件库拖出一个术语模型到画布中,命名为“用户是否注册”,并进行属性设置,如下图所示。
其中术语中配置函数的方法如下图所示,选择‘函数’类型的词语,下拉选择使用的函数名称,然后填写参数,在本例子中,username参数值填写“luaDomainCompiler.luaIf(true, function() luaDomainCompiler.luaAddStdVarToContextData("用户名","username","string","") return "用户名" end, nil )”,acountSystem参数填写“luaDomainCompiler.luaIf(true, function() luaDomainCompiler.luaAddStdVarToContextData("体系","systemKey","string","") return "体系" end, nil )”。
按同样的方法,我们创建术语“账号密码登录”,如下图所示。
然后我们在“登录框架”右上角点击【关闭】按钮,一层层关闭回到画布顶层,也可以右侧画布节点树上点击“登录流程”快速回到画布顶层,如下图所示。
然后鼠标左键双击“登录流程”容器,进入流程容器内部,如下图所示。
我们将在登录模块开发的术语引用到流程容器中,如下图所示。
然后在公开组件库中找到平台研发组件/云端编译/云端编译/领域语言层下找到“!”术语,引用到画布中,如下图所示。
我们按照同样的操作引用当前工程“登录模块”中的“账号密码登录”术语,引用公开组件库中的“!”术语,并按业务进行连线,如下图所示
至此我们完成对了对后端工程的方案设计,然后我们点击右上角【保存】按钮,保存成功后,点击【编译】,编译成功后,点击【发布】按钮,发布成功。

2 前端工程开发

2.1  创建前端工程

点击工程名称,弹出工程列表,将鼠标移动到列表最末尾,点击【+】,然后选择“前端”工程,如下图所示,创建了名字为“工程3”的前端工程。
将鼠标放在“工程3”上将工程改名为“登录界面”,如下图所示
点击“登录界面”工程,进入前端工程编辑页面,如下图所示。

2.2  设计并开发前端界面

在画布左侧的基础组件库中,找到“容器”组件,拖动到画布中,并且在画布左侧修改容器高度属性为固定。这样就可以任意调整容器的尺寸,如下图所示。
然后拖一个图片组件到容器中,上传需要的图片,并得到图片地址,如下图所示。
接下来,删掉图片,点击容器,在容器样式中,将图片地址填入背景色,如下图所示。
我们用同样的方法,上传一张图片,设置一下应用背景色,如下图所示。
然后,我们像容器内拖入文本和输入框组件,如下图所示。
在组件右侧属性栏中,修改字体大小、颜色。样式,摆放位置后,效果如下图所示。
下面,我们拖拉一个弹窗组件,调整一下样式,用于显示用户未注册提示,如下图所示。
接下来,我们新建一个页面,并修改名称为登录页面,通过组件拖拉以及属性修改的方式,页面如下图所示。
现在我们页面设计好了,然后开始配置事件,选择登录按钮,在右侧属性栏“onClick”点击“高级设置”,操作如下图所示。
“登录”按钮点击动作的最终配置如下图所示。
至此,界面开发完成,我们可以点击“登录”按钮看效果,有什么问题可以进行修改,如无问题,我们点击“部署”按钮,完成前端页面的开发,如下图所示。

优特云