一种基于网页开发的页面自动生成方法和系统与流程

本发明涉及计算机，具体涉及一种基于网页开发的页面自动生成方法和系统。

背景技术：

1、随着互联网和移动互联网的发展，各类网站、商城、应用程序等互联网产品也日益增多，这些产品中需要生成不同的页面来满足用户需求，同时也要兼顾产品方的喜好，以此保障页面的展示效果和用户的体验感，因此页面自动生成技术应运而生。

2、而当前页面生成技术根据用户方提供的信息自动生成页面，用户则根据自身的喜好对生成的页面进行进一步的更改，并没有根据用户的喜好，自动对用户选择的页面进行调整，从而无法保障因用户对页面搭配知识的不足而导致更改后页面的展示效果不佳，进而无法提高页面的美观度，并且也降低了后续用户使用页面时的体验感，在一定程度上也无法提高页面生成中用户的参与感和互动。

技术实现思路

1、针对上述存在的技术不足，本发明的目的是提供一种基于网页开发的页面自动生成方法和系统。

2、为解决上述技术问题，本发明采用如下技术方案：本发明在第一方面提供一种基于网页开发的页面自动生成方法，包括：

3、步骤一、用户信息获取：对用户对应的页面文档进行扫描，获取用户对应的页面预设信息，并获取用户对应选取的页面信息；

4、步骤二、尺寸匹配分析：从用户对应选取的页面信息中提取页面模版类型，进而获取页面模版类型对应的导航栏标准尺寸、正文展示区域标准尺寸，同时从用户对应选取的页面信息提取导航栏尺寸、正文展示区域尺寸，由此判断导航栏和展示区域对应的尺寸是否匹配，若导航栏或展示区域对应的尺寸不匹配，则执行步骤三；

5、步骤三、尺寸匹配调整：若导航栏对应的尺寸不匹配，则分析导航栏对应的调整参数，并进行对应的调整，若展示区域对应的尺寸不匹配，则分析展示区域对应的调整参数，并进行对应的调整；

6、步骤四、颜色匹配调整：基于用户对应选取的页面模版类型，对导航栏标题文字和正文内容文字的色度进行调整；

7、步骤五、页面生成与展示：将调整完成后的页面模版类型生成用户对应的页面，进而在用户终端进行展示。

8、优选地，所述页面预设信息包括各导航栏标题文字、各正文内容对应的文字；

9、用户对应选取的页面信息包括页面模版类型、导航栏标题文字色度、导航栏尺寸、导航栏标题文字尺寸、各正文展示区域对应的尺寸、正文内容文字尺寸、正文内容文字色度、各正文展示区域对应的正文内容、各正文展示区域对应关联插图展示区域的图片。

10、优选地，所述判断导航栏对应的尺寸是否匹配，具体判断过程如下：

11、将页面模版类型对应的导航栏标准尺寸与用户对应选取的页面信息中导航栏尺寸进行对比；若页面模版类型对应的导航栏标准尺寸均大于或者等于用户对应选取的页面信息中导航栏尺寸，则判定导航栏对应的尺寸匹配；若页面模版类型对应的导航栏标准尺寸小于用户对应选取的页面信息中导航栏尺寸，则判定导航栏对应的尺寸不匹配。

12、优选地，所述判断展示区域对应的尺寸是否匹配，具体判断步骤如下：

13、b1、将页面模版类型中正文展示区域的标准尺寸与各正文展示区域对应的尺寸分别记为c和ci，i表示各正文展示区域对应的编号，i＝1,2......n，同时从用户对应的页面模版类型中获取各正文展示区域对应关联插图展示区域的尺寸，记为pi；

14、b2、依据公式得到展示区域对应的尺寸匹配系数其中δc为设定的许可正文内容区域与对应关联插图展示区域的尺寸差，ε1、ε2分别为设定的正文展示区域标准尺寸与尺寸差、正文内容区域与对应关联插图展示区域尺寸差的权重因子，γ为设定的尺寸匹配系数对应的权重因子；

15、b3、将展示区域对应的尺寸匹配系数与设定的尺寸匹配系数阈值进行对比，若展示区域对应的尺寸匹配系数大于或者等于设定的尺寸匹配系数阈值，则判定展示区域对应的尺寸匹配，反之则判定展示区域对应的尺寸不匹配。

16、优选地，所述分析导航栏对应的调整参数，具体分析过程如下：

17、将页面模版类型对应的导航栏标准尺寸作为导航栏对应的调整尺寸，并将导航栏对应的调整尺寸与数据库中各导航栏尺寸对应的推荐标题文字尺寸进行对比，得到导航栏对应的推荐标题文字尺寸；

18、将用户对应选取的页面信息中导航栏标题文字尺寸与导航栏对应的推荐标题文字尺寸进行对比，若用户对应选取的页面信息中导航栏标题文字尺寸与导航栏对应的推荐标题文字尺寸相同，则不进行导航栏标题文字尺寸调整，若用户对应选取的页面信息中导航栏标题文字尺寸与导航栏对应的推荐标题文字尺寸不相同，则将导航栏对应的推荐标题文字尺寸作为导航栏标题文字对应的调整尺寸，并将导航栏对应的调整尺寸和导航栏标题文字对应的调整尺寸作为导航栏对应的调整参数。所述分析展示区域对应的调整参数，具体分析过程如下：

19、基于用户对应选取的页面模版类型，获取页面模版类型中正文展示区域的总尺寸，同时根据页面预设信息中各正文内容对应的文字，统计正文内容对应的总文字数量，将页面模版类型中正文展示区域的总尺寸除以正文内容对应的总文字数量，得到正文内容对应的许可文字尺寸，进而将正文内容对应的许可文字尺寸与用户对应选取的正文内容文字尺寸进行对比，若正文内容对应的许可文字尺寸大于或者等于用户对应选取的正文内容文字尺寸，则不进行正文内容文字尺寸的调整，若正文内容对应的许可文字尺寸小于用户对应选取的正文内容文字尺寸，则将正文内容对应的许可文字尺寸作为正文内容对应的调整尺寸，进而统计各正文展示区域对应正文内容的展示字数，得到各正文展示区域对应的使用尺寸，从而将各正文展示区域对应的使用尺寸减去其相邻各正文展示区域对应的使用尺寸，得到各正文展示区域与其相邻各正文展示区域对应的使用尺寸差，通过均值计算得到各正文展示区域与相邻正文展示区域对应的使用尺寸差，记为同时将各正文展示区域的使用尺寸减去用户选取的页面信息中对应正文展示区域的尺寸，得到各正文展示区域对应的图文尺寸差，记为δci′；

20、依据计算公式得到各正文展示区域对应的调整评估系数其中δc0、δc1分别为设定的参考使用尺寸差、参考图文尺寸差，μ1、μ2分别为设定的使用尺寸差、图文尺寸差对应的权重因子；

21、将各正文展示区域对应的调整评估系数与数据库中存储的各调整评估系数对应的调整尺寸进行对比，得到各正文展示区域对应的调整尺寸，并记为ci′；

22、根据各正文展示区域对应的调整尺寸，分析得到各正文展示区域对应关联插图展示区域的调整尺寸，并将正文内容对应的调整尺寸、各正文展示区域对应的调整尺寸、各正文展示区域对应关联插图展示区域的调整尺寸作为展示区域对应的调整参数。

23、优选地，所述对导航栏标题文字和正文内容文字的色度进行调整，具体调整过程如下：

24、a1、基于数据库中存储的各页面模版类型对应的适配导航栏色度区间，由此得到页面模版类型对应的适配导航栏色度区间；

25、a2、将导航栏标题文字色度与页面模版类型对应的适配导航栏色度区间进行对比，若导航栏标题文字色度在页面模版类型对应的适配导航栏色度区间内，则不进行导航栏标题文字色度的调整，反之则执行步骤a3；

26、a3、若导航栏标题文字色度小于页面模版类型对应适配导航栏色度区间的色度下限值，则将页面模版类型对应适配导航栏色度区间的色度下限值作为导航栏标题文字对应的调整色度，若导航栏标题文字色度大于页面模版类型对应适配导航栏色度区间的色度上限值，则将页面模版类型对应适配导航栏色度区间的色度上限值作为导航栏标题文字对应的调整色度，进而进行对应的调整；

27、a4、从数据库中提取各正文展示区域对应关联插图展示区域图片的适配正文内容文字色度区间，从中选取各正文展示区域对应关联插图展示区域图片的适配色度区间的交集，并作为插图对应的适配正文内容文字色度区间，由此按照步骤a2-a3的分析过程，分析得到正文内容文字的调整色度，并进行对应的调整。

28、本发明在第二方面提供了一种基于网页开发的页面自动生成系统，包括：用户信息获取模块，用户获取用户对应的页面预设信息和页面信息；

29、尺寸匹配分析模块，用于判断导航栏和展示区域对应的尺寸是否匹配；

30、尺寸匹配调整模块，用于若导航栏对应的尺寸不匹配，则分析导航栏对应的调整参数，并进行对应的调整，若展示区域对应的尺寸不匹配，则分析展示区域对应的调整参数，并进行对应的调整；

31、颜色匹配调整模块，用于对导航栏标题文字和正文内容文字的色度进行调整；

32、页面生成与展示模块，用于将调整完成后的页面模版类型生成用户对应的页面，进而在用户终端进行展示。

33、本发明的有益效果在于：本发明提供的一种基于网页开发的页面自动生成方法和系统，通过根据用户对应选取的页面信息，对导航栏尺寸、展示区域尺寸、导航栏中文字色调以及正文内容文字色调进行调节，解决了当前技术中因用户对页面搭配知识的不足而导致更改后页面的展示效果不佳的问题，实现了页面的自动化和智能化的生成，大大的提高了页面的美观度，并且也有效的保障了后续用户使用页面时的体验感，在一定程度上也大幅提高了页面生成过程中用户的参与感和互动，增加了用户的满足感。