Browse Source

1、多表联查数据使用系统分页

master
Aug 4 months ago
parent
commit
66ab12ddef
31 changed files with 2201 additions and 0 deletions
  1. +171
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/controller/MytestGoodsController.java
  2. +58
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/entity/MytestGoods.java
  3. +17
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/mapper/MytestGoodsMapper.java
  4. +5
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/mapper/xml/MytestGoodsMapper.xml
  5. +14
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/service/IMytestGoodsService.java
  6. +19
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/service/impl/MytestGoodsServiceImpl.java
  7. +177
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/MytestGoodsList.vue
  8. +109
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/modules/MytestGoodsForm.vue
  9. +84
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/modules/MytestGoodsModal.Style#Drawer.vue
  10. +60
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/modules/MytestGoodsModal.vue
  11. +61
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/MytestGoods.api.ts
  12. +33
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/MytestGoods.data.ts
  13. +162
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/MytestGoodsList.vue
  14. +58
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/components/MytestGoodsModal.vue
  15. +171
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/controller/MytestShopcarController.java
  16. +73
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/entity/MytestShopcar.java
  17. +17
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/mapper/MytestShopcarMapper.java
  18. +5
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/mapper/xml/MytestShopcarMapper.xml
  19. +14
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/service/IMytestShopcarService.java
  20. +19
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/service/impl/MytestShopcarServiceImpl.java
  21. +184
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/MytestShopcarList.vue
  22. +114
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/modules/MytestShopcarForm.vue
  23. +84
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/modules/MytestShopcarModal.Style#Drawer.vue
  24. +60
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/modules/MytestShopcarModal.vue
  25. +61
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/MytestShopcar.api.ts
  26. +49
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/MytestShopcar.data.ts
  27. +162
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/MytestShopcarList.vue
  28. +58
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/components/MytestShopcarModal.vue
  29. +33
    -0
      jeecg-boot-module-system/src/main/java/org/jeecg/modules/api/mytestController/ShopController.java
  30. +10
    -0
      jeecg-boot-module-system/src/main/java/org/jeecg/modules/apiService/ShopApiService.java
  31. +59
    -0
      jeecg-boot-module-system/src/main/java/org/jeecg/modules/apiService/impl/ShopApiServiceImpl.java

+ 171
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/controller/MytestGoodsController.java View File

@ -0,0 +1,171 @@
package org.jeecg.modules.mytestGoods.controller;
import java.util.Arrays;
import java.util.List;
import java.util.Map;
import java.util.stream.Collectors;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.jeecg.common.api.vo.Result;
import org.jeecg.common.system.query.QueryGenerator;
import org.jeecg.common.util.oConvertUtils;
import org.jeecg.modules.mytestGoods.entity.MytestGoods;
import org.jeecg.modules.mytestGoods.service.IMytestGoodsService;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import lombok.extern.slf4j.Slf4j;
import org.jeecgframework.poi.excel.ExcelImportUtil;
import org.jeecgframework.poi.excel.def.NormalExcelConstants;
import org.jeecgframework.poi.excel.entity.ExportParams;
import org.jeecgframework.poi.excel.entity.ImportParams;
import org.jeecgframework.poi.excel.view.JeecgEntityExcelView;
import org.jeecg.common.system.base.controller.JeecgController;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import org.springframework.web.servlet.ModelAndView;
import com.alibaba.fastjson.JSON;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import org.jeecg.common.aspect.annotation.AutoLog;
/**
* @Description: 商品表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
@Api(tags="商品表")
@RestController
@RequestMapping("/mytestGoods/mytestGoods")
@Slf4j
public class MytestGoodsController extends JeecgController<MytestGoods, IMytestGoodsService> {
@Autowired
private IMytestGoodsService mytestGoodsService;
/**
* 分页列表查询
*
* @param mytestGoods
* @param pageNo
* @param pageSize
* @param req
* @return
*/
//@AutoLog(value = "商品表-分页列表查询")
@ApiOperation(value="商品表-分页列表查询", notes="商品表-分页列表查询")
@GetMapping(value = "/list")
public Result<IPage<MytestGoods>> queryPageList(MytestGoods mytestGoods,
@RequestParam(name="pageNo", defaultValue="1") Integer pageNo,
@RequestParam(name="pageSize", defaultValue="10") Integer pageSize,
HttpServletRequest req) {
QueryWrapper<MytestGoods> queryWrapper = QueryGenerator.initQueryWrapper(mytestGoods, req.getParameterMap());
Page<MytestGoods> page = new Page<MytestGoods>(pageNo, pageSize);
IPage<MytestGoods> pageList = mytestGoodsService.page(page, queryWrapper);
return Result.OK(pageList);
}
/**
* 添加
*
* @param mytestGoods
* @return
*/
@AutoLog(value = "商品表-添加")
@ApiOperation(value="商品表-添加", notes="商品表-添加")
@PostMapping(value = "/add")
public Result<String> add(@RequestBody MytestGoods mytestGoods) {
mytestGoodsService.save(mytestGoods);
return Result.OK("添加成功!");
}
/**
* 编辑
*
* @param mytestGoods
* @return
*/
@AutoLog(value = "商品表-编辑")
@ApiOperation(value="商品表-编辑", notes="商品表-编辑")
@RequestMapping(value = "/edit", method = {RequestMethod.PUT,RequestMethod.POST})
public Result<String> edit(@RequestBody MytestGoods mytestGoods) {
mytestGoodsService.updateById(mytestGoods);
return Result.OK("编辑成功!");
}
/**
* 通过id删除
*
* @param id
* @return
*/
@AutoLog(value = "商品表-通过id删除")
@ApiOperation(value="商品表-通过id删除", notes="商品表-通过id删除")
@DeleteMapping(value = "/delete")
public Result<String> delete(@RequestParam(name="id",required=true) String id) {
mytestGoodsService.removeById(id);
return Result.OK("删除成功!");
}
/**
* 批量删除
*
* @param ids
* @return
*/
@AutoLog(value = "商品表-批量删除")
@ApiOperation(value="商品表-批量删除", notes="商品表-批量删除")
@DeleteMapping(value = "/deleteBatch")
public Result<String> deleteBatch(@RequestParam(name="ids",required=true) String ids) {
this.mytestGoodsService.removeByIds(Arrays.asList(ids.split(",")));
return Result.OK("批量删除成功!");
}
/**
* 通过id查询
*
* @param id
* @return
*/
//@AutoLog(value = "商品表-通过id查询")
@ApiOperation(value="商品表-通过id查询", notes="商品表-通过id查询")
@GetMapping(value = "/queryById")
public Result<MytestGoods> queryById(@RequestParam(name="id",required=true) String id) {
MytestGoods mytestGoods = mytestGoodsService.getById(id);
if(mytestGoods==null) {
return Result.error("未找到对应数据");
}
return Result.OK(mytestGoods);
}
/**
* 导出excel
*
* @param request
* @param mytestGoods
*/
@RequestMapping(value = "/exportXls")
public ModelAndView exportXls(HttpServletRequest request, MytestGoods mytestGoods) {
return super.exportXls(request, mytestGoods, MytestGoods.class, "商品表");
}
/**
* 通过excel导入数据
*
* @param request
* @param response
* @return
*/
@RequestMapping(value = "/importExcel", method = RequestMethod.POST)
public Result<?> importExcel(HttpServletRequest request, HttpServletResponse response) {
return super.importExcel(request, response, MytestGoods.class);
}
}

+ 58
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/entity/MytestGoods.java View File

@ -0,0 +1,58 @@
package org.jeecg.modules.mytestGoods.entity;
import java.io.Serializable;
import java.io.UnsupportedEncodingException;
import java.util.Date;
import java.math.BigDecimal;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;
import com.fasterxml.jackson.annotation.JsonFormat;
import org.springframework.format.annotation.DateTimeFormat;
import org.jeecgframework.poi.excel.annotation.Excel;
import org.jeecg.common.aspect.annotation.Dict;
import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.EqualsAndHashCode;
import lombok.experimental.Accessors;
/**
* @Description: 商品表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
@Data
@TableName("mytest_goods")
@Accessors(chain = true)
@EqualsAndHashCode(callSuper = false)
@ApiModel(value="mytest_goods对象", description="商品表")
public class MytestGoods implements Serializable {
private static final long serialVersionUID = 1L;
/**主键*/
@TableId(type = IdType.ASSIGN_ID)
@ApiModelProperty(value = "主键")
private java.lang.String id;
/**创建人*/
@ApiModelProperty(value = "创建人")
private java.lang.String createBy;
/**创建日期*/
@ApiModelProperty(value = "创建日期")
private java.util.Date createTime;
/**更新人*/
@ApiModelProperty(value = "更新人")
private java.lang.String updateBy;
/**更新日期*/
@ApiModelProperty(value = "更新日期")
private java.util.Date updateTime;
/**商品名称*/
@Excel(name = "商品名称", width = 15)
@ApiModelProperty(value = "商品名称")
private java.lang.String name;
/**商品价格*/
@Excel(name = "商品价格", width = 15)
@ApiModelProperty(value = "商品价格")
private java.math.BigDecimal price;
}

+ 17
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/mapper/MytestGoodsMapper.java View File

@ -0,0 +1,17 @@
package org.jeecg.modules.mytestGoods.mapper;
import java.util.List;
import org.apache.ibatis.annotations.Param;
import org.jeecg.modules.mytestGoods.entity.MytestGoods;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
/**
* @Description: 商品表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
public interface MytestGoodsMapper extends BaseMapper<MytestGoods> {
}

+ 5
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/mapper/xml/MytestGoodsMapper.xml View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="org.jeecg.modules.mytestGoods.mapper.MytestGoodsMapper">
</mapper>

+ 14
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/service/IMytestGoodsService.java View File

@ -0,0 +1,14 @@
package org.jeecg.modules.mytestGoods.service;
import org.jeecg.modules.mytestGoods.entity.MytestGoods;
import com.baomidou.mybatisplus.extension.service.IService;
/**
* @Description: 商品表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
public interface IMytestGoodsService extends IService<MytestGoods> {
}

+ 19
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/service/impl/MytestGoodsServiceImpl.java View File

@ -0,0 +1,19 @@
package org.jeecg.modules.mytestGoods.service.impl;
import org.jeecg.modules.mytestGoods.entity.MytestGoods;
import org.jeecg.modules.mytestGoods.mapper.MytestGoodsMapper;
import org.jeecg.modules.mytestGoods.service.IMytestGoodsService;
import org.springframework.stereotype.Service;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
/**
* @Description: 商品表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
@Service
public class MytestGoodsServiceImpl extends ServiceImpl<MytestGoodsMapper, MytestGoods> implements IMytestGoodsService {
}

+ 177
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/MytestGoodsList.vue View File

@ -0,0 +1,177 @@
<template>
<a-card :bordered="false">
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
</a-row>
</a-form>
</div>
<!-- 查询区域-END -->
<!-- 操作按钮区域 -->
<div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('商品表')">导出</a-button>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button>
</a-upload>
<!-- 高级查询区域 -->
<j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
<a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay">
<a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
</a-dropdown>
</div>
<!-- table区域-begin -->
<div>
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
</div>
<a-table
ref="table"
size="middle"
:scroll="{x:true}"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
class="j-table-force-nowrap"
@change="handleTableChange">
<template slot="htmlSlot" slot-scope="text">
<div v-html="text"></div>
</template>
<template slot="imgSlot" slot-scope="text,record">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
<img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
</template>
<template slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button
v-else
:ghost="true"
type="primary"
icon="download"
size="small"
@click="downloadFile(text)">
下载
</a-button>
</template>
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" />
<a-dropdown>
<a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
<a-menu slot="overlay">
<a-menu-item>
<a @click="handleDetail(record)">详情</a>
</a-menu-item>
<a-menu-item>
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a>
</a-popconfirm>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</a-table>
</div>
<mytest-goods-modal ref="modalForm" @ok="modalFormOk"></mytest-goods-modal>
</a-card>
</template>
<script>
import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import MytestGoodsModal from './modules/MytestGoodsModal'
export default {
name: 'MytestGoodsList',
mixins:[JeecgListMixin, mixinDevice],
components: {
MytestGoodsModal
},
data () {
return {
description: '商品表管理页面',
//
columns: [
{
title: '#',
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) {
return parseInt(index)+1;
}
},
{
title:'商品名称',
align:"center",
dataIndex: 'name'
},
{
title:'商品价格',
align:"center",
dataIndex: 'price'
},
{
title: '操作',
dataIndex: 'action',
align:"center",
fixed:"right",
width:147,
scopedSlots: { customRender: 'action' }
}
],
url: {
list: "/mytestGoods/mytestGoods/list",
delete: "/mytestGoods/mytestGoods/delete",
deleteBatch: "/mytestGoods/mytestGoods/deleteBatch",
exportXlsUrl: "/mytestGoods/mytestGoods/exportXls",
importExcelUrl: "mytestGoods/mytestGoods/importExcel",
},
dictOptions:{},
superFieldList:[],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl: function(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
},
methods: {
initDictConfig(){
},
getSuperFieldList(){
let fieldList=[];
fieldList.push({type:'string',value:'name',text:'商品名称',dictCode:''})
fieldList.push({type:'BigDecimal',value:'price',text:'商品价格',dictCode:''})
this.superFieldList = fieldList
}
}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>

+ 109
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/modules/MytestGoodsForm.vue View File

@ -0,0 +1,109 @@
<template>
<a-spin :spinning="confirmLoading">
<j-form-container :disabled="formDisabled">
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
<a-row>
<a-col :span="24">
<a-form-model-item label="商品名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name">
<a-input v-model="model.name" placeholder="请输入商品名称" ></a-input>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="商品价格" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="price">
<a-input-number v-model="model.price" placeholder="请输入商品价格" style="width: 100%" />
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
</j-form-container>
</a-spin>
</template>
<script>
import { httpAction, getAction } from '@/api/manage'
import { validateDuplicateValue } from '@/utils/util'
export default {
name: 'MytestGoodsForm',
components: {
},
props: {
//
disabled: {
type: Boolean,
default: false,
required: false
}
},
data () {
return {
model:{
},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
},
url: {
add: "/mytestGoods/mytestGoods/add",
edit: "/mytestGoods/mytestGoods/edit",
queryById: "/mytestGoods/mytestGoods/queryById"
}
}
},
computed: {
formDisabled(){
return this.disabled
},
},
created () {
//model
this.modelDefault = JSON.parse(JSON.stringify(this.model));
},
methods: {
add () {
this.edit(this.modelDefault);
},
edit (record) {
this.model = Object.assign({}, record);
this.visible = true;
},
submitForm () {
const that = this;
//
this.$refs.form.validate(valid => {
if (valid) {
that.confirmLoading = true;
let httpurl = '';
let method = '';
if(!this.model.id){
httpurl+=this.url.add;
method = 'post';
}else{
httpurl+=this.url.edit;
method = 'put';
}
httpAction(httpurl,this.model,method).then((res)=>{
if(res.success){
that.$message.success(res.message);
that.$emit('ok');
}else{
that.$message.warning(res.message);
}
}).finally(() => {
that.confirmLoading = false;
})
}
})
},
}
}
</script>

+ 84
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/modules/MytestGoodsModal.Style#Drawer.vue View File

@ -0,0 +1,84 @@
<template>
<a-drawer
:title="title"
:width="width"
placement="right"
:closable="false"
@close="close"
destroyOnClose
:visible="visible">
<mytest-goods-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></mytest-goods-form>
<div class="drawer-footer">
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
</div>
</a-drawer>
</template>
<script>
import MytestGoodsForm from './MytestGoodsForm'
export default {
name: 'MytestGoodsModal',
components: {
MytestGoodsForm
},
data () {
return {
title:"操作",
width:800,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
});
},
close () {
this.$emit('close');
this.visible = false;
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
handleCancel () {
this.close()
}
}
}
</script>
<style lang="less" scoped>
/** Button按钮间距 */
.ant-btn {
margin-left: 30px;
margin-bottom: 30px;
float: right;
}
.drawer-footer{
position: absolute;
bottom: -8px;
width: 100%;
border-top: 1px solid #e8e8e8;
padding: 10px 16px;
text-align: right;
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
</style>

+ 60
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue/modules/MytestGoodsModal.vue View File

@ -0,0 +1,60 @@
<template>
<j-modal
:title="title"
:width="width"
:visible="visible"
switchFullscreen
@ok="handleOk"
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
@cancel="handleCancel"
cancelText="关闭">
<mytest-goods-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></mytest-goods-form>
</j-modal>
</template>
<script>
import MytestGoodsForm from './MytestGoodsForm'
export default {
name: 'MytestGoodsModal',
components: {
MytestGoodsForm
},
data () {
return {
title:'',
width:800,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
})
},
close () {
this.$emit('close');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleCancel () {
this.close()
}
}
}
</script>

+ 61
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/MytestGoods.api.ts View File

@ -0,0 +1,61 @@
import {defHttp} from '/@/utils/http/axios';
import {Modal} from 'ant-design-vue';
enum Api {
list = '/mytestGoods/mytestGoods/list',
save='/mytestGoods/mytestGoods/add',
edit='/mytestGoods/mytestGoods/edit',
deleteOne = '/mytestGoods/mytestGoods/delete',
deleteBatch = '/mytestGoods/mytestGoods/deleteBatch',
importExcel = '/mytestGoods/mytestGoods/importExcel',
exportXls = '/mytestGoods/mytestGoods/exportXls',
}
/**
* api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* api
*/
export const getImportUrl = Api.importExcel;
/**
*
* @param params
*/
export const list = (params) =>
defHttp.get({url: Api.list, params});
/**
*
*/
export const deleteOne = (params,handleSuccess) => {
return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
/**
*
* @param params
*/
export const batchDelete = (params, handleSuccess) => {
Modal.confirm({
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
});
}
/**
*
* @param params
*/
export const saveOrUpdate = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({url: url, params});
}

+ 33
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/MytestGoods.data.ts View File

@ -0,0 +1,33 @@
import {BasicColumn} from '/@/components/Table';
import {FormSchema} from '/@/components/Table';
import { rules} from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
//列表数据
export const columns: BasicColumn[] = [
{
title: '商品名称',
align:"center",
dataIndex: 'name'
},
{
title: '商品价格',
align:"center",
dataIndex: 'price'
},
];
//查询数据
export const searchFormSchema: FormSchema[] = [
];
//表单数据
export const formSchema: FormSchema[] = [
{
label: '商品名称',
field: 'name',
component: 'Input',
},
{
label: '商品价格',
field: 'price',
component: 'InputNumber',
},
];

+ 162
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/MytestGoodsList.vue View File

@ -0,0 +1,162 @@
<template>
<div>
<!--引用表格-->
<BasicTable @register="registerTable" :rowSelection="rowSelection">
<!--插槽:table标题-->
<template #tableTitle>
<a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
<a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
<a-dropdown v-if="checkedKeys.length > 0">
<template #overlay>
<a-menu>
<a-menu-item key="1" @click="batchHandleDelete">
<Icon icon="ant-design:delete-outlined"></Icon>
删除
</a-menu-item>
</a-menu>
</template>
<a-button>批量操作
<Icon icon="mdi:chevron-down"></Icon>
</a-button>
</a-dropdown>
</template>
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
</template>
<!--字段回显插槽-->
<template #htmlSlot="{text}">
<div v-html="text"></div>
</template>
<template #fileSlot="{text}">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)">下载</a-button>
</template>
</BasicTable>
<!-- 表单区域 -->
<MytestGoodsModal @register="registerModal" @success="handleSuccess"></MytestGoodsModal>
</div>
</template>
<script lang="ts" name="mytestGoods-mytestGoods" setup>
import {ref, computed, unref} from 'vue';
import {BasicTable, useTable, TableAction} from '/@/components/Table';
import {useModal} from '/@/components/Modal';
import { useListPage } from '/@/hooks/system/useListPage'
import MytestGoodsModal from './components/MytestGoodsModal.vue'
import {columns, searchFormSchema} from './mytestGoods.data';
import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './mytestGoods.api';
const checkedKeys = ref<Array<string | number>>([]);
//model
const [registerModal, {openModal}] = useModal();
//table
const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
tableProps:{
title: '商品表',
api: list,
columns,
canResize:false,
formConfig: {
labelWidth: 120,
schemas: searchFormSchema,
autoSubmitOnEnter:true,
showAdvancedButton:true,
fieldMapToTime: [
],
},
actionColumn: {
width: 120,
},
},
exportConfig: {
name:"商品表",
url: getExportUrl,
},
importConfig: {
url: getImportUrl
},
})
const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
/**
* 新增事件
*/
function handleAdd() {
openModal(true, {
isUpdate: false,
showFooter: true,
});
}
/**
* 编辑事件
*/
function handleEdit(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: true,
});
}
/**
* 详情
*/
function handleDetail(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: false,
});
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteOne({id: record.id}, reload);
}
/**
* 批量删除事件
*/
async function batchHandleDelete() {
await batchDelete({ids: checkedKeys.value}, reload);
}
/**
* 成功回调
*/
function handleSuccess() {
reload();
}
/**
* 操作栏
*/
function getTableAction(record){
return [
{
label: '编辑',
onClick: handleEdit.bind(null, record),
}
]
}
/**
* 下拉操作栏
*/
function getDropDownAction(record){
return [
{
label: '详情',
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
}
]
}
</script>
<style scoped>
</style>

+ 58
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestGoods/vue3/components/MytestGoodsModal.vue View File

@ -0,0 +1,58 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="title" @ok="handleSubmit">
<BasicForm @register="registerForm"/>
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref} from 'vue';
import {BasicModal, useModalInner} from '/@/components/Modal';
import {BasicForm, useForm} from '/@/components/Form/index';
import {formSchema} from '../mytestGoods.data';
import {saveOrUpdate} from '../mytestGoods.api';
// Emits
const emit = defineEmits(['register','success']);
const isUpdate = ref(true);
//
const [registerForm, {setProps,resetFields, setFieldsValue, validate}] = useForm({
labelWidth: 150,
schemas: formSchema,
showActionButtonGroup: false,
});
//
const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
//
await resetFields();
setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter});
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
//
await setFieldsValue({
...data.record,
});
}
//
setProps({ disabled: !data?.showFooter })
});
//
const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
//
async function handleSubmit(v) {
try {
let values = await validate();
setModalProps({confirmLoading: true});
//
await saveOrUpdate(values, isUpdate.value);
//
closeModal();
//
emit('success');
} finally {
setModalProps({confirmLoading: false});
}
}
</script>
<style lang="less" scoped>
</style>

+ 171
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/controller/MytestShopcarController.java View File

@ -0,0 +1,171 @@
package org.jeecg.modules.mytestShopcar.controller;
import java.util.Arrays;
import java.util.List;
import java.util.Map;
import java.util.stream.Collectors;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.net.URLDecoder;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.jeecg.common.api.vo.Result;
import org.jeecg.common.system.query.QueryGenerator;
import org.jeecg.common.util.oConvertUtils;
import org.jeecg.modules.mytestShopcar.entity.MytestShopcar;
import org.jeecg.modules.mytestShopcar.service.IMytestShopcarService;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import lombok.extern.slf4j.Slf4j;
import org.jeecgframework.poi.excel.ExcelImportUtil;
import org.jeecgframework.poi.excel.def.NormalExcelConstants;
import org.jeecgframework.poi.excel.entity.ExportParams;
import org.jeecgframework.poi.excel.entity.ImportParams;
import org.jeecgframework.poi.excel.view.JeecgEntityExcelView;
import org.jeecg.common.system.base.controller.JeecgController;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.multipart.MultipartHttpServletRequest;
import org.springframework.web.servlet.ModelAndView;
import com.alibaba.fastjson.JSON;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import org.jeecg.common.aspect.annotation.AutoLog;
/**
* @Description: 购物车表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
@Api(tags="购物车表")
@RestController
@RequestMapping("/mytestShopcar/mytestShopcar")
@Slf4j
public class MytestShopcarController extends JeecgController<MytestShopcar, IMytestShopcarService> {
@Autowired
private IMytestShopcarService mytestShopcarService;
/**
* 分页列表查询
*
* @param mytestShopcar
* @param pageNo
* @param pageSize
* @param req
* @return
*/
//@AutoLog(value = "购物车表-分页列表查询")
@ApiOperation(value="购物车表-分页列表查询", notes="购物车表-分页列表查询")
@GetMapping(value = "/list")
public Result<IPage<MytestShopcar>> queryPageList(MytestShopcar mytestShopcar,
@RequestParam(name="pageNo", defaultValue="1") Integer pageNo,
@RequestParam(name="pageSize", defaultValue="10") Integer pageSize,
HttpServletRequest req) {
QueryWrapper<MytestShopcar> queryWrapper = QueryGenerator.initQueryWrapper(mytestShopcar, req.getParameterMap());
Page<MytestShopcar> page = new Page<MytestShopcar>(pageNo, pageSize);
IPage<MytestShopcar> pageList = mytestShopcarService.page(page, queryWrapper);
return Result.OK(pageList);
}
/**
* 添加
*
* @param mytestShopcar
* @return
*/
@AutoLog(value = "购物车表-添加")
@ApiOperation(value="购物车表-添加", notes="购物车表-添加")
@PostMapping(value = "/add")
public Result<String> add(@RequestBody MytestShopcar mytestShopcar) {
mytestShopcarService.save(mytestShopcar);
return Result.OK("添加成功!");
}
/**
* 编辑
*
* @param mytestShopcar
* @return
*/
@AutoLog(value = "购物车表-编辑")
@ApiOperation(value="购物车表-编辑", notes="购物车表-编辑")
@RequestMapping(value = "/edit", method = {RequestMethod.PUT,RequestMethod.POST})
public Result<String> edit(@RequestBody MytestShopcar mytestShopcar) {
mytestShopcarService.updateById(mytestShopcar);
return Result.OK("编辑成功!");
}
/**
* 通过id删除
*
* @param id
* @return
*/
@AutoLog(value = "购物车表-通过id删除")
@ApiOperation(value="购物车表-通过id删除", notes="购物车表-通过id删除")
@DeleteMapping(value = "/delete")
public Result<String> delete(@RequestParam(name="id",required=true) String id) {
mytestShopcarService.removeById(id);
return Result.OK("删除成功!");
}
/**
* 批量删除
*
* @param ids
* @return
*/
@AutoLog(value = "购物车表-批量删除")
@ApiOperation(value="购物车表-批量删除", notes="购物车表-批量删除")
@DeleteMapping(value = "/deleteBatch")
public Result<String> deleteBatch(@RequestParam(name="ids",required=true) String ids) {
this.mytestShopcarService.removeByIds(Arrays.asList(ids.split(",")));
return Result.OK("批量删除成功!");
}
/**
* 通过id查询
*
* @param id
* @return
*/
//@AutoLog(value = "购物车表-通过id查询")
@ApiOperation(value="购物车表-通过id查询", notes="购物车表-通过id查询")
@GetMapping(value = "/queryById")
public Result<MytestShopcar> queryById(@RequestParam(name="id",required=true) String id) {
MytestShopcar mytestShopcar = mytestShopcarService.getById(id);
if(mytestShopcar==null) {
return Result.error("未找到对应数据");
}
return Result.OK(mytestShopcar);
}
/**
* 导出excel
*
* @param request
* @param mytestShopcar
*/
@RequestMapping(value = "/exportXls")
public ModelAndView exportXls(HttpServletRequest request, MytestShopcar mytestShopcar) {
return super.exportXls(request, mytestShopcar, MytestShopcar.class, "购物车表");
}
/**
* 通过excel导入数据
*
* @param request
* @param response
* @return
*/
@RequestMapping(value = "/importExcel", method = RequestMethod.POST)
public Result<?> importExcel(HttpServletRequest request, HttpServletResponse response) {
return super.importExcel(request, response, MytestShopcar.class);
}
}

+ 73
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/entity/MytestShopcar.java View File

@ -0,0 +1,73 @@
package org.jeecg.modules.mytestShopcar.entity;
import java.io.Serializable;
import java.io.UnsupportedEncodingException;
import java.util.Date;
import java.math.BigDecimal;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;
import com.fasterxml.jackson.annotation.JsonFormat;
import org.jeecg.modules.mytestGoods.entity.MytestGoods;
import org.jeecg.modules.mytestUser.entity.MytestUser;
import org.springframework.format.annotation.DateTimeFormat;
import org.jeecgframework.poi.excel.annotation.Excel;
import org.jeecg.common.aspect.annotation.Dict;
import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.EqualsAndHashCode;
import lombok.experimental.Accessors;
/**
* @Description: 购物车表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
@Data
@TableName("mytest_shopcar")
@Accessors(chain = true)
@EqualsAndHashCode(callSuper = false)
@ApiModel(value="mytest_shopcar对象", description="购物车表")
public class MytestShopcar implements Serializable {
private static final long serialVersionUID = 1L;
/**主键*/
@TableId(type = IdType.ASSIGN_ID)
@ApiModelProperty(value = "主键")
private java.lang.String id;
/**创建人*/
@ApiModelProperty(value = "创建人")
private java.lang.String createBy;
/**创建日期*/
@ApiModelProperty(value = "创建日期")
private java.util.Date createTime;
/**更新人*/
@ApiModelProperty(value = "更新人")
private java.lang.String updateBy;
/**更新日期*/
@ApiModelProperty(value = "更新日期")
private java.util.Date updateTime;
/**购物车数量*/
@Excel(name = "购物车数量", width = 15)
@ApiModelProperty(value = "购物车数量")
private java.lang.String number;
/**关联商品id*/
@Excel(name = "关联商品id", width = 15, dictTable = "mytest_goods", dicText = "name", dicCode = "id")
@Dict(dictTable = "mytest_goods", dicText = "name", dicCode = "id")
@ApiModelProperty(value = "关联商品id")
private java.lang.String goodId;
/**关联用户id*/
@Excel(name = "关联用户id", width = 15, dictTable = "mytest_user", dicText = "name", dicCode = "id")
@Dict(dictTable = "mytest_user", dicText = "name", dicCode = "id")
@ApiModelProperty(value = "关联用户id")
private java.lang.String userId;
@TableField(exist = false)
private MytestUser user;
@TableField(exist = false)
private MytestGoods goods;
}

+ 17
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/mapper/MytestShopcarMapper.java View File

@ -0,0 +1,17 @@
package org.jeecg.modules.mytestShopcar.mapper;
import java.util.List;
import org.apache.ibatis.annotations.Param;
import org.jeecg.modules.mytestShopcar.entity.MytestShopcar;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
/**
* @Description: 购物车表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
public interface MytestShopcarMapper extends BaseMapper<MytestShopcar> {
}

+ 5
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/mapper/xml/MytestShopcarMapper.xml View File

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="org.jeecg.modules.mytestShopcar.mapper.MytestShopcarMapper">
</mapper>

+ 14
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/service/IMytestShopcarService.java View File

@ -0,0 +1,14 @@
package org.jeecg.modules.mytestShopcar.service;
import org.jeecg.modules.mytestShopcar.entity.MytestShopcar;
import com.baomidou.mybatisplus.extension.service.IService;
/**
* @Description: 购物车表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
public interface IMytestShopcarService extends IService<MytestShopcar> {
}

+ 19
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/service/impl/MytestShopcarServiceImpl.java View File

@ -0,0 +1,19 @@
package org.jeecg.modules.mytestShopcar.service.impl;
import org.jeecg.modules.mytestShopcar.entity.MytestShopcar;
import org.jeecg.modules.mytestShopcar.mapper.MytestShopcarMapper;
import org.jeecg.modules.mytestShopcar.service.IMytestShopcarService;
import org.springframework.stereotype.Service;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
/**
* @Description: 购物车表
* @Author: jeecg-boot
* @Date: 2024-10-29
* @Version: V1.0
*/
@Service
public class MytestShopcarServiceImpl extends ServiceImpl<MytestShopcarMapper, MytestShopcar> implements IMytestShopcarService {
}

+ 184
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/MytestShopcarList.vue View File

@ -0,0 +1,184 @@
<template>
<a-card :bordered="false">
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
</a-row>
</a-form>
</div>
<!-- 查询区域-END -->
<!-- 操作按钮区域 -->
<div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('购物车表')">导出</a-button>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button>
</a-upload>
<!-- 高级查询区域 -->
<j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
<a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay">
<a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
</a-dropdown>
</div>
<!-- table区域-begin -->
<div>
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
</div>
<a-table
ref="table"
size="middle"
:scroll="{x:true}"
bordered
rowKey="id"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:rowSelection="{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}"
class="j-table-force-nowrap"
@change="handleTableChange">
<template slot="htmlSlot" slot-scope="text">
<div v-html="text"></div>
</template>
<template slot="imgSlot" slot-scope="text,record">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
<img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
</template>
<template slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button
v-else
:ghost="true"
type="primary"
icon="download"
size="small"
@click="downloadFile(text)">
下载
</a-button>
</template>
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" />
<a-dropdown>
<a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
<a-menu slot="overlay">
<a-menu-item>
<a @click="handleDetail(record)">详情</a>
</a-menu-item>
<a-menu-item>
<a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
<a>删除</a>
</a-popconfirm>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</a-table>
</div>
<mytest-shopcar-modal ref="modalForm" @ok="modalFormOk"></mytest-shopcar-modal>
</a-card>
</template>
<script>
import '@/assets/less/TableExpand.less'
import { mixinDevice } from '@/utils/mixin'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import MytestShopcarModal from './modules/MytestShopcarModal'
import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
export default {
name: 'MytestShopcarList',
mixins:[JeecgListMixin, mixinDevice],
components: {
MytestShopcarModal
},
data () {
return {
description: '购物车表管理页面',
//
columns: [
{
title: '#',
dataIndex: '',
key:'rowIndex',
width:60,
align:"center",
customRender:function (t,r,index) {
return parseInt(index)+1;
}
},
{
title:'购物车数量',
align:"center",
dataIndex: 'number'
},
{
title:'关联商品id',
align:"center",
dataIndex: 'goodId_dictText'
},
{
title:'关联用户id',
align:"center",
dataIndex: 'userId_dictText'
},
{
title: '操作',
dataIndex: 'action',
align:"center",
fixed:"right",
width:147,
scopedSlots: { customRender: 'action' }
}
],
url: {
list: "/mytestShopcar/mytestShopcar/list",
delete: "/mytestShopcar/mytestShopcar/delete",
deleteBatch: "/mytestShopcar/mytestShopcar/deleteBatch",
exportXlsUrl: "/mytestShopcar/mytestShopcar/exportXls",
importExcelUrl: "mytestShopcar/mytestShopcar/importExcel",
},
dictOptions:{},
superFieldList:[],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl: function(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
},
methods: {
initDictConfig(){
},
getSuperFieldList(){
let fieldList=[];
fieldList.push({type:'string',value:'number',text:'购物车数量',dictCode:''})
fieldList.push({type:'string',value:'goodId',text:'关联商品id',dictCode:"mytest_goods,name,id"})
fieldList.push({type:'string',value:'userId',text:'关联用户id',dictCode:"mytest_user,name,id"})
this.superFieldList = fieldList
}
}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>

+ 114
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/modules/MytestShopcarForm.vue View File

@ -0,0 +1,114 @@
<template>
<a-spin :spinning="confirmLoading">
<j-form-container :disabled="formDisabled">
<a-form-model ref="form" :model="model" :rules="validatorRules" slot="detail">
<a-row>
<a-col :span="24">
<a-form-model-item label="购物车数量" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="number">
<a-input v-model="model.number" placeholder="请输入购物车数量" ></a-input>
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="关联商品id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="goodId">
<j-dict-select-tag type="list" v-model="model.goodId" dictCode="mytest_goods,name,id" placeholder="请选择关联商品id" />
</a-form-model-item>
</a-col>
<a-col :span="24">
<a-form-model-item label="关联用户id" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="userId">
<j-dict-select-tag type="list" v-model="model.userId" dictCode="mytest_user,name,id" placeholder="请选择关联用户id" />
</a-form-model-item>
</a-col>
</a-row>
</a-form-model>
</j-form-container>
</a-spin>
</template>
<script>
import { httpAction, getAction } from '@/api/manage'
import { validateDuplicateValue } from '@/utils/util'
export default {
name: 'MytestShopcarForm',
components: {
},
props: {
//
disabled: {
type: Boolean,
default: false,
required: false
}
},
data () {
return {
model:{
},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
},
url: {
add: "/mytestShopcar/mytestShopcar/add",
edit: "/mytestShopcar/mytestShopcar/edit",
queryById: "/mytestShopcar/mytestShopcar/queryById"
}
}
},
computed: {
formDisabled(){
return this.disabled
},
},
created () {
//model
this.modelDefault = JSON.parse(JSON.stringify(this.model));
},
methods: {
add () {
this.edit(this.modelDefault);
},
edit (record) {
this.model = Object.assign({}, record);
this.visible = true;
},
submitForm () {
const that = this;
//
this.$refs.form.validate(valid => {
if (valid) {
that.confirmLoading = true;
let httpurl = '';
let method = '';
if(!this.model.id){
httpurl+=this.url.add;
method = 'post';
}else{
httpurl+=this.url.edit;
method = 'put';
}
httpAction(httpurl,this.model,method).then((res)=>{
if(res.success){
that.$message.success(res.message);
that.$emit('ok');
}else{
that.$message.warning(res.message);
}
}).finally(() => {
that.confirmLoading = false;
})
}
})
},
}
}
</script>

+ 84
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/modules/MytestShopcarModal.Style#Drawer.vue View File

@ -0,0 +1,84 @@
<template>
<a-drawer
:title="title"
:width="width"
placement="right"
:closable="false"
@close="close"
destroyOnClose
:visible="visible">
<mytest-shopcar-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit" normal></mytest-shopcar-form>
<div class="drawer-footer">
<a-button @click="handleCancel" style="margin-bottom: 0;">关闭</a-button>
<a-button v-if="!disableSubmit" @click="handleOk" type="primary" style="margin-bottom: 0;">提交</a-button>
</div>
</a-drawer>
</template>
<script>
import MytestShopcarForm from './MytestShopcarForm'
export default {
name: 'MytestShopcarModal',
components: {
MytestShopcarForm
},
data () {
return {
title:"操作",
width:800,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
});
},
close () {
this.$emit('close');
this.visible = false;
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
handleCancel () {
this.close()
}
}
}
</script>
<style lang="less" scoped>
/** Button按钮间距 */
.ant-btn {
margin-left: 30px;
margin-bottom: 30px;
float: right;
}
.drawer-footer{
position: absolute;
bottom: -8px;
width: 100%;
border-top: 1px solid #e8e8e8;
padding: 10px 16px;
text-align: right;
left: 0;
background: #fff;
border-radius: 0 0 2px 2px;
}
</style>

+ 60
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue/modules/MytestShopcarModal.vue View File

@ -0,0 +1,60 @@
<template>
<j-modal
:title="title"
:width="width"
:visible="visible"
switchFullscreen
@ok="handleOk"
:okButtonProps="{ class:{'jee-hidden': disableSubmit} }"
@cancel="handleCancel"
cancelText="关闭">
<mytest-shopcar-form ref="realForm" @ok="submitCallback" :disabled="disableSubmit"></mytest-shopcar-form>
</j-modal>
</template>
<script>
import MytestShopcarForm from './MytestShopcarForm'
export default {
name: 'MytestShopcarModal',
components: {
MytestShopcarForm
},
data () {
return {
title:'',
width:800,
visible: false,
disableSubmit: false
}
},
methods: {
add () {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.add();
})
},
edit (record) {
this.visible=true
this.$nextTick(()=>{
this.$refs.realForm.edit(record);
})
},
close () {
this.$emit('close');
this.visible = false;
},
handleOk () {
this.$refs.realForm.submitForm();
},
submitCallback(){
this.$emit('ok');
this.visible = false;
},
handleCancel () {
this.close()
}
}
}
</script>

+ 61
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/MytestShopcar.api.ts View File

@ -0,0 +1,61 @@
import {defHttp} from '/@/utils/http/axios';
import {Modal} from 'ant-design-vue';
enum Api {
list = '/mytestShopcar/mytestShopcar/list',
save='/mytestShopcar/mytestShopcar/add',
edit='/mytestShopcar/mytestShopcar/edit',
deleteOne = '/mytestShopcar/mytestShopcar/delete',
deleteBatch = '/mytestShopcar/mytestShopcar/deleteBatch',
importExcel = '/mytestShopcar/mytestShopcar/importExcel',
exportXls = '/mytestShopcar/mytestShopcar/exportXls',
}
/**
* api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* api
*/
export const getImportUrl = Api.importExcel;
/**
*
* @param params
*/
export const list = (params) =>
defHttp.get({url: Api.list, params});
/**
*
*/
export const deleteOne = (params,handleSuccess) => {
return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
/**
*
* @param params
*/
export const batchDelete = (params, handleSuccess) => {
Modal.confirm({
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
});
}
/**
*
* @param params
*/
export const saveOrUpdate = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({url: url, params});
}

+ 49
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/MytestShopcar.data.ts View File

@ -0,0 +1,49 @@
import {BasicColumn} from '/@/components/Table';
import {FormSchema} from '/@/components/Table';
import { rules} from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
//列表数据
export const columns: BasicColumn[] = [
{
title: '购物车数量',
align:"center",
dataIndex: 'number'
},
{
title: '关联商品id',
align:"center",
dataIndex: 'goodId_dictText'
},
{
title: '关联用户id',
align:"center",
dataIndex: 'userId_dictText'
},
];
//查询数据
export const searchFormSchema: FormSchema[] = [
];
//表单数据
export const formSchema: FormSchema[] = [
{
label: '购物车数量',
field: 'number',
component: 'Input',
},
{
label: '关联商品id',
field: 'goodId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"mytest_goods,name,id"
},
},
{
label: '关联用户id',
field: 'userId',
component: 'JDictSelectTag',
componentProps:{
dictCode:"mytest_user,name,id"
},
},
];

+ 162
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/MytestShopcarList.vue View File

@ -0,0 +1,162 @@
<template>
<div>
<!--引用表格-->
<BasicTable @register="registerTable" :rowSelection="rowSelection">
<!--插槽:table标题-->
<template #tableTitle>
<a-button type="primary" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button>
<a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
<j-upload-button type="primary" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button>
<a-dropdown v-if="checkedKeys.length > 0">
<template #overlay>
<a-menu>
<a-menu-item key="1" @click="batchHandleDelete">
<Icon icon="ant-design:delete-outlined"></Icon>
删除
</a-menu-item>
</a-menu>
</template>
<a-button>批量操作
<Icon icon="mdi:chevron-down"></Icon>
</a-button>
</a-dropdown>
</template>
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/>
</template>
<!--字段回显插槽-->
<template #htmlSlot="{text}">
<div v-html="text"></div>
</template>
<template #fileSlot="{text}">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button v-else :ghost="true" type="primary" preIcon="ant-design:download-outlined" size="small" @click="downloadFile(text)">下载</a-button>
</template>
</BasicTable>
<!-- 表单区域 -->
<MytestShopcarModal @register="registerModal" @success="handleSuccess"></MytestShopcarModal>
</div>
</template>
<script lang="ts" name="mytestShopcar-mytestShopcar" setup>
import {ref, computed, unref} from 'vue';
import {BasicTable, useTable, TableAction} from '/@/components/Table';
import {useModal} from '/@/components/Modal';
import { useListPage } from '/@/hooks/system/useListPage'
import MytestShopcarModal from './components/MytestShopcarModal.vue'
import {columns, searchFormSchema} from './mytestShopcar.data';
import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './mytestShopcar.api';
const checkedKeys = ref<Array<string | number>>([]);
//model
const [registerModal, {openModal}] = useModal();
//table
const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
tableProps:{
title: '购物车表',
api: list,
columns,
canResize:false,
formConfig: {
labelWidth: 120,
schemas: searchFormSchema,
autoSubmitOnEnter:true,
showAdvancedButton:true,
fieldMapToTime: [
],
},
actionColumn: {
width: 120,
},
},
exportConfig: {
name:"购物车表",
url: getExportUrl,
},
importConfig: {
url: getImportUrl
},
})
const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext
/**
* 新增事件
*/
function handleAdd() {
openModal(true, {
isUpdate: false,
showFooter: true,
});
}
/**
* 编辑事件
*/
function handleEdit(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: true,
});
}
/**
* 详情
*/
function handleDetail(record: Recordable) {
openModal(true, {
record,
isUpdate: true,
showFooter: false,
});
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteOne({id: record.id}, reload);
}
/**
* 批量删除事件
*/
async function batchHandleDelete() {
await batchDelete({ids: checkedKeys.value}, reload);
}
/**
* 成功回调
*/
function handleSuccess() {
reload();
}
/**
* 操作栏
*/
function getTableAction(record){
return [
{
label: '编辑',
onClick: handleEdit.bind(null, record),
}
]
}
/**
* 下拉操作栏
*/
function getDropDownAction(record){
return [
{
label: '详情',
onClick: handleDetail.bind(null, record),
}, {
label: '删除',
popConfirm: {
title: '是否确认删除',
confirm: handleDelete.bind(null, record),
}
}
]
}
</script>
<style scoped>
</style>

+ 58
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/mytestShopcar/vue3/components/MytestShopcarModal.vue View File

@ -0,0 +1,58 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="title" @ok="handleSubmit">
<BasicForm @register="registerForm"/>
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref} from 'vue';
import {BasicModal, useModalInner} from '/@/components/Modal';
import {BasicForm, useForm} from '/@/components/Form/index';
import {formSchema} from '../mytestShopcar.data';
import {saveOrUpdate} from '../mytestShopcar.api';
// Emits
const emit = defineEmits(['register','success']);
const isUpdate = ref(true);
//
const [registerForm, {setProps,resetFields, setFieldsValue, validate}] = useForm({
labelWidth: 150,
schemas: formSchema,
showActionButtonGroup: false,
});
//
const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
//
await resetFields();
setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter});
isUpdate.value = !!data?.isUpdate;
if (unref(isUpdate)) {
//
await setFieldsValue({
...data.record,
});
}
//
setProps({ disabled: !data?.showFooter })
});
//
const title = computed(() => (!unref(isUpdate) ? '新增' : '编辑'));
//
async function handleSubmit(v) {
try {
let values = await validate();
setModalProps({confirmLoading: true});
//
await saveOrUpdate(values, isUpdate.value);
//
closeModal();
//
emit('success');
} finally {
setModalProps({confirmLoading: false});
}
}
</script>
<style lang="less" scoped>
</style>

+ 33
- 0
jeecg-boot-module-system/src/main/java/org/jeecg/modules/api/mytestController/ShopController.java View File

@ -0,0 +1,33 @@
package org.jeecg.modules.api.mytestController;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import lombok.extern.slf4j.Slf4j;
import org.jeecg.common.api.vo.Result;
import org.jeecg.modules.apiBean.PageBean;
import org.jeecg.modules.apiService.ShopApiService;
import org.jeecg.modules.apiService.UserApiService;
import org.jeecg.modules.mytestUser.entity.MytestUser;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.bind.annotation.RestController;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
@Api(tags="购物车相关接口")
@RestController
@RequestMapping("/api/shop")
@Slf4j
public class ShopController {
@Resource
private ShopApiService shopApiService;
@ApiOperation(value="查询购物车列表", notes="查询购物车列表")
@RequestMapping(value = "/queryShopcarList", method = {RequestMethod.GET})
public Result<?> queryShopcarList(PageBean pageBean){
return shopApiService.queryShopcarList(pageBean);
}
}

+ 10
- 0
jeecg-boot-module-system/src/main/java/org/jeecg/modules/apiService/ShopApiService.java View File

@ -0,0 +1,10 @@
package org.jeecg.modules.apiService;
import org.jeecg.common.api.vo.Result;
import org.jeecg.modules.apiBean.PageBean;
import org.jeecg.modules.mytestUser.entity.MytestUser;
public interface ShopApiService {
public Result<?> queryShopcarList(PageBean pageBean);
}

+ 59
- 0
jeecg-boot-module-system/src/main/java/org/jeecg/modules/apiService/impl/ShopApiServiceImpl.java View File

@ -0,0 +1,59 @@
package org.jeecg.modules.apiService.impl;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import org.jeecg.common.api.vo.Result;
import org.jeecg.modules.apiBean.PageBean;
import org.jeecg.modules.apiService.ShopApiService;
import org.jeecg.modules.mytestGoods.entity.MytestGoods;
import org.jeecg.modules.mytestGoods.service.IMytestGoodsService;
import org.jeecg.modules.mytestShopcar.entity.MytestShopcar;
import org.jeecg.modules.mytestShopcar.service.IMytestShopcarService;
import org.jeecg.modules.mytestUser.entity.MytestUser;
import org.jeecg.modules.mytestUser.service.IMytestUserService;
import org.springframework.stereotype.Service;
import javax.annotation.Resource;
@Service
public class ShopApiServiceImpl implements ShopApiService {
//购物车表
@Resource
private IMytestShopcarService mytestShopcarService;
//商品表
@Resource
private IMytestGoodsService mytestGoodsService;
//用户表
@Resource
private IMytestUserService mytestUserService;
@Override
public Result<?> queryShopcarList(PageBean pageBean) {
//分页信息
Page<MytestShopcar> page = new Page<MytestShopcar>(pageBean.getPageNo(), pageBean.getPageSize());
//查询购物车信息
Page<MytestShopcar> pageList = mytestShopcarService
.lambdaQuery()
.page(page);
//添加购物车关联信息
for (MytestShopcar record : pageList.getRecords()) {
//获取关联id
String goodId = record.getGoodId();
String userId = record.getUserId();
//根据关联id获取对应对象
MytestGoods good = mytestGoodsService.getById(goodId);
MytestUser user = mytestUserService.getById(userId);
//将关联对象添加至购物车对象
record.setGoods(good);
record.setUser(user);
}
return Result.OK("购物车信息", pageList);
}
}

Loading…
Cancel
Save