willning 发表于 2023-6-13 16:24:03

一看就会,超有用活字格技能:一百七十六、为设计器添加自定义页面模板

本帖最后由 willning 于 2023-6-15 09:09 编辑

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



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

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

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


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

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

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



最终出来的效果如下:


页: [1]
查看完整版本: 一看就会,超有用活字格技能:一百七十六、为设计器添加自定义页面模板