第六章网页编辑

6.1 组件工具箱
当点击ASPX页面进入编辑状态后，会有组件工具箱悬浮在页面上。点击组件箱右上角的按钮，可以改变组件工具箱的位置。组件工具箱类似于Dreamweaver中的控件面板，可以拖动里面的组件放到页面上，就为网页增加了一个新的功能模块。例如，拖动文章列表到网页上，就可以为网页添加一个文章列表。
同理，可以新建新的子文件夹；也可以对已有文件夹或文件进行复制、粘贴、删除、重命名操作。
6.2 为页面添加新的组件，删除页面的组件
有了组件工具箱，就可以方便的增删页面的功能了。只需要用鼠标选中组件工具箱中的组件，拖动到页面的某个位置放置，就可以为当前网页添加这个动态的功能。
当需要删除某个组件时，只需要右键点击这个组件，点删除即可。
6.3 拖放组件，更改组件在页面的位置
这是奥杰CMS的亮点。用户可以随意拖动组件，放在自己希望的位置。将鼠标放置在组件上，组件将处于激活状态，用鼠标拖动至任何一个位置，放置即可。这样，用户就可以根据自己网站的设计风格，摆放模块的位置。
6.4 组件的编辑
当右键点击一个组件时，弹出一个环境菜单：
对一个组件，用户可以编辑它的属性、部件设置、样式模板、内容绑定、内部结构。
6.4.1 属性和部件设置
对于一个组件来说，最重要的是两个部分：内容和表现。例如一个新闻列表组件，它从数据库中读取数据（内容），然后以某种方式呈现出来（表现）。[属性]按钮和[部件设置]按钮是等效的，定义组件的表现。
随着组件的不同，属性对话框中对应的内容也不同。例如下面是产品橱窗组件的内容：
属性对话框也可以通过双击组件打开。
6.4.2 内容绑定
有些组件是不需要数据源的，例如图片、视频组件是不需要访问数据库的。但是大部分组件是需要读取数据然后呈现的。例如产品橱窗组件，它需要从数据库中读取产品的名称、产品的说明、产品的图片等等。这些都需要访问后台数据库。奥杰CMS将复杂的数据库操作简化为了内容绑定操作。举产品橱窗组件的内容绑定操作如下图，点击[内容绑定]：
在该对话框中，左边是组件要求的字段，右边是栏目里有的字段，用户可以选为本组件选择绑定栏目内的字段。也可以点击[选择栏目]，重新绑定栏目。
系统中的栏目类似一个个二维表格，例如产品橱窗对应的栏目内容就是：
系统就是从这个栏目中将数据读取出来，然后和组件上的内容进行对应。
当系统中没有相应的栏目可以和组件对应时，可以点击选择内容栏目对话中的[新建栏目]按钮，新建一个栏目，这时候系统将根据组件所需要的字段，建立一个和组件对应的栏目。
这个新建立的栏目和组件的字段一一对应，并自动绑定。
6.4.3 样式设置
组件的样式可以随意的设置，也可以选择相应的模板。在组件的环境菜单中点击[样式模板]，打开样式设置对话框：
对话框中分两个部分。具有专业知识的用户可以在CSS样式编辑中，输入CSS代码详细编辑组件的样式。普通的用户只需要在选择模板下拉列表框中选择一个样式即可。