- 博客(20)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 飞讯管理员端的问卷方面功能
数据库方面设计 问卷主体表：varchar questionnaireId 自增主键，问卷的唯一标识varchar userid 发布问卷的用户varchar name 问卷名称varchar createTime 问卷创建时间varchar startTime 问卷开始时间varchar endTime 问卷结束时间varchar state 问卷状态，分为暂存，发布，删除三种状态int count 问卷被完成的次数问题表varchar qu...
2022-05-25 16:44:32
264
原创 飞讯管理员端群组部分完整版实现
群组概括信息页面：/GroupBrief需要展示有关群组的概括信息，包括群组的组成占比，群组数量，不同群组的数量，均可视化展示群组有六个种类PublicWorkMeetingAVChatRoomCommunityPrivate使用一个一维数组存储其每一个的数量数据库中有关表为创建群组表create与注销群组表destroyed每个表都包含以下信息CallbackCommand String 回调命令 GroupId String 操作
2022-05-03 03:02:57
515
原创 飞讯管理员端的后端数据表格展现
首先想到的是用layui自带的动态表格进行加载，实例table.render({ elem: '#demo' ,height: 312 ,url: '/demo/table/user/' //数据接口 ,page: true //开启分页 ,cols: [[ //表头 {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'} ,{field: 'username', t
2022-04-09 16:30:57
705
原创 飞讯的主页优化设计与会议室
主页优化使用layui的模板库，设计左侧导航栏，采用新的二级导航菜单具体代码实现应先引入layui的css与js<link rel="stylesheet" href="../layui/css/layui.css"> <script src="../layui/layui.js"></script>会议室方面通览页设计一个环形进度条显示正在使用的会议室占比代码实现html部分 <div clas.
2022-04-04 18:11:43
1106
原创 飞讯管理员端的主页设计
首先创建一个web项目，由于需要使用react，则使用npm安装react与antdnpm i react react-dom 然后在目录中可见此两个文件夹之后使用react需要将jsx翻译为js语句，使用babel。在页面中引入<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>即可实现翻译之后进行react测试，是否能够正常使用test.html
2022-03-11 16:46:17
1436
原创 Ant-Design源码分析——Anchor
2021SC@SDUSCanchor锚点的位置用于快速定位链接的指定位置先来看下接口内定义的参数export interface AnchorProps { // 前缀信息 prefixCls?: string; // 类名 className?: string; // 样式 style?: React.CSSProperties; // 子类对象 children?: React.ReactNode; // 距离窗口顶端的偏移量 offsetTop?:
2021-12-26 19:59:29
1197
原创 Ant-Design源码分析——Spin
2021SC@SDUSC定义接口信息export interface SpinProps { // 前缀信息 prefixCls?: string; // 类名 className?: string; // 是否旋转（加载中） spinning?: boolean; // 样式 style?: React.CSSProperties; // 尺寸 size?: SpinSize; // 自定义文案 tip?: string; // 延迟加载时间（
2021-12-26 19:00:13
1128
原创 Ant-Design源码分析——Skeleton（二）
2021SC@SDUSCparagraph部分接口部分，定义了一些变量export interface SkeletonParagraphProps { // 前缀 prefixCls?: string; // 类名 className?: string; // 样式 style?: React.CSSProperties; // 宽度 width?: widthUnit | Array<widthUnit>; // 列数 rows?: nu
2021-12-21 18:45:56
398
原创 Ant-Design源码分析——Skeleton（一）
2021SC@SDUSC用于反馈一系列操作任务的处理结果。首先是导入相应的模块import * as React from 'react';import classNames from 'classnames';import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled'.
2021-12-08 00:06:40
455
原创 Ant-Design源码分析——Result
2021SC@SDUSC用于反馈一系列操作任务的处理结果。首先是导入相应的模块import * as React from 'react';import classNames from 'classnames';import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled'.
2021-12-01 23:33:10
733
原创 Ant-Design源码分析——Progress（二）
2021SC@SDUSC今天接着介绍progress的另外两部分“line”与“circle”line首先line与circle都继承progress/** 用于设置渐变色 * 例子 * { * "0%": "#afc163", * "75%": "#009900", * "50%": "green", // ====> '#afc163 0%, #66FF00 25%, #00CC00 50%, #009900 75%, #ffffff 100%
2021-11-22 22:50:16
938
原创 Ant-Design源码分析——Progress（一）
2021SC@SDUSCprogress一共有4种类型，分别为“line”、“circle”、“dashboard”linecircledashboard本组件内容较多，本文章先只介绍“progress”整体部分progress部分首先是导入相应的模块import * as React from 'react';import classNames from 'classnames';import omit from 'rc-util/lib/om...
2021-11-16 16:49:55
2360
1
原创 Ant-Design源码分析——Popconfirm
2021SC@SDUSC首先是导入相应的模块import * as React from 'react';import classNames from 'classnames';import useMergedState from 'rc-util/lib/hooks/useMergedState';import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';import KeyCode f
2021-11-10 23:53:10
2073
原创 Ant-Design源码分析Notification
2021SC@SDUSC首先导入相应模块import * as React from 'react';import Notification from 'rc-notification';import { NotificationInstance as RCNotificationInstance } from 'rc-notification/lib/Notification';import CloseOutlined from '@ant-design/icons/CloseOutlin
2021-11-03 00:01:23
960
原创 Ant-Design源码分析——Modal
2021SC@SDUSC首先导入相关的模块import * as React from 'react';import Dialog from 'rc-dialog';import classNames from 'classnames';import CloseOutlined from '@ant-design/icons/CloseOutlined';import { getConfirmLocale } from './locale';import Button from '..
2021-10-29 13:11:38
1665
原创 Ant-Design组件源码分析——Messgae
2021SC@SDUSC首先导入相关要使用的模块import * as React from 'react';import classNames from 'classnames';import RCNotification from 'rc-notification';import { NotificationInstance as RCNotificationInstance, NoticeContent,} from 'rc-notification/lib/Notifi
2021-10-20 13:40:10
1504
1
原创 Ant-Design组件源码分析——Drawer
2021SC@SDUSC源码分析如下首先导入了相关使用的模块import * as React from 'react';import RcDrawer from 'rc-drawer';import CloseOutlined from '@ant-design/icons/CloseOutlined';import classNames from 'classnames';import { ConfigContext, DirectionType } from '../config
2021-10-13 00:56:37
1585
原创 Ant DesignUI组件源码分析——Alert
2021SC@SDUSC源码分析如下1.导入相应模块以及相应的ICON图标import CloseOutlined from '@ant-design/icons/CloseOutlined';import CheckCircleOutlined from '@ant-design/icons/CheckCircleOutlined';import ExclamationCircleOutlined from '@ant-design/icons/ExclamationCircleOutl
2021-10-06 20:19:31
990
原创 Ant Design有关综述
2021SC@SDUSC是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。其被如蚂蚁金服、阿里巴巴、百度等公司投入使用我主要介绍关与其UI组件中的反馈部分与其他部分，内容包括有Alert警告Drawer抽屉Message全局提示Modal对话框Notification通知提示Popconfirm气泡提示Progress进度条Result结果Skeleton骨架屏Spin加载中Anchor锚点BackT
2021-09-28 15:26:11
539
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人