概述
动易 WebFuture 引入了全新视图模板解析引擎技术,提供丰富的函数库,能支持编程语言的绝大部分功能和特性(如文件读写、数据库访问等),实现了全新的模板制作方式。WebFuture 提供足够专业、强大、灵活的模板功能,以应对各类网站的前台应用需求。
模板引擎
模板引擎(这里特指用于Web开发的模板引擎,又叫视图引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的HTML文档。在 Web 编程中,模板引擎用于聚合数据和模板并生成最终的 HTML 文档,处理器调用模板引擎来完成这一工作并将 HTML 文档作为响应实体发送给客户端。
模板引擎可以让网站程序实现界面与数据分离,业务代码与逻辑代码的分离,这就大大提升了开发效率,良好的设计也使得代码重用变得更加容易。我们司空见惯的模板安装卸载等概念,基本上都和模板引擎有着千丝万缕的联系。模板引擎不仅可以实现代码分离(业务逻辑代码和用户界面代码),也可以实现数据分离(动态数据与静态数据),还可以实现代码单元共享(代码重用),甚至是多语言、动态页面与静态页面自动均衡(SDE)等等与用户界面可能没有关系的功能。
WebFuture 采用成熟可靠的、编译型的、易于学习和使用的、同时又强大和灵活的 .Net 平台 Razor 模板解析引擎技术,站群模板以文件方式组织,支持多屏优化(或者叫移动设备适配),PC、手机、PAD等设备的模板采用相同的文件名,分别保存在对应的设备文件夹中。
WebFuture 模板引擎支持母版页(或者叫布局、框架)机制,支持调用分部视图(或者叫组件/组件/片段)。分部视图支持多层嵌套调用,即可以在分部视图代码中再调用其他分部视图。分部视图支持自定义参数,调用分部视图时可以设置这些参数的值,以实现同一分部视图根据参数不同提供不同的HTML代码。模板引擎支持数据输出时的处理,默认的输出要支持XSS防护。
模板管理特点
- WebFuture 网站群平台内置对模板文件和风格文件的管理功能,提供了便捷的模板管理界面。
- 提供类似Windows资源管理器(文件夹树导航中栏+文件列表的右栏)的方式管理模板/风格文件,对模板/风格文件进行编辑、重命名、删除、移动、复制、搜索、上传、复制到指定设备等操作。
- WebFuture 提供后台在线管理和网站模板文件两种模板文件管理方式,既可以通过网站后台添加、修改和管理网站模板页面,也可以直接在服务器上以文件的方式添加、修改和管理网站模板页面,两种方式的修改结果都会自动保持同步。
- WebFuture 提供多屏优化技术,即在保持同一域名、同一后台、同一数据库、同一套系统的基础上,不同终端设备(PC/手机/PAD)来访问网站前台时,网站都会针对此类设备显示与之最相适应和专为此类设备的用户使用习惯优化的前台界面。
- WebFuture 对模板的编辑同时提供代码编辑和可视化编辑两种模式。
- WebFuture 提供在站点、节点等各处设置模板的页面中直接编辑相应的模板,在选择模板页面智能推荐最相关的模板文件。
- 提供平台级模板和站点级模板两级备份/还原,提供定时自动备份和对过期备份包文件的自动清理。
- WebFuture 提供自动保存模板历史记录功能,支持模板历史记录的查阅、恢复和对比,全自动维护模板文件历史记录。
针对不同用户
WebFuture 针对专业的设计师/前端工程师和一般技术用户的不同需求,提供了灵活强大又便捷高效模板管理功能。
针对专业设计人员
对于专业设计师实施项目而言,他们需要从零开始制作一套模板,对模板制作要能高度自由,将创意转化在模板中展现,同时在保证高质量、高品质的前提一下,还要有极高的工作效率。从零定制一套模板的制作流程如下:
专业设计师在上述流程中,通常是利用 Photoshop、Visual Studio Code、VSublime Text 等专业网页工具软件直接对 .cshtml
文件扩展名的模板视图文件进行制作和编辑,既可以实现客户个性化的页面模板制作需求,又拥有极高的专业度和灵活性从而极大提高工作效率。而在这个过程中,只要把制作过程中或制作完成后的模板文件,与服务器中的模板文件保持同步就可以了。专业人员对本系统模板功能的熟悉度很高,使得在代码输出、组件参数还是交互显示等方面,其专业工具的效率远大于在后台反复点击(若是在网站后台制作或进行大量修改时,光在后台点击鼠标的次数可能就要达成千上万次)。即使客户网站正式上线后,后期模板若有修改,设计师也是将修改好的文件同步到服务器上即可。
WebFuture 模板既可以在后台在线编辑和管理,也可以直接对服务器中的网站模板文件进行编辑,而最关键的是以这两种方式编辑模板文件的结果是保持同步的。因此可以充分满足专业设计师的模板管理和编辑需求。
在服务器上的网站目录 WebSite 中,Views 文件夹为 PC 版模板布局文件目录,Content 文件夹为 PC 版模板样式文件目录;.Pad 文件夹为对应平板设备的模板布局和样式目录,.Phone 文件夹为对应手机设备的模板布局和样式目录。各个目录下每个与站点标识符名称相同的文件夹是对应相应一个子站的模板布局文件或样式文件。
针对非专业设计人员
若是在不方便修改或同步服务器上模板文件的情况下,或者一般用户只需要更换一套现成的模板,或者指定下相关栏目的模板,或者修改下现有模板中的栏目组件数据参数,或者更换些模板中的图片与文字等简单的修改(如果是太复杂的界面修改则又进入了相对专业的操作范畴),则可以利用我们提供后台模板管理功能,通过网站后台添加、修改和管理网站模板页面,利用可视化编辑功能对系统组件进行修改,可以方便一些并不复杂项目的实施,以及后续运维期间的模板小范围修改工作。
考虑到网站模板技术的发展日新月异,现在的网站设计和前端技术已经相当专业,如果用不专业的做法会造成网页显示异常、加载缓慢甚至会出现安全漏洞,因此我们在产品包中内置了高质量的默认模板,在模板中心提供了数量众多的各行业的标准模板,以方便代理商或客户的技术人员学习和借鉴以做出更专业的网站模板。