本发明涉及代码生成,具体涉及一种单页面后台管理系统的代码生成方法。
背景技术:
1、在代码生成技术中,使用原始html、js和css编程,代码量大,开发效率低,项目驱动需要一次性加载所有代码,网页浏览会出现延迟情况,用户使用体验感差,基础代码也无法实现浏览器的自适应,页面的效果差,开发人员只能根据部分典型的显示屏像素,设置相对应的样式代码,增加开发工作量且效果不好。因此,需要提供一种新型的代码生成方法。
技术实现思路
1、本发明的目的在于,针对上述现有技术的不足,提供一种单页面后台管理系统的代码生成方法,以解决代码生成问题。
2、为实现上述目的,本发明采用的技术方案如下:
3、本发明提供了一种单页面后台管理系统的代码生成方法,该方法为基于vue和element的单页面后台管理系统的代码生成方法,该方法包括:
4、步骤a、通过可视界面进行用户登录;
5、步骤b、通过可视界面进行网关相关设备实时监控;
6、步骤c、通过可视界面进行网关设备的配置定义;
7、步骤d、通过可视界面进行网关子设备的配置定义;
8、步骤e、通过可视界面进行变量的配置定义;
9、步骤f、通过可视界面进行防火墙的配置定义;
10、步骤g、通过可视界面进行转发的配置定义;
11、步骤h、后台管理系统根据配置自动存储数据库。
12、可选地,在步骤a中,采用vue构建前端,基于element框架进行用户登录校验,采用前后端分离的方法,用户输入正确的帐号密码和验证码则登录成功,新用户首次登录需要设置密码,登录失败5次,帐号自动锁定。
13、可选地,在步骤b中,网关相关设备中的连接设备、cpu负载和内存状态图表数据实时自动刷新。
14、可选地,在步骤c中,网关设备信息以图表形式展示,实时更新,用户根据表单进行网关创建:配置网关名称、网关地址、分组和以太网、串口的信息。
15、可选地,在步骤d中,采用多层页面联动,用户通过选择任一网关,以查看该网关下的所有子设备信息,进行子设备创建:配置串口、以太网和克隆数据的信息。
16、可选地,在步骤e中,变量模块采用多层页面联动,用户通过选择任一网关子设备,以查看该子设备下的所有变量信息,进行网关变量创建:配置变量参数和克隆数据的信息。
17、可选地,在步骤f中,防火墙规则模块包括端口和ip两个模块,通过监控防火墙信息,以操作对应模块规则的添加,编辑、启用和停用端口。
18、可选地,在步骤g中,转发的管理包括mqtt管理配置、opcua管理配置、syslog管理配置三个模块。
19、本发明的有益效果包括:
20、本发明提供的单页面后台管理系统的代码生成方法为基于vue和element的单页面后台管理系统的代码生成方法,该方法包括:步骤a、通过可视界面进行用户登录;步骤b、通过可视界面进行网关相关设备实时监控;步骤c、通过可视界面进行网关设备的配置定义;步骤d、通过可视界面进行网关子设备的配置定义;步骤e、通过可视界面进行变量的配置定义;步骤f、通过可视界面进行防火墙的配置定义;步骤g、通过可视界面进行转发的配置定义;步骤h、后台管理系统根据配置自动存储数据库。后台管理系统的配置需要多层表单配置,使用vue组件化开发,可以减少代码书写,也提高了开发效率。可以对数据进行双向绑定,便于表单配置。相较于传统的用超链接进行页面的切换和跳转,vue使用的是路由,不用刷新页面。因为是多层页面联动,vue是单页面应用,加载时不用获取所有的数据和dom,提高加载速度,优化了用户体验。
1.一种单页面后台管理系统的代码生成方法,其特征在于,所述方法为基于vue和element的单页面后台管理系统的代码生成方法,所述方法包括:
2.根据权利要求1所述的单页面后台管理系统的代码生成方法,其特征在于,在所述步骤a中,采用vue构建前端,基于element框架进行用户登录校验,采用前后端分离的方法,用户输入正确的帐号密码和验证码则登录成功,新用户首次登录需要设置密码,登录失败5次,帐号自动锁定。
3.根据权利要求1所述的单页面后台管理系统的代码生成方法,其特征在于,在所述步骤b中,网关相关设备中的连接设备、cpu负载和内存状态图表数据实时自动刷新。
4.根据权利要求1所述的单页面后台管理系统的代码生成方法,其特征在于,在所述步骤c中,网关设备信息以图表形式展示,实时更新,用户根据表单进行网关创建:配置网关名称、网关地址、分组和以太网、串口的信息。
5.根据权利要求1所述的单页面后台管理系统的代码生成方法,其特征在于,在所述步骤d中,采用多层页面联动,用户通过选择任一网关,以查看该网关下的所有子设备信息,进行子设备创建:配置串口、以太网和克隆数据的信息。
6.根据权利要求1所述的单页面后台管理系统的代码生成方法,其特征在于,在所述步骤e中,变量模块采用多层页面联动,用户通过选择任一网关子设备,以查看该子设备下的所有变量信息,进行网关变量创建:配置变量参数和克隆数据的信息。
7.根据权利要求1所述的单页面后台管理系统的代码生成方法,其特征在于,在所述步骤f中,防火墙规则模块包括端口和ip两个模块,通过监控防火墙信息,以操作对应模块规则的添加,编辑、启用和停用端口。
8.根据权利要求1所述的单页面后台管理系统的代码生成方法,其特征在于,在所述步骤g中,所述转发的管理包括mqtt管理配置、opcua管理配置、syslog管理配置三个模块。