7.前端·新建子模块与开发(自动生成)

文章目录

学习地址

https://www.bilibili.com/video/BV13g411Y7GS/?p=15\&spm_id_from=pageDriver\&vd_source=ed09a620bf87401694f763818a31c91e

视频笔记

自动代码生成模式开发

之前生成代码的时候,我们只使用了main文件夹中的内容,vue文件夹中的内容没有使用。

打开vue,发现api和views,是生成好的js和前端的vue文件。

将这两个文件粘贴到前端的指定位置。然后 npm run dev 启动。

然后再打开前端就是生成的页面了。

然后根据项目的需求去修改前端的内容即可。

需求:将状态栏的数字,翻译成常量。

利用若依本身自带的常量去做。

想要使用这个常量,需要导入相关的模块。参考一下其它用到的,如下图,需要再dict里面定义一下用到的字典。

然后搜索框就做好了,table中需要对int值进行映射,前端可以这么如下修改:

增删改查功能调试

  • 查询

查询想从完全匹配查询改为模糊查询,只需要回到mapper的xml文件中,修改。

  • 新增

    跟需求书中的有差距。
    首先是必填项目,在dialog中找到rules,设置哪些列必填。

注意prop要跟rules中的对上,否则不生效。

如何在新建的时候设置厂家状态,正常和停用。

本质上是一个单选的组件。也是使用我们的字典。做一个int和string显示的映射。

删除和导出 一般不需要 测试都能直接用。

功能权限分配

新建一个用户,只有新模块的访问权限,会发现只有查询的权限,其它权限都丢失了。

这时候查看角色管理的相关权限界面,可以看到,一个模块的权限包括crud + 导出。

我们刚才只做了一个list查询权限,其它的都没做。

然后我们去菜单管理里面,依样画葫芦即可。以岗位管理为例。

实际上就是新增了一堆按钮的权限。

对我们的新模块,创建一个。

最终创建完毕如岗位管理那样,就有了5个权限。

脚本实现权限分配

一个一个增加权限的crud+导出,很费劲,可以通过sql脚本直接写入数据库。

若依自动创建的时候,都自带了。

处理一菜单管理页面,只保留一个主目录即可。导入之后,发现跑到系统工具下面了。

可以点击修改,改一下上级,就能变到药品进销存下面。

相关推荐
几何心凉4 分钟前
ToDesk/向日葵/UU远程,谁才是真正的“口袋里的办公室”
前端
亿元程序员15 分钟前
一个人,4个岗位,20天:我用Cursor+Codex上线了一款微信小游戏
前端
LabVIEW开发25 分钟前
将自定义 DLL 与 INI 文件部署到 LabVIEW 实时目标
前端·labview·labview知识·labview功能·labview程序
IT_陈寒39 分钟前
Redis Pipeline用错竟比不用还慢,这个坑我帮你踩过了
前端·人工智能·后端
大模型码小白1 小时前
数据可视化:AI处理多维数据的HTML5可视化方案
大数据·前端·javascript·人工智能·机器学习·信息可视化·html5
LabVIEW开发1 小时前
LabVIEW 前面板装饰图形的格式选择与自定义选板添加
前端·labview·labview知识·labview功能·labview程序
掘金者阿豪2 小时前
GPT-6 Astra 来了,GPT-5.6 Sol 还值得用吗?聊聊 Coding、百万上下文、价格和 Plus/Pro
前端·后端
code 小楊2 小时前
腾讯开源 WeKnora 深度解析:RAG 问答 + ReAct Agent 推理 + 自动 Wiki 图谱,三位一体的企业级知识中台
前端·人工智能·开源·知识图谱
roamingcode2 小时前
让 AI 的回答「逐段说话」:react-streaming 的顺序流式渲染实践
前端·人工智能·react.js·codex
cidy_982 小时前
Main 正式环境合并说明
前端