jeecgboot框架 下拉框查询数据库中的某个字段

本文介绍了一个基于SpringBoot的后端查询接口与Vue前端的项目选择组件实现。后端通过@GetMapping注解提供查询服务,使用QueryWrapper进行条件筛选,返回符合条件的项目列表。前端采用Ant Design的Select组件,通过v-model双向绑定与v-for循环渲染项目名称,实现项目名称的选择功能。

查询页面:

后台部分

    @GetMapping("/queryProjectName")
    public Result<?> queryProjectName(){
   
   
    	QueryWrapper<YsxProject> queryWrapper=new QueryWrapper<YsxProject>();
    	queryWrapper.eq("del_flag",0).eq("project_status",2);
		List<YsxProject
### JeecgBoot 开发教程与示例 #### 创建并运行第一个JeecgBoot项目 为了创建一个新的JeecgBoot项目,可以按照官方文档指南进行操作。确保环境已经准备好,即安装了必要的依赖项如Node.js、Java等。初始化新项目的命令通常如下所示: ```bash mvn archetype:generate -DarchetypeGroupId=org.jeecgframework \ -DarchetypeArtifactId=jeecg-boot-archetype-vue3 \ -DarchetypeVersion=2.0.0-SNAPSHOT \ -DgroupId=com.example \ -DartifactId=my-jeecgboot-app \ -Dversion=1.0-SNAPSHOT \ -Dpackage=com.example.myapp \ -DinteractiveMode=false ``` 此命令会基于指定模板生成一个基础结构完整的JeecgBoot应用程序[^1]。 #### 实现“商品管理”模块 当完成上述步骤之后,可以通过添加新的业务逻辑来扩展这个框架。例如,“商品管理”的实现涉及到数据库表的设计以及前后端交互接口的编写。具体而言,在`src/main/java/com/example/myapp/modules/goods/entity/Goods.java`定义实体类;接着利用MyBatis Plus简化持久层代码开发;最后在前端部分通过Vue组件展示列表,并允许增删改查操作[^2]。 #### 使用Vben增强用户体验 考虑到现代Web应用的需求,JeecgBoot-Vue3集成了多种前沿技术栈,其中就包含了由[Vben Admin](https://github.com/anncwb/vite-project)提供的高级UI库。这使得开发者能够快速搭建美观且响应式的界面布局,同时享受TypeScript带来的静态类型检查优势。比如,针对复杂的表格渲染场景,可以直接调用预置好的Table组件,而无需手动处理DOM节点或样式绑定等问题[^3]。 #### 字典功能的应用实例 字典(Dictionary)作为系统配置的重要组成部分之一,在实际项目里经常用来表示固定选项集合。以用户性别为例,可以在后台管理系统中预先录入若干条记录,每一条对应于不同的取值范围及其描述文字。随后,在涉及该字段的地方引用相应的`dictCode`参数名即可自动加载对应的下拉框内容。此外,借助j-popup弹窗控件还可以进一步优化选择体验,让用户更加直观地浏览和选取目标项[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值