1. 产品功能简介 奥维备注模板设计系统用于HTML备注模板的设计，实现以表格（或表单）的形式呈现您填写的备注属性。 1.1. 实现原理 把您在模板中填写的属性以Json格式存储在备注中，当需要编辑和查看备注时，调用您设计的模板呈现出来。相同的数据可以用不同的模板风格呈现，以满足您多样化的需求；同时通过模板的分发和共享可以实现一处设计，多处使用。 奥维内置最新的浏览器插件，可以兼容显示目前流行的HTML代码包括HTML5，同时其内置BootStrap3套件（可选）和jQuery库（可选），允许在设计模板的时候直接使用BootStrap3的风格和jQuery函数。 ☆说明： Json格式（JavaScript Object Notation）：是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式，这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。 Bootstrap3：Bootstrap是目前全球最流行、最火爆的Web前端开发框架之一。它的强大之处在于它将常见的CSS布局小组件和JavaScript插件进行了完整并完善的封装，能让没有经验的前端工程师和后端开发工程师都迅速掌握和使用，大大提高开发效率。此外，它还能在某种程度上规范前端团队编写CSS和JavaScript的规范。 jQuery：是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“Write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 1.2. 设计工具页面 您可以访问网址https://www.gpsov.com/cn/templatedesign.php，进入模板设计页面。 也可以从奥维Windows PC端进入，如下： 点击[系统]-->【数据管理】-->【备注模板管理】-->【更多模板】。 在[模板列表]页面，我们官方提供了很多参考模板，您可以直接【查看】，复制代码到奥维PC端的[备注模板管理]中，添加模板。 若您要自己设计一个新的模板，请点击【设计模板】。 奥维备注模板设计工具如下图所示。 该工具，提供了常用HTML表格、表单设计的功能以及样式，如单行文本、多行文本、图片插入、单选、多选等等。 下面，我们将以设计一个表格为例，为您介绍各功能的使用。 2. 表格设计 在设计HTML模板之前，建议您预先在Excel中编辑好表格。我们以下列表格为例： 下表中，列出了所有属性字段，并详细的说明了各字段的设计要求。 奥维备注模板设计工具提供了表格工具，您可以直接插入表格。 2.1. 插入表格 在工具栏中，点击 按钮，在【表格属性】选项卡下，设置表格的行数、列数，设置标题单元格、对齐方式、标题以及宽度等。 标题单元格：通常，将第一列作为标题单元格；若您的表中需要设置表头，可以选择【第一列和第一行】，将第一列和第一行均设置为标题单元格。 对齐方式：通常选择【居中】，我们也提供【左对齐】和【右对齐】供您选择。 宽度：该表的总宽度，单位是“像素”。您可以根据表格的列数来估算，一列为100-150像素较为适中。在后面的设计过程中，可以根据实际情况调整。 标题：即该表格的标题，例如“×××表”。 其他设置项，可暂时保持默认。 点击【确定】。 设置好表格属性后，您的表格会显示在编辑窗口中。 2.2. 表格标题 首先，我们对表格标题进行设置，包括字体、大小、加粗。 修改字体与大小 选中标题，点击【大小】下拉框，你可以选择一个合适的大小； 选中标题，点击【字体】下拉框，选择您需要的字体。 加粗 选中标题，点击