利用SpringBoot和vue+elementui做一个简单的书本信息管理系统

news2025/7/11 1:12:26

目录

1.准备工作

1.1.数据库准备

1.2.前端准备工作

1.3.后端准备工作

2.后台代码的编写

2.1.修改配置文件

2.2. 编写service层

2.3.编写Controller层

3.前台代码的编写

3.1.在src里面的api里面的action.js

3.2.搜索栏，表单 

3.3.表格

3.4.弹出新增的模态框

1.准备工作

提前准备好的db（数据库表），html（前端代码），java（后端代码）等文件夹

1.1.数据库准备

表：

create database if not exists bookshop default charset utf8 collate utf8_general_ci;
use bookshop;
create table t_book(
   id int not null auto_increment primary key comment '书本编号',
   bookname varchar(50) not null comment '书本名称',
   price float default 0 comment '书本价格',
   booktype varchar(20) comment '书本类型'
) comment '书本信息表';
insert into t_book(bookname,price,booktype) values
('三国演义',110,'战争'),
('西游记',120,'神话'),
('红楼梦',130,'古典');

把什么的数据直接放到mysql里面进行执行即可

 现在数据库准备工作已经完成

1.2.前端准备工作

把我们提前准备好的HTML文件里面的spbook文件夹导入前端工具中

在找的文件的根目录执行

npm -v     查看版本

 注意：如果npm -v没有出现版本的话我们需要以管理员的身份进入即可

在执行npm i 或者npm install下载依赖

 npm run dev

 这样我们的前端准备工作就完成了

1.3.后端准备工作

导入准备好的java中的开发工具中

 1.3.1修改maven仓库

导入项目之后面要修改maven仓库，一定要找到本地仓库

 导入改变即可

1.3.2.修改配置文件

application.yml

server:
  port: 8080
  servlet:
    context-path: /spboot
spring:
  datasource:
    type: com.alibaba.druid.pool.DruidDataSource
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://localhost:3306/bookshop?useUnicode=true&characterEncoding=utf8&useSSL=false
    username: root
    password: 123456
    druid:
      initial-size: 5
      min-idle: 5
      max-active: 20
      max-wait: 60000
      time-between-eviction-runs-millis: 60000
      min-evictable-idle-time-millis: 30000
      validation-query: SELECT 1 FROM DUAL
      test-while-idle: true
      test-on-borrow: true
      test-on-return: false
      pool-prepared-statements: true
      max-pool-prepared-statement-per-connection-size: 20
      filter:
        stat:
          merge-sql: true
          slow-sql-millis: 5000
      web-stat-filter:
        enabled: true
        url-pattern: /*
        exclusions: "*.js,*.gif,*.jpg,*.png,*.css,*.ico,/druid/*"
        session-stat-enable: true
        session-stat-max-count: 100
      stat-view-servlet:
        enabled: true
        url-pattern: /druid/*
        reset-enable: true
        login-username: admin
        login-password: admin
        allow: 127.0.0.1
        #deny: 192.168.1.100
  freemarker:
    cache: false
    charset: UTF-8
    content-type: text/html
    suffix: .ftl
    template-loader-path: classpath:/templates
mybatis:
  mapper-locations: classpath:mapper/*.xml
  type-aliases-package: com.zking.spboot.model
  configuration:
    map-underscore-to-camel-case: true
logging:
  level:
    com.zking.spboot.mapper: debug
pagehelper:
  helperDialect: mysql
  reasonable: true
  supportMethodsArguments: true
  params: count=countSql

 其他不要修改即可！！！

jdbc.properties

jdbc.driver=com.mysql.jdbc.Driver
jdbc.url=jdbc:mysql://localhost:3306/bookshop?useUnicode=true&characterEncoding=UTF-8
jdbc.username=root
jdbc.password=123456

同样的修改数据库名称和密码

generatorConfig.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE generatorConfiguration PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
        "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd" >
<generatorConfiguration>
    <!-- 引入配置文件 -->
    <properties resource="jdbc.properties"/>

    <!--指定数据库jdbc驱动jar包的位置-->
    <classPathEntry location="D:\repository\mvn-repository\mysql\mysql-connector-java\5.1.44\mysql-connector-java-5.1.44.jar"/>

    <!-- 一个数据库一个context -->
    <context id="infoGuardian">
        <!-- 注释 -->
        <commentGenerator>
            <property name="suppressAllComments" value="true"/><!-- 是否取消注释 -->
            <property name="suppressDate" value="true"/> <!-- 是否生成注释代时间戳 -->
        </commentGenerator>

        <!-- jdbc连接 -->
        <jdbcConnection driverClass="${jdbc.driver}"
                        connectionURL="${jdbc.url}" userId="${jdbc.username}" password="${jdbc.password}"/>

        <!-- 类型转换 -->
        <javaTypeResolver>
            <!-- 是否使用bigDecimal， false可自动转化以下类型（Long, Integer, Short, etc.） -->
            <property name="forceBigDecimals" value="false"/>
        </javaTypeResolver>

        <!-- 01 指定javaBean生成的位置 -->
        <!-- targetPackage：指定生成的model生成所在的包名 -->
        <!-- targetProject：指定在该项目下所在的路径  -->
        <javaModelGenerator targetPackage="com.zking.spboot.model"
                            targetProject="src/main/java">
            <!-- 是否允许子包，即targetPackage.schemaName.tableName -->
            <property name="enableSubPackages" value="false"/>
            <!-- 是否对model添加构造函数 -->
            <property name="constructorBased" value="true"/>
            <!-- 是否针对string类型的字段在set的时候进行trim调用 -->
            <property name="trimStrings" value="false"/>
            <!-- 建立的Model对象是否 不可改变  即生成的Model对象不会有 setter方法，只有构造方法 -->
            <property name="immutable" value="false"/>
        </javaModelGenerator>

        <!-- 02 指定sql映射文件生成的位置 -->
        <sqlMapGenerator targetPackage="com.zking.spboot.mapper"
                         targetProject="src/main/resources">
            <!-- 是否允许子包，即targetPackage.schemaName.tableName -->
            <property name="enableSubPackages" value="false"/>
        </sqlMapGenerator>

        <!-- 03 生成XxxMapper接口 -->
        <!-- type="ANNOTATEDMAPPER",生成Java Model 和基于注解的Mapper对象 -->
        <!-- type="MIXEDMAPPER",生成基于注解的Java Model 和相应的Mapper对象 -->
        <!-- type="XMLMAPPER",生成SQLMap XML文件和独立的Mapper接口 -->
        <javaClientGenerator targetPackage="com.zking.spboot.mapper"
                             targetProject="src/main/java" type="XMLMAPPER">
            <!-- 是否在当前路径下新加一层schema,false路径com.oop.eksp.user.model， true:com.oop.eksp.user.model.[schemaName] -->
            <property name="enableSubPackages" value="false"/>
        </javaClientGenerator>

        <!-- 配置表信息 -->
        <!-- schema即为数据库名 -->
        <!-- tableName为对应的数据库表 -->
        <!-- domainObjectName是要生成的实体类 -->
        <!-- enable*ByExample是否生成 example类 -->
        <!--<table schema="" tableName="t_book" domainObjectName="Book"-->
               <!--enableCountByExample="false" enableDeleteByExample="false"-->
               <!--enableSelectByExample="false" enableUpdateByExample="false">-->
            <!--&lt;!&ndash; 忽略列，不生成bean 字段 &ndash;&gt;-->
            <!--&lt;!&ndash; <ignoreColumn column="FRED" /> &ndash;&gt;-->
            <!--&lt;!&ndash; 指定列的java数据类型 &ndash;&gt;-->
            <!--&lt;!&ndash; <columnOverride column="LONG_VARCHAR_FIELD" jdbcType="VARCHAR" /> &ndash;&gt;-->
        <!--</table>-->

        <table schema="" tableName="t_book" domainObjectName="Book"
               enableCountByExample="false" enableDeleteByExample="false"
               enableSelectByExample="false" enableUpdateByExample="false">
            <!-- 忽略列，不生成bean 字段 -->
            <!-- <ignoreColumn column="FRED" /> -->
            <!-- 指定列的java数据类型 -->
            <!-- <columnOverride column="LONG_VARCHAR_FIELD" jdbcType="VARCHAR" /> -->
        </table>

    </context>
</generatorConfiguration>

 

 1.3.3.配置maven

 

 同时即可生成代码

完成以上步骤说明前后端环境已经搭建完成！！！！

2.后台代码的编写

2.1.修改配置文件

BookMapper：
package com.zking.spboot.mapper;

import com.zking.spboot.model.Book;
import org.springframework.stereotype.Repository;

import java.util.List;

@Repository
public interface BookMapper {
    int deleteByPrimaryKey(Integer id);

    /**
     * 根据书籍名称模糊查询
     * @param book
     * @return
     */
    List<Book> query(Book book);

    /**
     * 新增书籍
     * @param record
     * @return
     */

    int insert(Book record);

    int insertSelective(Book record);

    Book selectByPrimaryKey(Integer id);

    int updateByPrimaryKeySelective(Book record);

    int updateByPrimaryKey(Book record);
}

 BookMapper.xml:

<?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="com.zking.spboot.mapper.BookMapper" >
  <resultMap id="BaseResultMap" type="com.zking.spboot.model.Book" >
    <constructor >
      <idArg column="id" jdbcType="INTEGER" javaType="java.lang.Integer" />
      <arg column="bookname" jdbcType="VARCHAR" javaType="java.lang.String" />
      <arg column="price" jdbcType="REAL" javaType="java.lang.Float" />
      <arg column="booktype" jdbcType="VARCHAR" javaType="java.lang.String" />
    </constructor>
  </resultMap>
  <sql id="Base_Column_List" >
    id, bookname, price, booktype
  </sql>
  <select id="selectByPrimaryKey" resultMap="BaseResultMap" parameterType="java.lang.Integer" >
    select 
    <include refid="Base_Column_List" />
    from t_book
    where id = #{id,jdbcType=INTEGER}
  </select>
  <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer" >
    delete from t_book
    where id = #{id,jdbcType=INTEGER}
  </delete>

  <select id="query" resultType="com.zking.spboot.model.Book"  >
    select <include refid="Base_Column_List"/> from t_book where 1=1
    <if test="null!=bookname and ''!=bookname">
      and bookname like  concat('%',#{bookname},'%')
    </if>

  </select>



  <insert id="insert" parameterType="com.zking.spboot.model.Book" >
    insert into t_book (id, bookname, price, 
      booktype)
    values (#{id,jdbcType=INTEGER}, #{bookname,jdbcType=VARCHAR}, #{price,jdbcType=REAL}, 
      #{booktype,jdbcType=VARCHAR})
  </insert>
  <insert id="insertSelective" parameterType="com.zking.spboot.model.Book" >
    insert into t_book
    <trim prefix="(" suffix=")" suffixOverrides="," >
      <if test="id != null" >
        id,
      </if>
      <if test="bookname != null" >
        bookname,
      </if>
      <if test="price != null" >
        price,
      </if>
      <if test="booktype != null" >
        booktype,
      </if>
    </trim>
    <trim prefix="values (" suffix=")" suffixOverrides="," >
      <if test="id != null" >
        #{id,jdbcType=INTEGER},
      </if>
      <if test="bookname != null" >
        #{bookname,jdbcType=VARCHAR},
      </if>
      <if test="price != null" >
        #{price,jdbcType=REAL},
      </if>
      <if test="booktype != null" >
        #{booktype,jdbcType=VARCHAR},
      </if>
    </trim>
  </insert>
  <update id="updateByPrimaryKeySelective" parameterType="com.zking.spboot.model.Book" >
    update t_book
    <set >
      <if test="bookname != null" >
        bookname = #{bookname,jdbcType=VARCHAR},
      </if>
      <if test="price != null" >
        price = #{price,jdbcType=REAL},
      </if>
      <if test="booktype != null" >
        booktype = #{booktype,jdbcType=VARCHAR},
      </if>
    </set>
    where id = #{id,jdbcType=INTEGER}
  </update>
  <update id="updateByPrimaryKey" parameterType="com.zking.spboot.model.Book" >
    update t_book
    set bookname = #{bookname,jdbcType=VARCHAR},
      price = #{price,jdbcType=REAL},
      booktype = #{booktype,jdbcType=VARCHAR}
    where id = #{id,jdbcType=INTEGER}
  </update>
</mapper>

2.2. 编写service层

BookService：
package com.zking.spboot.service;

import com.zking.spboot.model.Book;
import org.springframework.stereotype.Repository;

import java.util.List;

public interface BookService {

    /**
     * 根据商品名称模糊查询
     * @param book
     * @return
     */
    List<Book> query(Book book);

    /**
     * 新增书籍
     * @param record
     * @return
     */

    int insert(Book record);


}

 选中BookService  alt+Enter 选择 implement interface

 

 即可生成

BookServiceImpl：
package com.zking.spboot.service.impl;

import com.zking.spboot.mapper.BookMapper;
import com.zking.spboot.model.Book;
import com.zking.spboot.service.BookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

/**
 * @author冰冰
 * @create  2022-11-19 10:24
 */
@Service
public class BookServiceImpl implements BookService {
    @Autowired
    private BookMapper bookMapper;
    @Override
    public List<Book> query(Book book) {
        return bookMapper.query(book);
    }

    @Override
    public int insert(Book record) {
        return bookMapper.insert(record);
    }
}

2.3.编写Controller层

BookController：
package com.zking.spboot.controller;

import com.zking.spboot.model.Book;
import com.zking.spboot.service.BookService;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

/**
 * @author冰冰
 * @create  2022-11-19 10:29
 */
@RestController
@RequestMapping("/book")
public class BookController {

    @Autowired
    private BookService bookService;
    //模糊查询
    @RequestMapping("/query")
    public  JsonResponseBody<?> query(Book book){
        List<Book> books = bookService.query(book);
        return new JsonResponseBody<>(200,"ok",books);
    }
    //新增
    @RequestMapping("/add")
    public  JsonResponseBody<?> add(Book book){
      bookService.insert(book);
        return new JsonResponseBody<>();
    }

    @Data
    @AllArgsConstructor
    @NoArgsConstructor
    class JsonResponseBody<T>{
        private int code = 200;
        private  String msg = "ok";
        private T data;
    }

}

 

 

 以上完成后台就全部写完了！！（只包括新增和查询和模糊查询）

3.前台代码的编写

3.1.在src里面的api里面的action.js

action.js:

/**
 * 对后台请求的地址的封装，URL格式如下：
 * 模块名_实体名_操作
 */
export default {
	//服务器
	'SERVER': 'http://localhost:8080/spboot', 
	'ALL':'/book/query',
	'ADD':'/book/add',	
	//获得请求的完整地址，用于mockjs测试时使用
	'getFullPath': k => {
		return this.SERVER + this[k];
	}
}

3.2.搜索栏，表单 

表单的样式我们拜读官网

Element - The world's most popular Vue UI framework

注意：下面这个bookname是跟数据库的书籍名称保存一致

<!-- 1.搜索栏，表单 -->
        <el-form :inline="true" >
          <el-form-item label="书本名称">
            <el-input v-model="bookname" ></el-input>
          </el-form-item>
          <el-form-item>
            <el-button type="primary" @click="query">查询</el-button>
          </el-form-item>
        </el-form>

<script>
    export default {
        data:function(){
            return {
                ts:new Date().getTime(),
                bookname:'',
            };
        },
        methods:{
            query:function(){
                
            }
        }
    }
</script>

效果：

3.3.表格

 <!-- 2.表格 -->
        <el-table :data="tableData" style="width: 100%">
            <el-table-column prop="id" label="书本编号" width="180">
            </el-table-column>
            <el-table-column prop="bookname" label="书本名称" width="180">
            </el-table-column>
            <el-table-column prop="price" label="书本价格">
            </el-table-column>
            <el-table-column prop="booktype" label="书本类型">
            </el-table-column>
        </el-table>

<script>
    export default {
        data: function() {
            return {
                ts: new Date().getTime(),
                bookname: '',
                tableData:[]
                
            };
        },
        methods: {
            query: function() {
                //1.查询参数
                let params={
                    bookname:this.bookname
                }
                //2.请求路径
                let url = this.axios.urls.ALL;
                //3.发起请求
                this.axios.post(url,params).then(resp=>{
                    let rs = resp.data;
                    console.log(rs);
                    this.tableData=rs.data;
                }).catch(err=>{
                    
                });

            }
        }
    }
</script>

效果：

查询

 模糊查询

3.4.弹出新增的模态框

<!-- 3.弹出新增的模态框 -->
        <el-dialog @close="close" title="书籍新增" :visible.sync="dialogFormVisible">
            <el-form :model="book" :rules="rules" ref="book">
                <el-form-item prop="bookname" label="书籍名称" :label-width="formLabelWidth">
                    <el-input v-model="book.bookname" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item prop="price" label="书籍价格" :label-width="formLabelWidth">
                    <el-input v-model="book.price" autocomplete="off"></el-input>
                </el-form-item>
                <el-form-item prop="booktype" label="书籍类型" :label-width="formLabelWidth">
                    <el-select style="width: 100%;" v-model="book.booktype" placeholder="请输入书籍类型">
                        <el-option label="言情" value="言情"></el-option>
                        <el-option label="玄幻" value="玄幻"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="save">确 定</el-button>
            </div>
        </el-dialog>
 

<script>
    export default {
        data: function() {
            return {
                ts: new Date().getTime(),
                bookname: '',
                tableData: [],
                dialogFormVisible: false,
                formLabelWidth: '100px',
                book: {
                    bookname: '',
                    price: '',
                    booktype: ''
                },
                rules: {
                    bookname: [{
                        required: true,
                        message: '请输入书本名称',
                        trigger: 'blur'
                    }],
                    price: [{
                        required: true,
                        message: '请输入书本价格',
                        trigger: 'blur'
                    }],
                    booktype: [{
                        required: true,
                        message: '请选择书本类型',
                        trigger: 'change'
                    }],
                }

            };
        },
        methods: {
            close:function(){
                this.$refs['book'].resetFields();
            },
            save: function() {

                this.$refs['book'].validate((valid) => {
                    if (valid) {
                        let url = this.axios.urls.ADD;
                        this.axios.post(url, this.book).then(resp => {
                            let rs = resp.data;
                            if(rs.code==200){
                                //关闭对话框
                                this.dialogFormVisible=false;
                                //刷新
                                this.query();
                                
                            }else{
                                
                            }
                        }).catch(err => {

                        });
                 } else {
                        console.log('error submit!!');
                        return false;
                    }
                });

            },
            open: function() {
                this.dialogFormVisible = true;
            },
            query: function() {
                //1.查询参数
                let params = {
                    bookname: this.bookname
                }
                //2.请求路径
                let url = this.axios.urls.ALL;
                //3.发起请求
                this.axios.post(url, params).then(resp => {
                    let rs = resp.data;
                    console.log(rs);
                    this.tableData = rs.data;
                }).catch(err => {

                });

            }
        }
    }
</script>

效果：

 

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/18034.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

[附源码]SSM计算机毕业设计整形美容咨询网站JAVA

[附源码]SSM计算机毕业设计整形美容咨询网站JAVA

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…
阅读更多...
【考研复试】计算机专业考研复试英语常见问题二（研究方向/前沿技术/本科毕设篇）

【考研复试】计算机专业考研复试英语常见问题二（研究方向/前沿技术/本科毕设篇）

相关链接&#xff1a; 【考研复试】计算机专业考研复试英语常见问题一&#xff08;家庭/家乡/学校篇&#xff09;【考研复试】计算机专业考研复试英语常见问题二&#xff08;研究方向/前沿技术/本科毕设篇&#xff09;【考研复试】计算机专业考研复试英语常见问题三&#xff0…
阅读更多...
助老服务机器人结构设计

助老服务机器人结构设计

目 录 摘要 I Abstract II 第1章 绪论 1 1.1 课题背景 1 1.2 国外助老服务机器人的研究 1 1.2.1 爱尔兰PAM-AID 助老服务机器人 1 1.2.2 美国SmartCane 助老服务机器人 2 1.2.3 韩国WAR 助老服务机器人 3 1.2.4 日本助老服务机器人 4 1.2.5 可穿戴的外骨骼式助老服务机器人 4 …
阅读更多...
（九）Spring之Bean的循环依赖问题

（九）Spring之Bean的循环依赖问题

文章目录环境什么是Bean的循环依赖singleton下的set注入产生的循环依赖prototype下的set注入产生的循环依赖构造注入产生的循环依赖singleton下的构造注入prototype下的构造注入Spring解决循环依赖的机理&#xff08;底层实现&#xff09;上一篇&#xff1a;&#xff08;八&…
阅读更多...
注释写的好，文档不潦草.

注释写的好，文档不潦草.

大家好&#xff0c;long time no see&#xff01;这次聊一聊「注释」。写「注释」的好处众所周知&#xff0c;但有时在实现一些「公共代码」后&#xff0c;需要编写「文档」&#xff0c;其中「注释」和「文档」的内容是大致相同的&#xff0c;比如param和returns等(相信有不少同…
阅读更多...
Java_抽象类和接口（一）

Java_抽象类和接口（一）

作者&#xff1a;爱塔居的博客_CSDN博客-JavaSE领域博主 专栏&#xff1a;JavaSE 作者简介&#xff1a;大三学生&#xff0c;希望跟大家一起进步&#xff01; 文章目录 目录 文章目录 一、抽象类 1.1 抽象类概念 1.2 抽象类语句 1.3 抽象类特性 1.4 抽象类和普通类的区别 1.5 抽…
阅读更多...
赞不绝口！仅靠阿里P9分享的 Redis 工作手册，拿到60W年薪Offer

赞不绝口！仅靠阿里P9分享的 Redis 工作手册，拿到60W年薪Offer

昨晚有六七位小伙伴告诉我说&#xff1a;“大佬&#xff0c;有没有Redis的面试教程啊&#xff0c;最近面试被问到好多” 这就帮小伙伴们专门整理了一份资料&#xff08;不仅仅是面试题&#xff09;&#xff0c;从Redis核心原理到Redis设计与源码帮助大家梳理体系&#xff0c;快…
阅读更多...
教你自己写Arcpy批处理程序

教你自己写Arcpy批处理程序

自己写Arcpy批处理栅格和矢量 先上代码&#xff0c;讲解各行代码的意思&#xff0c;从而达到自己写代码的目的 #....Edit by Longhao Wang.... import arcpy from arcpy import env from arcpy.sa import * import os import os.path import sys arcpy.env.workspace"D:…
阅读更多...
Vue项目开发经验

Vue项目开发经验

文章目录前言网页组件echarts使用打包后显示包体积安装tensorflow和anaconda可能出现的错误![在这里插入图片描述](https://img-blog.csdnimg.cn/c1facd95a7f645c5af3e8dc1237913a3.png)总结前言 本博客仅做学习笔记&#xff0c;如有侵权&#xff0c;联系后即刻更改 科普&…
阅读更多...
《调试九法》阅读笔记

《调试九法》阅读笔记

1. 理解系统 阅读手册、仔细阅读每个细节、掌握基础知识、了解工作流程、了解工具。 2. 制造失败 制造失败、从头开始、引发失败、但不要模拟失败、查找不受你控制的条件、记录每件事情&#xff0c;并找到间歇性bug特征、不要过于相信统计数据、要认识到“那”是可能会发生的…
阅读更多...
[附源码]java毕业设计商场日常维修管理系统

[附源码]java毕业设计商场日常维修管理系统

项目运行 环境配置&#xff1a; Jdk1.8 Tomcat7.0 Mysql HBuilderX&#xff08;Webstorm也行&#xff09; Eclispe&#xff08;IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持&#xff09;。 项目技术&#xff1a; SSM mybatis Maven Vue 等等组成&#xff0c;B/S模式 M…
阅读更多...
【云原生】k8s 中的 hostNetwork 和 NetworkPolicy（网络策略）讲解与实战操作

【云原生】k8s 中的 hostNetwork 和 NetworkPolicy（网络策略）讲解与实战操作

文章目录一、hostNetwork 介绍二、k8s 网络策略 NetworkPolicy三、Pod 隔离的两种类型四、NetworkPolicy 资源1&#xff09;NetworkPolicy 示例演示2&#xff09;选择器 to 和 from 的行为五、总结一、hostNetwork 介绍 在k8s中&#xff0c;若pod使用主机网络&#xff0c;也就是…
阅读更多...
UE5笔记【四】UE5主材质Master Materials和材质实例MI

UE5笔记【四】UE5主材质Master Materials和材质实例MI

上一篇我们讲解了关于鹅卵石的纹理材质。 假设&#xff1a;如果我们在关卡中每个材质都这么连接的话&#xff0c;那么将使得整个世界非常复杂&#xff0c;并且将浪费大量的时间。对此&#xff0c;解决方案是&#xff1a;主材质&#xff1a;master Materials。 新建一个新关卡…
阅读更多...
springboot基于java的个性化推荐的电商购物商城平台设计与实现

springboot基于java的个性化推荐的电商购物商城平台设计与实现

本文主要探讨了个性化推荐的电商平台的设计与实现。并对其详细的设计方案、实现技术和运行情况做了分析和研究&#xff0c;最后对未来的工作做了研究与探讨。本文重点研究了以下几个方面&#xff1a; &#xff08;1&#xff09;系统的体系结构、主要功能模块、主要数据的工作流…
阅读更多...
次元裂缝已打开，AI绘画突飞猛进，其潜力究竟有多大

次元裂缝已打开，AI绘画突飞猛进，其潜力究竟有多大

目录 次元裂缝已打开 AI绘画 起源 人工智能画的画在美术比赛得第一名 原理 关键的CLIP 总结 次元裂缝已打开 #次元裂缝已打开#的一个话题火了~大量新人老玩家共赴无界AI 上面是AI绘画根据真实图片合成的图片与真图的对比&#xff0c;可以看出还原度还是很高的&#xff…
阅读更多...
JUC学习笔记——共享模型之无锁

JUC学习笔记——共享模型之无锁

在本系列内容中我们会对JUC做一个系统的学习&#xff0c;本片将会介绍JUC的无锁 我们会分为以下几部分进行介绍&#xff1a; 无锁操作CAS与Volatile原子类型原理篇Unsafe 并发无锁操作 这一小节我们将讲解如何用无锁操作完成并发操作 问题展现 我们给出一段之前并发展示代…
阅读更多...
机器人学优质资源

机器人学优质资源

引言 实验室闲着查资料&#xff0c;发现西北大学有个很好的机器人学线上资源课程&#xff0c;Coursera上也有&#xff0c;记录一下&#xff0c;感觉还挺全的&#xff0c;而且GitHub上也开放了很多相应的学习资源。 Coursera的视频&#xff1a; Modern Robotics: Mechanics, Pla…
阅读更多...
GitHub标星75k,阿里15W字的Spring高级文档（全彩版），真的太香了

GitHub标星75k,阿里15W字的Spring高级文档（全彩版），真的太香了

随着 Spring 使用越来越广泛&#xff0c;Spring 已经成为 Java 程序员面试的必问知识点&#xff0c;很多同学对于Spring理解不是那么的深刻&#xff0c;经常就会被几个连环追问给干趴了&#xff01; 今天小编整理了一下一线架构师的Spring源码高级文档&#xff1a;SpringSprin…
阅读更多...
Java三大特征之一——继承

Java三大特征之一——继承

继承继承概述、使用继承的好处继承得儿设计规范&#xff0c;内存运行原理继承的特点继承后&#xff1a;成员变量、成员方法的访问特点继承后&#xff1a;方法重写继承后&#xff1a;子类构造器的特点继承后&#xff1a;子类构造器访问父类有参数构造器this、super总结继承概述、…
阅读更多...
挂耳耳机十大品牌排行榜哪个好，目前排行靠前的五款耳机推荐

挂耳耳机十大品牌排行榜哪个好，目前排行靠前的五款耳机推荐

耳机作为生活的必需品&#xff0c;随着我们生活水平的提高&#xff0c;对于耳机的需求也随之加强&#xff0c;既需要在运动中使用&#xff0c;又要能够在日常佩戴照常无误&#xff0c;那么在此我的建议是对于防水性能一定要高&#xff0c;毕竟高的防水能够抵挡运动中的汗水&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023