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

说明书

本发明公开了一种基于B/S架构的可视化Web前端编辑器及可视化建站方法，具体属于网站建设领域，包括如下步骤：S01、登录前端编辑器客户端所对应的网址；S02、在前端编辑器上新建工程，选择适合的模板，并选择发布的服务器；S03、在前端编辑器上选择文件视图类型；S04、在前端编辑器上选择不同种类的控件，并将选择好的控件拖放至画布中；S05、点击发布完成，即可完成网站的搭建。本发明具有操作简单以及风格多样的优点。

技术领域

本发明属于网站建设领域，具体为一种基于B/S架构的可视化Web前端编辑器及可视化建站方法。

背景技术

传统的网页制作需要花巨大的精力进行美工设计、服务器租用、并请专人设计制作才能完成最基本的建设，不仅时间长、价格高，以后还需要请人更新维护网站，非常麻烦，并且每年都需要续费，想要建设一个企业网站费用成千上万，昂贵的设计费用使大多数中小企业至今仍徘徊在网络的大门之外。一个网站从确定需要，设计，编辑开发，配置到最终对外发布和运营，这一过程需要短则一周，长则几个月，部分建站过程就是采用这一模式的。后来出现了更智能的建站模式，即通过一个自动安装程序，只需要运行它，并按提示录入必要的信息，即可建好一个网站。

然而，现有的建站模式主要有全人工建站和半自动化建站，后者比前者虽然节约了大量的程序开发时间，但是网站风格，数据库环境，服务器配置，域名配置等方面，依然繁琐复杂，需要大量人工操作。

发明内容

本发明提供了一种基于B/S架构的可视化建站方法，该可视化建站方法具有操作简单以及风格多样的优点。

为实现上述目的，本发明提供如下技术方案:

一种基于B/S架构的可视化Web前端编辑器，包括网关、拖画客户端、服务器、控件以及数据库；所述控件包括TOP控件、简单控件、表单控件、容器控件以及导航控件；所述数据库是MySQL数据库；所述拖画客户端由位于左侧的工程栏和控件栏、位于中间的画布以及位于右侧的控件属性栏组成。

其中，数据库使用的是MySQL数据库时，conf_base表是记录用户信息、工程名信息、自定义接口名称等信息，conf_base这张表是去记录接口参数的名称、接口参数的类型、状态值，conf_search这张表是记录查询条件、状态值，conf_sqls这张表是记录sql语句和oncase，conf_valids是记录验证规则。

本发明还提供了一种基于B/S架构的可视化建站方法，该可视化建站方法包括如下步骤：

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

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

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

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

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

作为优选，在步骤S02中，服务器选自Web服务器、工作组级服务器、部门级服务器以及企业级服务器中的至少一种。

作为优选，在步骤S03中，所述文件视图类型包括普通视图、列表视图以及编辑视图。

作为优选，在步骤S04中，所述控件包括Top控件以及容器控件。

作为优选，所述容器控件包括：DIV容器、纵向布局容器、标签页控件以及对话框控件。

作为优选，在步骤S04中，该可视化建站方法还包括如下步骤：用户可通过组件配置窗口手动配置控件的css样式或API接口的参数信息。

作为优选，在步骤S04中，该可视化建站方法还包括如下步骤：点击配置数据源，生成数据库和表，用于记录页面控件的ID生成数据库字段。