程序员经验分享-hwhale

VOL框架学习（二）使用代码生成器生成菜单和页面

2023-05-16

在使用之前确保前端后端都已正常运行，可以查看VOL框架学习（一）从零开始搭建项目

（一）首先是生成Vue页面

1、使用超级管理员账户登录网站【用户名：admin；密码：123456】

 2、点击菜单栏中的【代码在线生成器】→【Vue+后台代码生成】，再点击【新建】

 弹出下面的窗口，新建配置信息，首先创建目录

【父级ID为0相当于创建目录，其他空随意填写】

点击【+确定】之后就会生成一个一级目录【实时信息表】，主键ID为81（记住！后面要用）

3、然后再次点击新建，创建目录下的一个页面，记住实际表名，此处为Sys_realData1

【此处父级ID为前面已经新建的目录主键ID号】

 点击【+确定】后则生成在上次创建的【实时信息表】下的一个页面，即【信息表1】

4、在数据库中创建相应的表，和实际表名一致

此处我用的是SQL Server数据库，新建表Sys_realData1

 5、返回网页点击【同步表结构】即可看到对应的表配置信息，可以对列信息进行修改

 6、填写VUE路径，此路径为你前端启动的vue项目目录下src/views

填绝对路径，我的是 D:/RDY/VOL/Vue.NetCore/Vol.Vue3版本/src/views

 填写排序字段，需要自增类型的，此处填id

7、然后依次点击【生成Model】和【生成Vue页面】，即可生成相应的Vue页面

（二） 其次是把生成的菜单目录和页面放到页面里，即将配置好的页面移出来

 

1、选择【系统】→【菜单设置】，点击【新建】，生成一级目录 

父级ID填0，菜单名称自定义，视图/表名填.，Url不填，排序号随意（排序号越高越靠前），点击【保存】， 新的一级目录则出现在左侧

2、点击【添加子级】，然后填写信息，权限按钮可自定义勾选， 点击【保存】，即生成子级目录

（此处的父级ID为菜单栏对应的 ID 号，表名就是数据库对应表的表名，Url 是项目路径下 src/router/viewGrid.js里面的path路径）

刷新网页，则新目录以及子级目录就出现在了菜单列表中，页面表格中的列即为数据库中编辑的列，可执行操作是添加页面时候选中的权限按钮。

原创不易，转载务必注明出处。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

VOL

框架学习

使用代码生成器生成菜单和页面

VOL框架学习（二）使用代码生成器生成菜单和页面 的相关文章

  • flask框架学习 git、post请求

    templates 文件夹是放置html文件的 xff0c 否则路径不对会报错 demo1 py 文件内容 span class token keyword from span flask span class token keyword

  • spring框架学习（一）

    1 xff0c 什么是 spring 框架 spring 是 J2EE 应用程序框架 xff0c 是轻量级的 Io C 和 AOP 的容器框架 xff0c 主要是针对 java Bean 的生命周期进行管理的轻量级容器 xff0c 可以单独

  • Spring框架学习

    目录 目录 学习内容 xff1a IoC java中创建对象有哪些方式 xff1a ioc的体现 xff1a DI 是ioc的技术实现 spring的第一个核心功能 ioc Spring 八大模块 Spring的特点 xff1a Sprin

  • Poco Application 框架学习(1)

    基本的功能 提供了一个 int run int argc char argv 方法用于执行app run 方法会调用 类的 void initialize Application amp self 与 int main const std

  • Poco Application 框架学习(3)配置文件，日志

    配置文件及日志 配置文件 xff1a 配置文件初始化 一般应用程序都会有配置文件 xff0c Application 框架也不例外 通过一下接口来读取配置文件信息 当前 Poco支持的格式有 ini xml json properties

  • ION框架学习（一）

    第一章介绍 xff1a ION的框架和buffer的分配 xff1b 第二章介绍 xff1a 如何使用ION buffer xff1b ION是google在Android4 0 为了解决内存碎片管理而引入的通用内存管理器 用来支持不同的内

  • VOL框架学习（一）从零开始搭建项目

    主要资料 demo地址 xff1a http www volcore xyz 帐号 xff1a admin666 xff1b 密码 xff1a 123456 xff08 本地超级管理员帐号 xff1a admin xff1b 密码 xff1

  • VOL框架学习（二）使用代码生成器生成菜单和页面

    在使用之前确保前端后端都已正常运行 xff0c 可以查看VOL框架学习 xff08 一 xff09 从零开始搭建项目 xff08 一 xff09 首先是生成Vue页面 1 使用超级管理员账户登录网站 用户名 xff1a admin xff1

  • Activiti7工作流+SpringBoot

    文章目录 一 Activiti相关概念 1 Activiti介绍 2 核心类 2 1 ProcessEngine 2 2 服务 Service 类 2 2 1 TaskService 2 2 2 RepositoryService 2 2

  • mybatis的接口绑定方式（注解绑定和配置xml文件）

    目录 一 配置xml文件 步骤 1 创建pojo类 Student对象 2 创建StudentMapper接口 3 创建mapper xml配置文件 4 在mymybatis config xml中添加StudentMapper配置 5 创

  • 阿里云OSS请求文件跨域问题Access-Control-Allow-Origin

    跨域问题网上很多解决方案提示到这里配置但是不生效 一定要勾选Vary Origin这个选项 请求的时候浏览器记得请求在控制台要清理缓存

  • Pytorch框架学习 -2 torch.nn.modules.Module(nn.Module)理解

    文章目录 Pytorch框架学习 2 torch nn modules Module nn Module 理解 最简单的例子 分析 部分源码 基本参数 dump patches version training 初始化函数 paramete

  • SSM框架学习记录-Spring_day01

    1 核心概念 当前项目中的问题 下面代码的实现十分简单 但是业务层需要调用数据层的方法 就要在业务层new数据层的对象 如果数据层的实现类发生变化 业务层的代码也需要跟着改变 意味着要编译打包和重新部署 数据层实现 public class

  • 【Spring】Spring依赖注入与控制反转理解

    Spring是一个庞大的框架 封装了很多成熟的功能 能够让我们无需重复造轮子 其次 它使用IOC进行依赖管理 利用JAVA的反射机制 将实例的初始化交给Spring Spring可以通过配置文件管理实例 我们就不用自己初始化实例啦 有人会问

  • 前端框架之Vue学习（一）

    1 Vue简介 一 vue 是一套用于构建用户界面的渐进式框架 二 Vue的核心特点 1 相应的数据变化 当数据发生改变 gt 视图自动更新 2 组合的视图组件 UI页面映射为组件树 划分组件可维护 可复用 可测试 三 MVC和MVVM M

  • 框架分析（11）-测试框架

    框架分析 11 测试框架 专栏介绍 Selenium 框架特性 多语言支持 多浏览器支持 元素定位 页面操作 等待机制 浏览器控制 测试报告 并行执行 集成测试框架 优缺点分析 优点 开源免费 跨平台 多语言支持 强大的定位器 支持多种测试

  • 小程序技术原理分析

    小程序技术原理分析 背景 小程序诞生的技术背景 小程序与普通网页开发的区别 宿主环境 执行环境 小程序架构 一 技术选型 二 双线程模型 三 双线程通信 四 小程序的基础库 五 小程序运行时 运行机制 更新机制 六 性能优化 总结 背景 随

  • 2020大厂前端面试之vue专题（三）

    21 v model中的实现原理及如何自定义v model v model 可以看成是 value input方法 的语法糖 input v model checkbox v model select v model 组件的v model

  • 框架学习——带你了解SpringBoot框架

    目录 一 SpringBoot简介 1 1 原有Spring优缺点分析 1 1 1 Spring的优点分析 1 1 2 Spring的缺点分析 1 2 SpringBoot的概述 1 2 1 SpringBoot的特点 1 2 2 Spri

  • 前端框架之Vue学习（二）

    一 事件修饰符 enter 回车生效 常用于替代判断是否按下回车事件 once 单次生效 只会生效一次 stop 阻止事件冒泡 self 阻止事件冒泡 只有点击自身时才生效 capture 将后面的事件变为捕获事件 prevent 阻止默认

随机推荐

热门标签