[发明专利]一种基于B/S架构的可视化Web前端编辑器及可视化建站方法

权利要求书

1.一种基于B/S架构的可视化Web前端编辑器，其特征在于，包括网关、拖画客户端、服务器、控件以及数据库；

所述控件包括TOP控件、简单控件、表单控件、容器控件以及导航控件；

所述数据库是MySQL数据库；

所述拖画客户端由位于左侧的工程栏和控件栏、位于中间的画布以及位于右侧的控件属性栏组成。

2.一种基于B/S架构的可视化建站方法，其特征在于，包括如下步骤：

S01、登录前端编辑器客户端所对应的网址；

S02、在前端编辑器上新建工程，选择适合的模板，并选择发布的服务器；

S03、在前端编辑器上选择文件视图类型；

S04、在前端编辑器上选择不同种类的控件，并将选择好的控件拖放至画布中；

S05、点击发布完成，即可完成网站的搭建。

3.根据权利要求2所述的可视化建站方法，其特征在于，在步骤S02中，服务器选自Web服务器、工作组级服务器、部门级服务器以及企业级服务器中的至少一种。

4.根据权利要求2所述的可视化建站方法，其特征在于，在步骤S03中，所述文件视图类型包括普通视图、列表视图以及编辑视图。

5.根据权利要求2所述的可视化建站方法，其特征在于，在步骤S04中，所述控件包括Top控件以及容器控件。

6.根据权利要求5所述的可视化建站方法，其特征在于，容器控件包括DIV容器、纵向布局容器、标签页控件以及对话框控件。

7.根据权利要求2所述的可视化建站方法，其特征在于，在步骤S04中，还包括如下步骤：

用户可通过组件配置窗口手动配置控件的css样式或API接口的参数信息。

8.根据权利要求2所述的可视化建站方法，其特征在于，在步骤S04中，还包括如下步骤：点击配置数据源，生成数据库和表，用于记录页面控件的ID生成数据库字段。

9.根据权利要求2所述的可视化建站方法，其特征在于，在步骤S04中，还包括如下步骤：用户可通过组件配置事件，包括自定义事件和预定义事件，自定义事件可以在编辑的代码弹窗中自行编辑代码，在页面发布之后控件会自动绑定上改相应的事件；预定义事件是指定的控件在选择好事件类型之后会绑定上封装好的事件。