找回密码
 立即注册

QQ登录

只需一步,快速开始

willning
超级版主   /  发表于:2023-6-13 16:24  /   查看:1557  /  回复:0
本帖最后由 willning 于 2023-6-15 09:09 编辑

活字格V9.0引入了一整套美观的页面模板,开发者可以一键使用预制的模板创建出一个美观的页面来,修改数据加载、页面交互和数据提交逻辑即可完成常规页面的开发。

image.png288618773.png

很多开发者从中看到了缩短页面开发时间之外的更多价值,比如可以借助这个机制创建出一套自己公司或团队的开发规范,让大家从公司的模板库中挑选页面模板,而不是从头开始。这样做显然可以让开发效率更高、可维护性更强,即便团队中新加入的成员,也能做出和之前风格匹配的页面了。不过,如何添加自定义的模板,在创建页面时可以直接选择呢?

首先,页面模板存储在设计器的安装路径下,如:C:\Program Files\Forguncy 9\Website\DesignerResources\Language\cn\PageTemplates。里面每一个文件夹对应了创建页面时供开发者选择的一个模板。所以,您只需要创建一个自己的文件夹,然后将包含有该页面和配套示例数据(这里得使用内置数据库)的fgcc工程文件和配图,以及配置文件存进去。再次打开设计器时,就可以使用这个模板了。

配置文件中是一个json对象,示例如下:
image.png156983336.png

从上到下分别是:
category:选项卡的名字
name:模板的名字
IsMobileMode:是否为手机页面,false的意思是PC页面
main:fgcc文件的名称
logo:左侧列表中的小图
thumbnail:右侧预览框的大图

需要注意的是,在使用模板创建页面时,设计器会直接将main的fgcc文件中全部内容导入到当前的工程,为了避免冲突,建议您为不同的模板中的不同页面、母版页和示例数据表起不同的名字,避免重名带来的麻烦。

对于,默认情况下,这个文件夹的权限级别很高,您可以在拷贝文件前,先修改PageTemplates文件夹的权限,将Users授予“完全控制”权限即可。

image.png580168456.png

最终出来的效果如下:
image.png463367309.png

评分

参与人数 1满意度 +5 收起 理由
amtath + 5

查看全部评分

活字格新手训练营由资深技术人员为您“引路”,系统化集中的学习,让您少走弯路,效率更高。点我来报名:
https://app.grapecity.com.cn/lowcodecampus/?source=GCDN

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部