【技术实现步骤摘要】
本专利技术涉及代码生成，具体涉及一种单页面后台管理系统的代码生成方法。
技术介绍
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构建前端，基于
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管理配置三个模块。
...【技术特征摘要】
1.一种单页面后台管理系统的代码生成方法，其特征在于，所述方法为基于vue和element的单页面后台管理系统的代码生成方法，所述方法包括：
2.根据权利要求1所述的单页面后台管理系统的代码生成方法，其特征在于，在所述步骤a中，采用vue构建前端，基于element框架进行用户登录校验，采用前后端分离的方法，用户输入正确的帐号密码和验证码则登录成功，新用户首次登录需要设置密码，登录失败5次，帐号自动锁定。
3.根据权利要求1所述的单页面后台管理系统的代码生成方法，其特征在于，在所述步骤b中，网关相关设备中的连接设备、cpu负载和内存状态图表数据实时自动刷新。
4.根据权利要求1所述的单页面后台管理系统的代码生成方法，其特征在于，在所述步骤c中，网关设备信息以图表形式展示，实时更新，用户根据表单进行网关创建：配置网关名称、网关地址、分组和以太网、串口的信息。
5.根据权...
【专利技术属性】
技术研发人员：周遗芳，
申请(专利权)人：上海工业自动化仪表研究院有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。