qq_37588125的博客

原创 山东大学项目实训weblab（十二）作业管理

项目仓库本项目是为开发一套容器化的开发、运行、测试环境，用以支持Web开发、程序设计等课程的实验教学。实现通知的新建，查询，更新功能。Mapper层编写sql，操作数据库，建立通知的Service和controller层，编写通知的新建，查询，更新接口。建立Lab表，设计对应操作API实体类Lab.javaLabMapper.xmlLabServiceImpl.javaLabController.java...

原创 山东大学项目实训weblab（十一）Lombok初步

在面向对象程式设计方法中，封装（英语：Encapsulation）是指一种将抽象性函式接口的实现细节部分包装、隐藏起来的方法。封装可以被认为是一个保护屏障，防止该类的代码和数据被外部类定义的代码随机访问。要访问该类的代码和数据，必须通过严格的接口控制。封装最主要的功能在于我们能修改自己的实现代码，而不用修改那些调用我们代码的程序片段。适当的封装可以让程式码更容易理解与维护，也加强了程式码的安全性。封装的优点良好的封装能够减少耦合。类内部的结构可以自由修改。可以对成员变量进行更精确的控制。隐藏信息，实现细节。

原创 山东大学项目实训weblab（十）通知管理

项目仓库本项目是为开发一套容器化的开发、运行、测试环境，用以支持Web开发、程序设计等课程的实验教学。实现通知的新建，查询，更新功能。Mapper层编写sql，操作数据库，建立通知的Service和controller层，编写通知的新建，查询，更新接口。建立Message表，设计对应操作API实体类Message.javalombok注解自动补全get，set方法。MessageMapper.xmlMessageServiceImpl.java...

原创 山东大学项目实训weblab（九）组织管理（二）

项目仓库本项目是为开发一套容器化的开发、运行、测试环境，用以支持Web开发、程序设计等课程的实验教学。实现组织的查询作业通知，加入成员，成员验证功能。Mapper层编写sql，操作数据库，建立组织的Service和controller层，编写组织查询作业通知，加入成员，成员验证接口。建立Organization表，设计对应操作API实体类Organization.javaOrganizationServiceImpl.javaOrganizationController.java......

原创 山东大学项目实训weblab（八）组织管理（一）

项目仓库本项目是为开发一套容器化的开发、运行、测试环境，用以支持Web开发、程序设计等课程的实验教学。实现组织的新建，查询，更新功能。Mapper层编写sql，操作数据库，建立组织的Service和controller层，编写组织新建，查询，更新接口。建立Organization表，设计对应操作API实体类Organization.javaOrganizationMapper.xmlOrganizationServiceImpl.javaOrganizationController.java...

原创 山东大学项目实训weblab（七）压缩文件上传接口

项目仓库本项目是为开发一套容器化的开发、运行、测试环境，用以支持Web开发、程序设计等课程的实验教学。实现web端文件上传功能编写FileUtil工具类，实现上传接口使用MultipartFile上传压缩文件递归创建目录，解压到服务器目录FileUtil工具类SubmitService实现类SubmitController类......

原创 山东大学项目实训weblab（六）Git操作学习（一）

1.创建分支git branch dev2.查看本地分支：git branch注:名称前面加* 号的是当前的分支3.查看远程分支：加上-a参数可以查看远程分支，远程分支会用红色表示出来（如果你开了颜色支持的话）git branch -a4.切换分支git checkout branch_name5.删除本地分支git branch -d branch_name6.删除远程分支git branch -r -d origin/branch-name git push or

原创 山东大学项目实训weblab（五）weblab组织结构

E-R图组织表用户表用户信息表组织-用户表组织-通知表组织-作业图

原创 山东大学项目实训weblab（四）Mybatis-Plus学习之删除操作

Mybatis-Plus学习之删除操作根据id删除@Testpublic void testDeleteById(){ int result = userMapper.deleteById(5L); System.out.println(result);}批量删除@Testpublic void testDeleteBatchIds() { int result = userMapper.deleteBatchIds(Arrays.asList(8, 9, 10)); S

原创 山东大学项目实训weblab（三）Mybatis-Plus学习之查询操作

Mybatis-Plus学习之查询操作1、通过多个id批量查询。 //multi-id-query @Test public void testSelectMany(){ List<User> users = userMapper.selectBatchIds(Arrays.asList(1,2,3)); System.out.println(users); }Creating a new SqlSessionSqlSess

原创 山东大学项目实训weblab（二）Mybatis-Plus学习之主键策略、自动填充、乐观锁

Mybatis-Plus学习之主键策略1、ASSIGN_IDIdtype类：package com.baomidou.mybatisplus.annotation;public enum IdType { AUTO(0),//自动增长 NONE(1),//无 INPUT(2),//自己设置 ASSIGN_ID(3),//生成19位随机唯一值，雪花算法，保证不同表的主键的不重复性。 ASSIGN_UUID(4);//生成uid private fin

原创 山东大学项目实训weblab（一）Mybatis-Plus进行curd操作

使用Mybatis Plus进行curd操作1、创建数据库，创建数据库表安装SQLyog 64bit大佬整理SQLyog Ultimate版本在SQLyog中新建链接，新建数据库，新建表，并插入数据2、创建springboot工程默认就行了。3、在项目中引入mp依赖在pom.xml中引入相关依赖，注意JDK版本需要1.8以上。<!--mp dependency--> <dependency> <groupId>

原创 Ant-design 源码分析之数据展示（十四）Popover

Ant-design 源码分析之数据展示（十四）Popover2021SC@SDUSC一、组件结构1、ant代码结构2、组件结构ant中Popover的index.tsx中引入了Tooltip二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import Tooltip, { AbstractTooltipProps, TooltipPlacement } from '../tooltip';

原创 Ant-design 源码分析之数据展示（十三）Tooltip

Ant-design 源码分析之数据展示（十三）Tooltip2021SC@SDUSC一、组件结构1、ant代码结构2、组件结构ant中Tooltip的index.tsx中引入了placements.tsx。二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import RcTooltip from 'rc-tooltip';import useMergedState from 'rc-uti

原创 Ant-design 源码分析之数据展示（十二）Tabs

Ant-design 源码分析之数据展示（十二）Tabs2021SC@SDUSC一、组件结构1、ant代码结构

原创 Ant-design 源码分析之数据展示（十一）List

Ant-design 源码分析之数据展示（十一）List2021SC@SDUSC一、组件结构1、ant代码结构2、组件结构ant中List的index.tsx中引入了Item。二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import classNames from 'classnames';import Spin, { SpinProps } from '../spin';import

原创 Ant-design 源码分析之数据展示（十）Image

Ant-design 源码分析之数据展示（十）Image2021SC@SDUSC一、组件结构1、ant代码结构2、组件结构ant中Image的index.tsx中引入了PreviewGroup。二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import { useContext } from 'react';import EyeOutlined from '@ant-design/icon

原创 Ant-design 源码分析之数据展示（九）Empty

Ant-design 源码分析之数据展示（九）Empty2021SC@SDUSC一、组件结构1、ant代码结构

原创 Ant-design 源码分析之数据展示（八）Descriptions

Ant-design 源码分析之数据展示（八）Descriptions2021SC@SDUSC一、组件结构1、ant代码结构![在这里插入图片描述](https://img-blog.csdnimg.cn/018381ed92e74a8a82613af94488c467.png2、组件结构ant中Descriptions的index.tsx中引入了Item和Row。二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from

原创 Ant-design 源码分析之数据展示（七）Comment

Ant-design 源码分析之数据展示（七）Comment2021SC@SDUSC一、组件结构1、ant代码结构2、组件结构ant中Comment的index.tsx中引入了config-provider。二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import classNames from 'classnames';import { ConfigContext } from '..

原创 Ant-design 源码分析之数据展示（六）Collapse

Ant-design 源码分析之数据展示（六）Collapse2021SC@SDUSC一、组件结构1、ant代码结构2、组件结构ant中Collapse的index.tsx中引入了Collapse和CollapsePanel。引用rc-collapse。二、antd组件调用关系1、Collapse.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import RcCollapse from 'rc-collapse';impor

原创 Ant-design 源码分析之数据展示（五）Carousel

Ant-design 源码分析之数据展示（五）Carousel

原创 Ant-design 源码分析之数据展示（四）Card

Ant-design 源码分析之数据展示（三）Badge2021SC@SDUSC一、组件结构1、ant代码结构2、组件结构ant中Badge的index.tsx中引入了Meta和Grid。二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import classNames from 'classnames';import omit from 'rc-util/lib/omit';import

原创 Ant-design 源码分析之数据展示（三）Calendar

Ant-design 源码分析之数据展示（四）Calendar2021SC@SDUSC一、组件结构1、ant代码结构

原创 Ant-design 源码分析之数据展示（二）Badge

Ant-design 源码分析之数据展示（三）Badge2021SC@SDUSC一、组件结构1、ant代码结构2、rc-ant代码结构3、组件结构ant中Badge的index.tsx中引入了Ribbon和ScollNumberindex中引用rc-motion做渲染。二、antd组件调用关系1、index.tsx导入相应模块以及相应的ICON图标import * as React from 'react';import { useMemo, useRef } from 're

原创 TIDB测试题（一）

原创 Ant-design 源码分析之数据展示（一）Avatar

Ant-design 源码分析之数据展示（二）Avatar2021SC@SDUSC一、组件结构1、ant代码结构2、rc-ant代码结构2.1、rc-util代码结构2.2、rc-resize-observer代码结构3、组件结构ant中avatar的index.tsx中引入了avatar和groupavatar中引用rc-resize-obsever做API。二、antd组件调用关系1、avatar.tsx导入相应模块以及相应的ICON图标import * as Reac

原创 Ant-design 源码分析之技术说明综述

Ant-design 源码分析之数据展示（一）2021SC@SDUSCAnt Design of React 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。由于Antd是UI组件库，所以我们小组主要分析关键代码为组件代码，我负责数据展示部分。数据展示部分共有17个组件：Avatar头像用来代表用户或事物，支持图片、图标或字符展示。Badge徽标数图标右上角的圆形徽标数字。Comment评论对网站内容的反馈、评价和讨论。Collapse