新增电子书表单及编辑功能

最新推荐文章于 2023-08-06 00:05:10 发布
最新推荐文章于 2023-08-06 00:05:10 发布
阅读量290 收藏
点赞数
分类专栏： SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qzw752890913/article/details/117360603
版权

文章目录

新增电子书表单

主要是对admin-book.vue进行修改。

  • 点击编辑按钮，弹出对话框，这里使用Antd的Modal组件
<template>
  <a-layout>
    <a-layout-content
        :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
    >
      <a-table :columns="columns" 
        :dataSource="ebooks"
        :row-key="record=>record.id"
        :pagination="pagination"
        :loading="loading"
        @change="handleTableChange">
        <template #cover="{text:cover}">
          <img v-if="cover" :src="cover" alt="avatar">
        </template>
        <template #action="{text,record}">
          <a-space>
            <a-button type="primary" @click="handleEdit">编辑</a-button>
            <a-button type="danger">删除</a-button>
          </a-space>
        </template>
      </a-table>
    </a-layout-content>

  </a-layout>

  <a-modal
    title="电子书表单"
    v-model:visible="visible"
    :confirm-loading="confirmLoading"
    @ok="handleOk"
  >
    <p>{{ modalText }}</p>
  </a-modal>

</template>


<script lang="ts">

import { defineComponent,ref,onMounted} from 'vue';
import axios from "axios";
export default defineComponent({
  name:"AdminEbook",
  setup() {
    const ebooks = ref();
    const pagination = ref({
      current:1,
      pageSize:4,
      total:0
    });
    const loading = ref(false);
    const columns = [
      {
        title:"封面",
        dataIndex:"cover",
        key:"cover",
        slots:{customRender:'cover'}
      },
      {
        title:"名称",
        key:"name",
        dataIndex:"name"
      },
      {
        title:"分类一",
        key:"category1Id",
        dataIndex:"category1Id"
      },
      {
        title:"分类二",
        key:"category2Id",
        dataIndex:"category2Id"
      },
      {
        title:"文档数",
        key:"docCount",
        dataIndex:"docCount"
      },
      {
        title:"阅读数",
        key:"viewCount",
        dataIndex:"viewCount"
      },
      {
        title:"点赞数",
        key:"vouteCount",
        dataIndex:"voteCount"
      },
      {
        title:"操作",
        key:"action",
        dataIndex:"action",
        slots:{customRender:'action'}

      }
    ];

    const visible = ref(false);
    const modalText = ref('test');
    const confirmLoading = ref(false);

    const handleQuery = (params:any) => {
      loading.value = true;
      axios.get("/ebook/list",{params:params}).then(response => {
        loading.value = false;
        const data = response.data.content;
        ebooks.value = data.list;
        
        pagination.value.total = data.total;
        pagination.value.current = params.page;
      })
    };

    const handleTableChange = (pagination:any) => {
      handleQuery({
        page:pagination.current,
        size:pagination.pageSize
      });
    }

    const handleEdit = (record:any) => {
      visible.value = true;
    }

    const handleOk = () => {
      modalText.value = 'The modal will be closed after two seconds';
      confirmLoading.value = true;
      setTimeout(() => {
        visible.value = false;
        confirmLoading.value = false;
      }, 2000);
    };
    
    onMounted(() => {
      handleQuery({
        page:1,
        size:pagination.value.pageSize
      });
    })

    return {
      columns,
      ebooks,
      loading,
      pagination,
      handleTableChange,
      visible,
      modalText,
      confirmLoading,
      handleEdit,
      handleOk
    }
  }
})
</script>


<style scoped>
img{
  width: 48px;
  height: 48px;
}
</style>

在这里插入图片描述

  • 弹出的对话框，框中内容是表单，所以使用Antd的Form组件
<template>
  <a-layout>
    <a-layout-content
        :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
    >
      <a-table :columns="columns" 
        :dataSource="ebooks"
        :row-key="record=>record.id"
        :pagination="pagination"
        :loading="loading"
        @change="handleTableChange">
        <template #cover="{text:cover}">
          <img v-if="cover" :src="cover" alt="avatar">
        </template>
        <template #action="{text,record}">
          <a-space>
            <a-button type="primary" @click="handleEdit(record)">编辑</a-button>
            <a-button type="danger">删除</a-button>
          </a-space>
        </template>
      </a-table>
    </a-layout-content>

  </a-layout>

  <a-modal
    title="电子书表单"
    v-model:visible="visible"
    :confirm-loading="confirmLoading"
    @ok="handleOk"
  >
    <a-form :model="ebook" :label-col="{span:4}" :wrapper-col="{span:16}">
      <a-form-item label="封面">
        <a-input v-model:value="ebook.cover" />
      </a-form-item>
      <a-form-item label="名称">
        <a-input v-model:value="ebook.name" />
      </a-form-item>
      <a-form-item label="分类一">
        <a-input v-model:value="ebook.category1Id" />
      </a-form-item>  
      <a-form-item label="分类二">
        <a-input v-model:value="ebook.category2Id" />
      </a-form-item>     
      <a-form-item label="描述">
        <a-input v-model:value="ebook.description" />
      </a-form-item>      
    </a-form>
  </a-modal>

</template>


<script lang="ts">

import { defineComponent,ref,onMounted} from 'vue';
import axios from "axios";
export default defineComponent({
  name:"AdminEbook",
  setup() {
    const ebooks = ref();
    const pagination = ref({
      current:1,
      pageSize:4,
      total:0
    });
    const loading = ref(false);
    const columns = [
      {
        title:"封面",
        dataIndex:"cover",
        key:"cover",
        slots:{customRender:'cover'}
      },
      {
        title:"名称",
        key:"name",
        dataIndex:"name"
      },
      {
        title:"分类一",
        key:"category1Id",
        dataIndex:"category1Id"
      },
      {
        title:"分类二",
        key:"category2Id",
        dataIndex:"category2Id"
      },
      {
        title:"文档数",
        key:"docCount",
        dataIndex:"docCount"
      },
      {
        title:"阅读数",
        key:"viewCount",
        dataIndex:"viewCount"
      },
      {
        title:"点赞数",
        key:"vouteCount",
        dataIndex:"voteCount"
      },
      {
        title:"操作",
        key:"action",
        dataIndex:"action",
        slots:{customRender:'action'}

      }
    ];

    const visible = ref(false);
    const modalText = ref('test');
    const confirmLoading = ref(false);
    const ebook= ref({});

    const handleQuery = (params:any) => {
      loading.value = true;
      axios.get("/ebook/list",{params:params}).then(response => {
        loading.value = false;
        const data = response.data.content;
        ebooks.value = data.list;
        
        pagination.value.total = data.total;
        pagination.value.current = params.page;
      })
    };

    const handleTableChange = (pagination:any) => {
      handleQuery({
        page:pagination.current,
        size:pagination.pageSize
      });
    }

    const handleEdit = (record:any) => {
      visible.value = true;
      ebook.value = record;
    }

    const handleOk = () => {
      modalText.value = 'The modal will be closed after two seconds';
      confirmLoading.value = true;
      setTimeout(() => {
        visible.value = false;
        confirmLoading.value = false;
      }, 2000);
    };
    
    onMounted(() => {
      handleQuery({
        page:1,
        size:pagination.value.pageSize
      });
    })

    return {
      columns,
      ebooks,
      loading,
      pagination,
      handleTableChange,
      visible,
      modalText,
      confirmLoading,
      handleEdit,
      handleOk,
      ebook
    }
  }
})
</script>


<style scoped>
img{
  width: 48px;
  height: 48px;
}
</style>

在这里插入图片描述

完成电子书编辑功能
新增并测试后端接口

修改电子书属性后，点击OK按钮，保存，对此，需要新增后端接口。

  • 在com.jepcc.test.req包下新增类EbookSaveReq，
package com.jepcc.test.req;

public class EbookSaveReq {
    private Long id;

    private String name;

    private Long category1Id;

    private Long category2Id;

    private String description;

    private String cover;

    private Integer docCount;

    private Integer viewCount;

    private Integer voteCount;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Long getCategory1Id() {
        return category1Id;
    }

    public void setCategory1Id(Long category1Id) {
        this.category1Id = category1Id;
    }

    public Long getCategory2Id() {
        return category2Id;
    }

    public void setCategory2Id(Long category2Id) {
        this.category2Id = category2Id;
    }

    public String getDescription() {
        return description;
    }

    public void setDescription(String description) {
        this.description = description;
    }

    public String getCover() {
        return cover;
    }

    public void setCover(String cover) {
        this.cover = cover;
    }

    public Integer getDocCount() {
        return docCount;
    }

    public void setDocCount(Integer docCount) {
        this.docCount = docCount;
    }

    public Integer getViewCount() {
        return viewCount;
    }

    public void setViewCount(Integer viewCount) {
        this.viewCount = viewCount;
    }

    public Integer getVoteCount() {
        return voteCount;
    }

    public void setVoteCount(Integer voteCount) {
        this.voteCount = voteCount;
    }
}
  • 在com.jepcc.test.service.EbookService中添加保存方法
package com.jepcc.test.service;

import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.jepcc.test.mapper.EbookMapper;
import com.jepcc.test.model.Ebook;
import com.jepcc.test.model.EbookExample;
import com.jepcc.test.req.EbookReq;
import com.jepcc.test.req.EbookSaveReq;
import com.jepcc.test.resp.EbookResp;
import com.jepcc.test.resp.PageResp;
import com.jepcc.test.util.CopyUtil;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.util.ObjectUtils;

import java.util.List;


@Service
public class EbookService {
    private static final Logger LOG = LoggerFactory.getLogger(EbookService.class);
    @Autowired
    private EbookMapper ebookMapper;
    public PageResp<EbookResp> list(EbookReq req){

        EbookExample ebookExample = new EbookExample();
        EbookExample.Criteria criteria = ebookExample.or();
        if(!ObjectUtils.isEmpty(req.getName())){
            criteria.andNameLike("%"+req.getName()+"%");
        }

        PageHelper.startPage(req.getPage(),req.getSize());
        List<Ebook> ebookList = ebookMapper.selectByExample(ebookExample);

        PageInfo<Ebook> pageinfo = new PageInfo<>(ebookList);
//        LOG.info("总条数：{}",pageinfo.getTotal());
//        LOG.info("总页数，{}",pageinfo.getPages());
        List<EbookResp> list = CopyUtil.copyList(ebookList,EbookResp.class);
        PageResp<EbookResp> pageResp = new PageResp<>();
        pageResp.setTotal(pageinfo.getTotal());
        pageResp.setList(list);

        return pageResp;
    }

    public void save(EbookSaveReq req){
        Ebook ebook = CopyUtil.copy(req,Ebook.class);
        if(!ObjectUtils.isEmpty(ebook.getId())){
            ebookMapper.updateByPrimaryKey(ebook);
        }
    }
}

在这里插入图片描述

  • 在com.jepcc.test.controller.EbookController新增保存方法
package com.jepcc.test.controller;

import com.alibaba.fastjson.JSONObject;
import com.jepcc.test.req.EbookReq;
import com.jepcc.test.req.EbookSaveReq;
import com.jepcc.test.resp.CommonResp;
import com.jepcc.test.resp.EbookResp;
import com.jepcc.test.resp.PageResp;
import com.jepcc.test.service.EbookService;
import org.slf4j.Logger;
import org.slf4j.LoggerFactory;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

@RestController
@RequestMapping("/ebook")
public class EbookController {
    private static final Logger LOG = LoggerFactory.getLogger(EbookController.class);
    @Autowired
    private EbookService ebookService;


    @GetMapping("/list")
    public CommonResp list(EbookReq req){
        CommonResp resp = new CommonResp();
        PageResp<EbookResp> list = ebookService.list(req);
        resp.setContent(list);
        return resp;
    }

    @PostMapping("/save")
    public CommonResp save(@RequestBody EbookSaveReq req){
        LOG.info("----------------------------------------");
        LOG.info("req:{}", JSONObject.toJSONString(req));
        LOG.info("----------------------------------------");
        CommonResp resp = new CommonResp();
        ebookService.save(req);
        return resp;
    }
}

在这里插入图片描述

  • 接口测试
POST http://localhost:8088/ebook/save
content-type: application/json

{
  "id": 1,
  "name": "SpringBoot入门教程",
  "category1Id": 10,
  "category2Id": 20,
  "cover": "/image/cover1.png",
  "description": "这是一项测试"
}
###

在这里插入图片描述
在这里插入图片描述
需要注意的是，如果http请求的Content-Type是application/json，则EbookController中的接口方法save，其参数前需要添加@RequestBody注解；
在这里插入图片描述
如果http请求的Content-Type是application/x-www-form-urlencoded，则EbookController中的接口方法save中，其请求参数前不需要@RequestBody。
在这里插入图片描述
后端使用@RequestBody接收从前端传递过来的json字符串，通常是通过post请求发送过来的请求体数据。

前端调用接口

对admin-book.vue进行修改。

<template>
  <a-layout>
    <a-layout-content
        :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '280px' }"
    >
      <a-table :columns="columns" 
        :dataSource="ebooks"
        :row-key="record=>record.id"
        :pagination="pagination"
        :loading="loading"
        @change="handleTableChange">
        <template #cover="{text:cover}">
          <img v-if="cover" :src="cover" alt="avatar">
        </template>
        <template #action="{text,record}">
          <a-space>
            <a-button type="primary" @click="handleEdit(record)">编辑</a-button>
            <a-button type="danger">删除</a-button>
          </a-space>
        </template>
      </a-table>
    </a-layout-content>

  </a-layout>

  <a-modal
    title="电子书表单"
    v-model:visible="visible"
    :confirm-loading="confirmLoading"
    @ok="handleOk"
  >
    <a-form :model="ebook" :label-col="{span:4}" :wrapper-col="{span:16}">
      <a-form-item label="封面">
        <a-input v-model:value="ebook.cover" />
      </a-form-item>
      <a-form-item label="名称">
        <a-input v-model:value="ebook.name" />
      </a-form-item>
      <a-form-item label="分类一">
        <a-input v-model:value="ebook.category1Id" />
      </a-form-item>  
      <a-form-item label="分类二">
        <a-input v-model:value="ebook.category2Id" />
      </a-form-item>     
      <a-form-item label="描述">
        <a-input v-model:value="ebook.description" />
      </a-form-item>      
    </a-form>
  </a-modal>

</template>


<script lang="ts">

import { defineComponent,ref,onMounted} from 'vue';
import axios from "axios";
export default defineComponent({
  name:"AdminEbook",
  setup() {
    const ebooks = ref();
    const pagination = ref({
      current:1,
      pageSize:4,
      total:0
    });
    const loading = ref(false);
    const columns = [
      {
        title:"封面",
        dataIndex:"cover",
        key:"cover",
        slots:{customRender:'cover'}
      },
      {
        title:"名称",
        key:"name",
        dataIndex:"name"
      },
      {
        title:"分类一",
        key:"category1Id",
        dataIndex:"category1Id"
      },
      {
        title:"分类二",
        key:"category2Id",
        dataIndex:"category2Id"
      },
      {
        title:"文档数",
        key:"docCount",
        dataIndex:"docCount"
      },
      {
        title:"阅读数",
        key:"viewCount",
        dataIndex:"viewCount"
      },
      {
        title:"点赞数",
        key:"vouteCount",
        dataIndex:"voteCount"
      },
      {
        title:"操作",
        key:"action",
        dataIndex:"action",
        slots:{customRender:'action'}

      }
    ];

    const visible = ref(false);
    const modalText = ref('test');
    const confirmLoading = ref(false);
    const ebook= ref({});

    const handleQuery = (params:any) => {
      loading.value = true;
      axios.get("/ebook/list",{params:params}).then(response => {
        loading.value = false;
        const data = response.data.content;
        ebooks.value = data.list;
        
        pagination.value.total = data.total;
        pagination.value.current = params.page;
      })
    };

    const handleTableChange = (pagination:any) => {
      handleQuery({
        page:pagination.current,
        size:pagination.pageSize
      });
    }

    const handleEdit = (record:any) => {
      visible.value = true;
      ebook.value = record;
    }

    const handleOk = () => {
      // modalText.value = 'The modal will be closed after two seconds';
      // confirmLoading.value = true;
      axios.post("/ebook/save",ebook.value).then(response => {
        const data = response.data;
        if(data.success){
          visible.value = false;
          confirmLoading.value = false;

          handleQuery({
            page:pagination.value.current,
            size:pagination.value.pageSize
          })
        }
        
      })
      // setTimeout(() => {
      //   visible.value = false;
      //   confirmLoading.value = false;
      // }, 2000);
    };
    
    onMounted(() => {
      handleQuery({
        page:1,
        size:pagination.value.pageSize
      });
    })

    return {
      columns,
      ebooks,
      loading,
      pagination,
      handleTableChange,
      visible,
      modalText,
      confirmLoading,
      handleEdit,
      handleOk,
      ebook
    }
  }
})
</script>


<style scoped>
img{
  width: 48px;
  height: 48px;
}
</style>

在这里插入图片描述
在这里插入图片描述

richest_qi
关注
专栏目录
SpringBoot+Vue+Openlayers实现地图上新增和编辑坐标并保存提交
BADAO_LIUMANG_QIZHI的博客
11-05 2518
场景 若依前后端分离版手把手教你本地搭建环境并运行项目： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 Vue中使用Openlayers加载Geoserver发布的ImageWMS： https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/115867709 在上面搭建起来Vue+SpringBoot的前后端分离的项目的基础上，并且加载显示地图之后。
Winform中实现新增和更新共用一个页面的示例流程
BADAO_LIUMANG_QIZHI的博客
04-23 746
场景 Winform中对某个表的数据查询出来，数据放在DataTable中，并将其显示在DataGrdiView中。 点击新增和编辑时打开的是同一个页面。 打开页面加载所有数据并显示 点击新增 点击编辑 注: 博客主页：https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、教程...
【小沐学前端】VuePress制作在线电子书、技术文档（VuePress + Markdown + node）
最新发布
爱看书的小沐
08-06 2120
Vue驱动的静态网站生成器，生成的网页内容放到自己服务器上管理，可用于遍写技术文档或个人博客。VuePress 由两部分组成：第一部分是一个极简静态网站生成器 (opens new window)，它包含由 Vue 驱动的主题系统和插件 API，另一个部分是为书写技术文档而优化的默认主题，它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML，也因此具有非常好的加载性能和搜索引擎优化（SEO）。
【笔记】Vue Element+Node.js开发企业通用管理后台系统——电子书列表页面开发
程序边界
10-01 723
一、电子书编辑 1.表单规则校验 2.提交表单 3.将目录存入数据库 二、电子书在数据库中查重 三、电子书查询 四、更新电子书
开发模板化控件 (template)
陆俊杰-工作笔记
01-10 520
//----自己写的//--调用 protected void Page_Load(object sender, EventArgs e)        {            if (!Page.IsPostBack)            {                Cover1.Html = "111";                Cover1.DataBind();      
Template使用总结
baidu_34197758的博客
07-12 410
最近用art-template进行前端数据绑定，之前看到了解这个前端引擎的介绍网站，里面只是笼统的介绍怎么用each进行循环以及if如何用，可是遇到以下问题。 一、如何使用if..else呢？之前我就相当然以为应该是 {{if v1}} ... {{/if}} {{else}}....{{/else}}结果总是报错，查了很多资料，才知道应该是这样 {{if v1}} {{else}}
PE教程6: Import Table（引入表）
HeYu 's BLOG
12-04 1306
 本课我们将学习引入表。先警告一下，对于不熟悉引入表的读者来说，这是一堂又长又难的课，所以需要多读几遍，最好再打开调试器来好好分析相关结构。各位，努力啊！ 理论:首先，您得了解什么是引入函数。一个引入函数是被某模块调用的但又不在调用者模块中的函数，因而命名为"import（引入）"。引入函数实际位于一个或者更多的DLL里。调用者模块里只保留一些函数信息，包括函数名及其驻留的DLL名
6-8 完成电子书编辑功能
孤注一掷的博客
03-04 214
分三步： 一、增加后端保存接口 二、点击保存时，调用保存接口 三、保存成功刷新列表 修改： 一般保存、更新类的接口用PostMapper。 注意，要加上@RequestBody 注解。json方式post提交要用这个注解。当用form表单方式post提交时不用注解。 保存成功后，会去刷新列表。所以不需要返回任何东西。 保存的请求参数和domain中的一样。 save既支持新增，也要支持更新。根据传进来的req的id，有值说明是更新。 修改： 在点击保存的时候...
零基础学ASP.NET 2.0电子书&源代码绝对完整版1
01-17
若感觉可以方可继续下载电子书部分。 1．本书1~21章所附代码的运行环境 操作系统：Windows Server 2003或Windows XP Professional 开发环境：Microsoft Visual Studio 2005 数据库：SQL Server 2005 Web...
【SpringBoot+Vue实现书籍管理系统--下篇】整合MyBatisPlus完成分页功能的开发并部署到docker容器中
m0_67390963的博客
07-29 247
欢迎大家测试访问。
vue3.0中使用ref来调用子组件的方法
热门推荐
浩星
03-02 3万+
前言： vue3.0中ref的使用和vue2.0中的ref相比较也有很大的改变，这里总结下他的具体使用方法。 vue2.0 父组件： template <Table ref="eleTable" @handle="handleFun"></Table> methods: this.$refs.eleTable.子组件的方法名+() this.$refs.eleTable.子组件的属性名 vue3.0 父组件： template <T...
jeecg boot 框架学习（3）— 列表编辑页面处理
08-28 6447
使用插槽给操作列添加编辑按钮 定义插槽slot <span slot="action" slot-scope="text, record"> <a>编辑</a> </span> column中添加操作列定义,并绑定插槽 { title: '操作', dataIndex: 'action', scopedSlots: {customRender: ...
Jeecg-boot 一对多 Table 学习使用笔记
qq_41722795的博客
06-28 4059
参考官方的的 一对多Table 示例，主要记录自己踩过的坑。 效果图： 1. 创建一对多表： 使用在线表单开发创建一对多表单，创建主表与附表，关于创建主附表可参考官方文档：http://doc.jeecg.com/2044058 注： 创建表的相关，注意事项可参考我的另外一篇文章https://blog.csdn.net/qq_41722795/article/details/108881930 并在线 生成代码将其放在相应的位置。 2. 创建页面 主页面.
如何基于el-table封装一个方便好用的table组件
Ybbb的博客
11-30 6294
之前听到很多人讲在用 element-ui 的 table 组件时，还是自己循环 el-table-column 去实现的！每个页面都这么写想想就头大，另外万一产品要求你项目中所有的表格都要扩展一个功能，比如说按shift，可以实现数据行多选？那岂不是当场傻眼！ 我们完全可以基于el-table去封装一个组件，基于**配置**自动生成表格。
Invalid bound statement (not found):com.example.mapper.EbookMapper.selectByExample（springboot）
dayejia12的博客
09-23 623
1.问题 未绑定状态，也就是说你的xml文件没有被找到。 2.解决方法 需要在 yml或properties中配置Mapper映射文件 mybatis-plus: #配置Mapper映射文件 mapper-locations: classpath*:/mapper/*Mapper.xml # 配置MyBatis数据返回类型别名（默认别名是类名） type-aliases-package: com.yeb.server.pojo..
vue elementTable结合minxin封装的带分页查询的table
qq_21692693的博客
06-03 496
1创建table.vue <template> <div> <el-form :inline="true" :model="search" ref="search" > <el-form-item prop="name" la...
手把手教你如何快速制作电子书
ddwendy的专栏
07-18 1万+
今天我为大家来介绍：如何制作电子书app（电子书app适配98%的移动终端，打开即能阅读）。 目前应用之星网站支持两种格式的电子书制作，第一种支持TXT格式的电子书制作，第二种支持word文档格式的电子书制作。两种方式制作出了的电子书，可以安装到Android手机上阅读。 第一种：Word格式的电子书制作，也是图文电子书制作。 这种电子书制作出来的效果很好，图文并茂，也适
新建SpringBoot项目：雪花算法与新增功能、删除电子书功能
lm19770429的专栏
07-20 543
雪花算法与新增功能 时间戳
父子传值 新增用户弹窗显示
Lydia
07-12 623
新增用户弹窗
Java实现：多表单同步提交与下拉框编辑功能
该资源提供了一种实现form多表单同时提交的方法，并且结合JavaScript使得下拉框具备可编辑功能，包括删除、修改和新增选项。此外，还实现了特定聚焦焦点等交互效果。 在Web开发中，表单提交是用户与服务器进行数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值