首页 > 其他分享 >若依RuoYi-Vue代码生成,新建一个增删改查模块

若依RuoYi-Vue代码生成,新建一个增删改查模块

时间:2024-04-09 12:44:06浏览次数:24  
标签:COMMENT 代码生成 Vue varchar DEFAULT 复制到 faq 改查 NULL

启动ruoyi-ui,登录前端后台

 以cti_faq 问答对表 为例。首先在 mysql数据库 中建张 cti_faq 表

CREATE TABLE `cti_faq` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '编号',
  `question` varchar(255) DEFAULT NULL COMMENT '问题内容',
  `answer` text COMMENT '答案内容',
  `category` varchar(100) DEFAULT NULL COMMENT '问题分类',
  `create_time` datetime DEFAULT NULL,
  `update_time` datetime DEFAULT NULL,
  `create_by` varchar(64) DEFAULT NULL,
  `update_by` varchar(64) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8 COMMENT='问答对表';

点 导入 ,选择 cti_faq  

修改具体的模块内容,比如哪个字段是下拉菜单,哪个字段是查询条件等

 配置好后,点击生成代码

下载后

解压后,里面有三部分

先用文本文件打开 faqMenu

 将里面的代码 复制到 数据库管理(Navicat)中 执行

 将 main 复制到 ruoyi-system/src 目录下 覆盖即可

复制到

  将 vue 中的 api 和 views 文件夹 复制到 ruoyi-ui/src 目录下 覆盖即可

复制到

 重新启动 后台java 和前端vue 。就会在 系统工具 菜单 中的 看到新增加的 问答对 模块

 调整菜单达到下面的效果

 新建一个菜单目录

修改 问答对 菜单 , 只修改上级菜单,其它不动。

 

标签:COMMENT,代码生成,Vue,varchar,DEFAULT,复制到,faq,改查,NULL
From: https://www.cnblogs.com/hailexuexi/p/18123733

相关文章

  • 基于SpringBoot+Vue+uniapp微信小程序的高校教师成果管理小程序的详细设计和实现(源码
    文章目录前言项目运行截图技术框架后端采用SpringBoot框架前端框架Vue可行性分析系统测试系统测试的目的系统功能测试数据库表设计代码参考数据库脚本为什么选择我?获取源码前言......
  • vue3 快速入门系列 —— vue3 路由
    vue3快速入门系列-vue3路由在vue3基础上加入路由。vue3需要使用vue-routerV4,相对于v3,大部分的VueRouterAPI都没有变化。Tip:不了解路由的同学可以看一下笔者之前的文章:vue2路由参考:vue2路由官网、vue3路由官网vue-routerV4在VueRouterAPI从v3(Vue2)到v4......
  • VUE - bigint解决前端精度丢失的问题
    VUE-bigint解决前端精度丢失的问题问题描述java后端long类型的范围-2^63~2^63,即:-9223372036854775808~9223372036854775807,它是19位的。这个数字可以通过方法获得:Long.MAX_VALUE、Long_MIN_VALUE。前端JS的数字类型的范围-2^53~2^53,即:-9007199254740991~900719925......
  • 基于Java+SpringBoot+Vue前后端分离大学生校园兼职求职招聘信息系统(适合毕业设计项目
    文章目录目录前言一、系统设计1、系统运行环境2.系统架构设计二、系统核心技术三.系统功能实现四.实现代码五.源码获取前言 本文旨在探讨并设计一个基于Springboot框架的大学生校园兼职求职招聘信息系统。该系统的设计与实现,旨在满足大学生寻找兼职工作的......
  • Vue中实现输入框的自动补全功能
    一、百度文心一言的结果在Vue中实现输入框的自动补全功能,可以使用原生的input事件监听用户的输入,并通过计算属性或方法来提供匹配的自动补全建议。以下是一个简单的例子:<template><div><inputtype="text"v-model="userInput"@input="updateSuggestions"><ulv-......
  • Vscode设置自动生成vue页面代码块
    1.ctrl+shift+p 2. 输入snippet->首选项:配置用户代码片段 3. 输入vue,选择vue.json(vue) 4.输入下面代码:"Printtoconsole":{      "prefix":"vue",    "body":[      "<template>",      &qu......
  • vue项目的运行流程
    assets文件夹:存放项目中用到的静态资源文件,例如:css样式表、图片资源components文件夹:程序员封装的、可复用的组件,都要放到components目录下main.js是项目的入口文件。整个项目的运行,要先执行main.jsApp.vue是项目的根组件。在工程化的项目中,vue要做的事情很单纯:通过ma......
  • 基于SpringBoot+MySQL+SSM+Vue.js的生鲜在线销售系统(附论文)
    演示视频基于SpringBoot+MySQL+SSM+Vue.js的生鲜在线销售系统技术描述开发工具:Idea/Eclipse数据库:MySQLJar包仓库:Maven前端框架:Vue/ElementUI后端框架:Spring+SpringMVC+Mybatis+SpringBoot文字描述基于SpringBoot+MySQL+SSM+Vue.js的生鲜在线销售系统(附......
  • 用vue.js写案例——ToDoList待办事项 (步骤和全码解析)
     目录 一.准备工作二.编写各个组件的页面结构三.实现初始任务列表的渲染四.新增任务五.删除任务六.展示未完成条数七.切换状态-筛选数据八.待办事项(全)代码 一.准备工作在开发“ToDoList”案例之前,需要先完成一些准备工作,包括创建项目、引入BootStrap样式文......
  • 基于SpringBoot+MySQL+SSM+Vue.js的招聘系统(附论文)
    演示视频基于SpringBoot+MySQL+SSM+Vue.js的招聘系统技术描述开发工具:Idea/Eclipse数据库:MySQLJar包仓库:Maven前端框架:Vue/ElementUI后端框架:Spring+SpringMVC+Mybatis+SpringBoot文字描述基于SpringBoot+MySQL+SSM+Vue.js的招聘系统(附论文),用户,管理员......