Spannable配合AnimationDrawable实现TextView中展示Gif图片

辣的原理解释,反正大家也不爱看,所以直接上代码了

长这样,下面两个图是gif,会动的。
在这里插入图片描述

package com.example.myapplication;import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;import java.io.InputStream;public class GifDrawable extends AnimationDrawable {private int mCurrentIndex = 0;private UpdateListener mListener;public GifDrawable(Context context, InputStream source,UpdateListener listener) {mListener = listener;GifHelper decoder = new GifHelper();decoder.read(source);// 遍历gif图像里面的每一帧,放进animation frame中for (int i = 0; i < decoder.getFrameCount(); i++) {Bitmap bitmap = decoder.getFrame(i);BitmapDrawable drawable = new BitmapDrawable(context.getResources(), bitmap);// 为每一帧设置边界drawable.setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());addFrame(drawable, decoder.getDelay(i));if (i == 0) {// 为容器设置一个边界setBounds(0, 0, bitmap.getWidth(), bitmap.getHeight());}}}/*** 继续下一帧,同时通知监听器*/public void nextFrame() {// 当循环到最后一帧时,索引就会为0,注意索引比帧的数量小1mCurrentIndex = (mCurrentIndex + 1) % getNumberOfFrames();if (mListener != null) {mListener.update();}}/*** 返回当前帧的显示时间** @return*/public int getFrameDuration() {return getDuration(mCurrentIndex);}/*** 返回当前帧的图片** @return*/public Drawable getDrawable() {return getFrame(mCurrentIndex);}/*** 该接口通知监听器更新/重绘界面** @author moon*/public interface UpdateListener {void update();}public void setUpdateListener(UpdateListener listener) {this.mListener = listener;}
}
package com.example.myapplication;import java.io.InputStream;
import java.util.Vector;import android.graphics.Bitmap;
import android.graphics.Bitmap.Config;//Handler for read & extract Bitmap from *.gif
public class GifHelper {// to define some error typepublic static final int STATUS_OK = 0;public static final int STATUS_FORMAT_ERROR = 1;public static final int STATUS_OPEN_ERROR = 2;protected int status;protected InputStream in;protected int width; // full image widthprotected int height; // full image heightprotected boolean gctFlag; // global color table usedprotected int gctSize; // size of global color tableprotected int loopCount = 1; // iterations; 0 = repeat foreverprotected int[] gct; // global color tableprotected int[] lct; // local color tableprotected int[] act; // active color tableprotected int bgIndex; // background color indexprotected int bgColor; // background colorprotected int lastBgColor; // previous bg colorprotected int pixelAspect; // pixel aspect ratioprotected boolean lctFlag; // local color table flagprotected boolean interlace; // interlace flagprotected int lctSize; // local color table sizeprotected int ix, iy, iw, ih; // current image rectangleprotected int lrx, lry, lrw, lrh;protected Bitmap image; // current frameprotected Bitmap lastImage; // previous frameprotected int frameindex = 0;public int getFrameindex() {return frameindex;}public void setFrameindex(int frameindex) {this.frameindex = frameindex;if (frameindex > frames.size() - 1) {frameindex = 0;}}protected byte[] block = new byte[256]; // current data blockprotected int blockSize = 0; // block size// last graphic control extension infoprotected int dispose = 0;// 0=no action; 1=leave in place; 2=restore to bg; 3=restore to prevprotected int lastDispose = 0;protected boolean transparency = false; // use transparent colorprotected int delay = 0; // delay in millisecondsprotected int transIndex; // transparent color indexprotected static final int MaxStackSize = 4096;// max decoder pixel stack size// LZW decoder working arraysprotected short[] prefix;protected byte[] suffix;protected byte[] pixelStack;protected byte[] pixels;protected Vector<GifFrame> frames; // frames read from current fileprotected int frameCount;// to get its Width / Heightpublic int getWidth() {return width;}public int getHeigh() {return height;}/*** Gets display duration for specified frame.* 获得当前帧的延迟时间* @param n*            int index of frame* @return delay in milliseconds*/public int getDelay(int n) {delay = -1;if ((n >= 0) && (n < frameCount)) {delay = ((GifFrame) frames.elementAt(n)).delay;}return delay;}public int getFrameCount() {return frameCount;}/*** 获取首帧的图片*/public Bitmap getImage() {return getFrame(0);}public int getLoopCount() {return loopCount;}protected void setPixels() {int[] dest = new int[width * height];// fill in starting image contents based on last image's dispose codeif (lastDispose > 0) {if (lastDispose == 3) {// use image before lastint n = frameCount - 2;if (n > 0) {lastImage = getFrame(n - 1);} else {lastImage = null;}}if (lastImage != null) {lastImage.getPixels(dest, 0, width, 0, 0, width, height);// copy pixelsif (lastDispose == 2) {// fill last image rect area with background colorint c = 0;if (!transparency) {c = lastBgColor;}for (int i = 0; i < lrh; i++) {int n1 = (lry + i) * width + lrx;int n2 = n1 + lrw;for (int k = n1; k < n2; k++) {dest[k] = c;}}}}}// copy each source line to the appropriate place in the destinationint pass = 1;int inc = 8;int iline = 0;for (int i = 0; i < ih; i++) {int line = i;if (interlace) {if (iline >= ih) {pass++;switch (pass) {case 2:iline = 4;break;case 3:iline = 2;inc = 4;break;case 4:iline = 1;inc = 2;}}line = iline;iline += inc;}line += iy;if (line < height) {int k = line * width;int dx = k + ix; // start of line in destint dlim = dx + iw; // end of dest lineif ((k + width) < dlim) {dlim = k + width; // past dest edge}int sx = i * iw; // start of line in sourcewhile (dx < dlim) {// map color and insert in destinationint index = ((int) pixels[sx++]) & 0xff;int c = act[index];if (c != 0) {dest[dx] = c;}dx++;}}}image = Bitmap.createBitmap(dest, width, height, Config.ARGB_4444);}/*** 获得索引帧的图片* * @param n* @return*/public Bitmap getFrame(int n) {Bitmap im = null;if ((n >= 0) && (n < frameCount)) {im = ((GifFrame) frames.elementAt(n)).image;}return im;}/*** 获得下一帧的图片* * @return*/public Bitmap nextBitmap() {frameindex++;if (frameindex > frames.size() - 1) {frameindex = 0;}return ((GifFrame) frames.elementAt(frameindex)).image;}public int nextDelay() {return ((GifFrame) frames.elementAt(frameindex)).delay;}// to read & parse all *.gif stream/*** 这里开始读取输入流,后面进行解析* * @param is* @return*/public int read(InputStream is) {init();if (is != null) {in = is;readHeader();if (!err()) {readContents();if (frameCount < 0) {status = STATUS_FORMAT_ERROR;}}} else {status = STATUS_OPEN_ERROR;}try {is.close();} catch (Exception e) {e.printStackTrace();}return status;}protected void decodeImageData() {int NullCode = -1;int npix = iw * ih;int available, clear, code_mask, code_size, end_of_information, in_code, old_code, bits, code, count, i, datum, data_size, first, top, bi, pi;if ((pixels == null) || (pixels.length < npix)) {pixels = new byte[npix]; // allocate new pixel array}if (prefix == null) {prefix = new short[MaxStackSize];}if (suffix == null) {suffix = new byte[MaxStackSize];}if (pixelStack == null) {pixelStack = new byte[MaxStackSize + 1];}// Initialize GIF data stream decoder.data_size = read();clear = 1 << data_size;end_of_information = clear + 1;available = clear + 2;old_code = NullCode;code_size = data_size + 1;code_mask = (1 << code_size) - 1;for (code = 0; code < clear; code++) {prefix[code] = 0;suffix[code] = (byte) code;}// Decode GIF pixel stream.datum = bits = count = first = top = pi = bi = 0;for (i = 0; i < npix;) {if (top == 0) {if (bits < code_size) {// Load bytes until there are enough bits for a code.if (count == 0) {// Read a new data block.count = readBlock();if (count <= 0) {break;}bi = 0;}datum += (((int) block[bi]) & 0xff) << bits;bits += 8;bi++;count--;continue;}// Get the next code.code = datum & code_mask;datum >>= code_size;bits -= code_size;// Interpret the codeif ((code > available) || (code == end_of_information)) {break;}if (code == clear) {// Reset decoder.code_size = data_size + 1;code_mask = (1 << code_size) - 1;available = clear + 2;old_code = NullCode;continue;}if (old_code == NullCode) {pixelStack[top++] = suffix[code];old_code = code;first = code;continue;}in_code = code;if (code == available) {pixelStack[top++] = (byte) first;code = old_code;}while (code > clear) {pixelStack[top++] = suffix[code];code = prefix[code];}first = ((int) suffix[code]) & 0xff;// Add a new string to the string table,if (available >= MaxStackSize) {break;}pixelStack[top++] = (byte) first;prefix[available] = (short) old_code;suffix[available] = (byte) first;available++;if (((available & code_mask) == 0)&& (available < MaxStackSize)) {code_size++;code_mask += available;}old_code = in_code;}// Pop a pixel off the pixel stack.top--;pixels[pi++] = pixelStack[top];i++;}for (i = pi; i < npix; i++) {pixels[i] = 0; // clear missing pixels}}protected boolean err() {return status != STATUS_OK;}// to initia variablepublic void init() {status = STATUS_OK;frameCount = 0;frames = new Vector<GifFrame>();gct = null;lct = null;}protected int read() {int curByte = 0;try {curByte = in.read();} catch (Exception e) {status = STATUS_FORMAT_ERROR;}return curByte;}protected int readBlock() {blockSize = read();int n = 0;if (blockSize > 0) {try {int count = 0;while (n < blockSize) {count = in.read(block, n, blockSize - n);if (count == -1) {break;}n += count;}} catch (Exception e) {e.printStackTrace();}if (n < blockSize) {status = STATUS_FORMAT_ERROR;}}return n;}// Global Color Tableprotected int[] readColorTable(int ncolors) {int nbytes = 3 * ncolors;int[] tab = null;byte[] c = new byte[nbytes];int n = 0;try {n = in.read(c);} catch (Exception e) {e.printStackTrace();}if (n < nbytes) {status = STATUS_FORMAT_ERROR;} else {tab = new int[256]; // max size to avoid bounds checksint i = 0;int j = 0;while (i < ncolors) {int r = ((int) c[j++]) & 0xff;int g = ((int) c[j++]) & 0xff;int b = ((int) c[j++]) & 0xff;tab[i++] = 0xff000000 | (r << 16) | (g << 8) | b;}}return tab;}// Image Descriptorprotected void readContents() {// read GIF file content blocksboolean done = false;while (!(done || err())) {int code = read();switch (code) {case 0x2C: // image separatorreadImage();break;case 0x21: // extensioncode = read();switch (code) {case 0xf9: // graphics control extensionreadGraphicControlExt();break;case 0xff: // application extensionreadBlock();String app = "";for (int i = 0; i < 11; i++) {app += (char) block[i];}if (app.equals("NETSCAPE2.0")) {readNetscapeExt();} else {skip(); // don't care}break;default: // uninteresting extensionskip();}break;case 0x3b: // terminatordone = true;break;case 0x00: // bad byte, but keep going and see what happensbreak;default:status = STATUS_FORMAT_ERROR;}}}protected void readGraphicControlExt() {read(); // block sizeint packed = read(); // packed fieldsdispose = (packed & 0x1c) >> 2; // disposal methodif (dispose == 0) {dispose = 1; // elect to keep old image if discretionary}transparency = (packed & 1) != 0;delay = readShort() * 10; // delay in millisecondstransIndex = read(); // transparent color indexread(); // block terminator}// to get Stream - Headprotected void readHeader() {StringBuffer id = new StringBuffer();for (int i = 0; i < 6; i++) {id.append((char) read());}if (!id.toString().startsWith("GIF")) {status = STATUS_FORMAT_ERROR;return;}readLSD();if (gctFlag && !err()) {gct = readColorTable(gctSize);bgColor = gct[bgIndex];}}protected void readImage() {// offset of Xix = readShort(); // (sub)image position & size// offset of Yiy = readShort();// width of bitmapiw = readShort();// height of bitmapih = readShort();// Local Color Table Flagint packed = read();lctFlag = (packed & 0x80) != 0; // 1 - local color table flag// Interlace Flag, to array with interwoven if ENABLE, with order// otherwiseinterlace = (packed & 0x40) != 0; // 2 - interlace flag// 3 - sort flag// 4-5 - reservedlctSize = 2 << (packed & 7); // 6-8 - local color table sizeif (lctFlag) {lct = readColorTable(lctSize); // read tableact = lct; // make local table active} else {act = gct; // make global table activeif (bgIndex == transIndex) {bgColor = 0;}}int save = 0;if (transparency) {save = act[transIndex];act[transIndex] = 0; // set transparent color if specified}if (act == null) {status = STATUS_FORMAT_ERROR; // no color table defined}if (err()) {return;}decodeImageData(); // decode pixel dataskip();if (err()) {return;}frameCount++;// create new image to receive frame dataimage = Bitmap.createBitmap(width, height, Config.ARGB_4444);// createImage(width, height);setPixels(); // transfer pixel data to imageframes.addElement(new GifFrame(image, delay)); // add image to frame// listif (transparency) {act[transIndex] = save;}resetFrame();}// Logical Screen Descriptorprotected void readLSD() {// logical screen sizewidth = readShort();height = readShort();// packed fieldsint packed = read();gctFlag = (packed & 0x80) != 0; // 1 : global color table flag// 2-4 : color resolution// 5 : gct sort flaggctSize = 2 << (packed & 7); // 6-8 : gct sizebgIndex = read(); // background color indexpixelAspect = read(); // pixel aspect ratio}protected void readNetscapeExt() {do {readBlock();if (block[0] == 1) {// loop count sub-blockint b1 = ((int) block[1]) & 0xff;int b2 = ((int) block[2]) & 0xff;loopCount = (b2 << 8) | b1;}} while ((blockSize > 0) && !err());}// read 8 bit dataprotected int readShort() {// read 16-bit value, LSB firstreturn read() | (read() << 8);}protected void resetFrame() {lastDispose = dispose;lrx = ix;lry = iy;lrw = iw;lrh = ih;lastImage = image;lastBgColor = bgColor;dispose = 0;transparency = false;delay = 0;lct = null;}/*** Skips variable length blocks up to and including next zero length block.*/protected void skip() {do {readBlock();} while ((blockSize > 0) && !err());}// to store *.gif data, Bitmap & delay/*** 帧对象,包含图片和延迟时间* * @author moon* */private class GifFrame {// to access image & delay w/o interfacepublic Bitmap image;public int delay;public GifFrame(Bitmap im, int del) {image = im;delay = del;}}}
package com.example.myapplication;import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.graphics.Paint.FontMetricsInt;
import android.graphics.drawable.Drawable;
import android.os.Handler;
import android.text.style.DynamicDrawableSpan;public class AnimatedImageSpan extends DynamicDrawableSpan {private Drawable mDrawable;public AnimatedImageSpan(Drawable d) {super();mDrawable = d;// 用handler 通知继续下一帧final Handler mHandler = new Handler();mHandler.post(new Runnable() {@Overridepublic void run() {((GifDrawable) mDrawable).nextFrame();// 设置下一个的延迟取决于当前帧的持续时间mHandler.postDelayed(this,((GifDrawable) mDrawable).getFrameDuration());}});}@Overridepublic Drawable getDrawable() {return ((GifDrawable) mDrawable).getDrawable();}/*** 代码跟父类代码相似,就是getCachedDrawable()替换成getDrawable(),因为前者里面的图片是WeakReference,* 容易被gc回收,所以这里要避免这个问题*/@Overridepublic int getSize(Paint paint, CharSequence text, int start, int end,FontMetricsInt fm) {Drawable d = getDrawable();Rect rect = d.getBounds();if (fm != null) {fm.ascent = -rect.bottom;fm.descent = 0;fm.top = fm.ascent;fm.bottom = 0;}return rect.right;}/*** 代码跟父类代码相似,就是getCachedDrawable()替换成getDrawable(),因为前者里面的图片是WeakReference,* 容易被gc回收,所以这里要避免这个问题*/@Overridepublic void draw(Canvas canvas, CharSequence text, int start, int end,float x, int top, int y, int bottom, Paint paint) {// TODO Auto-generated method stubDrawable b = getDrawable();canvas.save();int transY = bottom - b.getBounds().bottom;if (mVerticalAlignment == ALIGN_BASELINE) {transY -= paint.getFontMetricsInt().descent;}canvas.translate(x, transY);b.draw(canvas);canvas.restore();}
}
package com.example.myapplicationimport android.os.Bundle
import android.text.Spannable
import android.text.SpannableStringBuilder
import androidx.appcompat.app.AppCompatActivity
import androidx.appcompat.widget.AppCompatTextViewclass MainActivity : AppCompatActivity() {override fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)setContentView(R.layout.activity_main)val content ="金融监督管理总局相关负责人介绍,将加大支持力度、优化金融服务,尤其是切实服务扩大内需。接下来将采取针对性措施,引导银行保险机构支持增强发展动能,优化经济结构,推动经济持续回升向好。数据显示,6 月末信用卡、汽车和其他综合消费贷款比年初增加 7100 多亿元,上半年基础设施建设贷款余额同比多增1.05万亿元,制造业贷款余额同比多增 1800多亿元。6月末民营企业贷款余额同比增长 13.1%。"val tvVoiceContent = findViewById<AppCompatTextView>(R.id.tvVoiceContent)val sb = SpannableStringBuilder()sb.append(content)val dummyText = "dummy"sb.append(dummyText)sb.setSpan(AnimatedImageSpan(GifDrawable(this, assets.open("temp.gif")) { tvVoiceContent.postInvalidate() }),sb.length - dummyText.length,sb.length,Spannable.SPAN_EXCLUSIVE_EXCLUSIVE)tvVoiceContent.text = sb}
}

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[静态时序分析简明教程(九)]多周期路径set_multicycle_path

静态时序分析简明教程-多周期路径 一、写在前面1.1 快速导航链接 二、多周期路径2.1 多周期路径的SDC命令2.2 路径常规约束2.3 建立/保持规格2.4 位移量2.5 多时钟周期案例 三、总结 一、写在前面 一个数字芯片工程师的核心竞争力是什么&#xff1f;不同的工程师可能给出不同的…

山景DSP芯片可烧录AP8224C2音频处理器方案

AP8224C2高性能32位音频应用处理器AP82系列音频处理器是面向音频应用领域设计的新一代SoC平台产品&#xff0c;适用于传统音响系统、新兴的蓝牙或Wifi 无线音频产品、Sound Bar 和调音台等市场。该处理器在总体架构和系统组成上&#xff0c;充分考虑了音频领域的特点&#xff0…

MYSQL幻读问题

幻读是什么&#xff1f; “Phantom Problem是指在同一事务下&#xff0c;连续执行两次同样的SQL语句可能导致不同的结果&#xff0c;第二次的SQL语句可能会返回之前不存在的行。”摘录来自 MySQL技术内幕&#xff1a;InnoDB存储引擎(第2版) (数据库技术丛书) ​ 通俗来说就是&a…

【积水成渊】9 个CSS 伪元素

大家好&#xff0c;我是csdn的博主&#xff1a;lqj_本人 这是我的个人博客主页&#xff1a; lqj_本人_python人工智能视觉&#xff08;opencv&#xff09;从入门到实战,前端,微信小程序-CSDN博客 最新的uniapp毕业设计专栏也放在下方了&#xff1a; https://blog.csdn.net/lbcy…

Jupyter Notebook 500 : Internal Server Error

1. 这个问题的根本原因在于&#xff1a; pygments 包 版本过高。 安装pygments 2.6.1 2.jupyter版本如下 如果某个版本有冲突&#xff0c;卸载了重新安装一下就行。 安装命令&#xff1a; pip install pygments 2.6.1 -i https://pypi.tuna.tsinghua.edu.cn/simple 另外…

界面控件DevExpress WPF Chart组件——拥有超快的数据可视化库!

DevExpress WPF Chart组件拥有超大的可视化数据集&#xff0c;并提供交互式仪表板与高性能WPF图表库。DevExpress Charts提供了全面的2D / 3D图形集合&#xff0c;包括数十个UI定制和数据分析/数据挖掘选项。 PS&#xff1a;DevExpress WPF拥有120个控件和库&#xff0c;将帮助…

Mysql中插入数据,并返回自增主键的值

创建数据库和表使用 insert into 进行插入数据使用 RETURN_GENERATED_KEYS 进行返回插入的这条数据 具体方法如下&#xff1a; Testvoid addGetPk(){try{Statement stmt conn.createStatement();String sql String.format("insert into t_students values(null,%s,%s,%d…

「已解决」iframe 本地生效 但是在测试环境不生效问题

背景 我有一个表格中一列是个详情&#xff0c;这个详情可被点击&#xff0c;点击后弹出抽屉&#xff0c;抽屉里是后端传给我详情字段的值对应的 url 的 iframe 展示。 问题是&#xff0c;在本地 localhost 下运行&#xff0c;ifame 运行正常&#xff0c;但是部署到测试环境就看…

王道机组难题分析

第四章 指令系统 大端方式&#xff1a;就是高地址存放高位&#xff0c; LSB的意思是&#xff1a;全称为Least Significant Bit&#xff0c;在二进制数中意为最低有效位 MSB的意思是&#xff1a;全称为Most Significant Bit&#xff0c;在二进制数中属于最高有效位 操作数可以理…

JavaWeb-Servlet服务连接器(三)

目录 Response响应对象 1.基本功能 2.重定向 3.路径 4.服务器输出数据到浏览器 Response响应对象 1.基本功能 设置响应行&#xff1a;格式为 HTTP/1.1 200 OK&#xff0c;可以使用 setStatus(int sc) 方法设置状态码为 200 表示成功。 方法名称描述setStatus(int sc)设…

docker下载和案例

文章目录 Docker安装一,根据官方文档安装二,根据我以下方式 Docker配置错误导致漏洞一,CRLF注入漏洞介绍在nginx中该漏洞例子解决方法 目录穿越漏洞介绍解决方法 Docker安装 一,根据官方文档安装 官方文档 二,根据我以下方式 docker安装要求&#xff1a; Docker要求Ce…

用户数据报协议UDP

UDP的格式 载荷存放的是:应用层完整的UDP数据报 报头结构: 源端口号:发出的信息的来源端口目的端口号:信息要到达的目的端口UDP长度:2个字节(16位),即UDP总长度为:2^16bit 2^10bit * 2^6bit 1KB * 64 64KB.所以一个UDP的最大长度为64KBUDP校验和:网络的传输并非稳定传输,…

【leetcode】前缀和

内容摘抄自&#xff1a; 小而美的算法技巧&#xff1a;前缀和数组 | labuladong 的算法小抄 一维数组的前缀和 看这个 preSum 数组&#xff0c;若想求索引区间 [1, 4] 内的所有元素之和&#xff0c; 就可以通过 preSum[5] - preSum[1] 得出。 class NumArray {private:// 前缀…

wordpress数据表中标签和分类如何区分?

wordpress中标签和分类是什么关系怎么区分&#xff1f;最后有一个群的网友告诉了我文章ID和标签ID的关系是放在了wp_term_relationships表中&#xff0c;然后我百度了下这个表的结构和相关介绍&#xff0c;发现果然如此&#xff0c;先把文章保存起来&#xff1a; wp_term_rela…

消息中间件 Asio (C++)

折腾了一上午&#xff0c;看到这个结果的时候泪目了兄弟闷&#xff0c;讲真。我的asio客户端成功收到服务端发来的消息了。虽然这确实是极其智障又简单的入门哈哈 下载独立版本 asio网络通信库新建cmake工程&#xff0c;CMakeLists.txt加载asioasio最简单的服务端和客户端代码…

【elasticSearch系】3.完整搭建详尽版elk

话不多说,我们先看下经典的elk 是由哪些组件搭建组合起来的 elasticSearch和kibana搭建 可以查看之前我搭建elasticsearch和kibana 的这篇文章 logstash搭建 为了和之前我搭建elasticsearch和kibana版本保持一致,这里我们还是选择7.17.3 下载地址 点击下载,这里为了方…

wangEditor5实现@评论功能

需求描述&#xff1a;在输入框输入后显示用户列表&#xff0c;实现人功能 当前环境&#xff1a;vue3viteelementPluswangEditor5 需要插件&#xff1a;wangeditor/plugin-mention 安装插件&#xff1a;npm i wangeditor/plugin-mention 输入框组件分两部分&#xff1a;1. wa…

谈谈对Spring MVC的理解

问题分析&#xff1a; SpringMVC 是一种基于 Java 语言开发&#xff0c;实现了 Web MVC 设计模式&#xff0c;请求驱动类型 的轻量级 Web 框架。 SpringMVC采用了 MVC 架构模式的思想&#xff0c;通过把 Model&#xff0c;View&#xff0c;Controller 分离&#xff0c;将 Web 层…

基于vue3+webpack5+qiankun实现微前端

一 主应用改造&#xff08;又称基座改造&#xff09; 1 在主应用中安装qiankun(npm i qiankun -S) 2 在src下新建micro-app.js文件&#xff0c;用于存放所有子应用。 const microApps [// 当匹配到activeRule 的时候&#xff0c;请求获取entry资源&#xff0c;渲染到containe…

软件测试基础篇——MySQL

MySQL 1、数据库技术概述 数据库database&#xff1a;存放和管理各种数据的仓库&#xff0c;操作的对象主要是【数据data】&#xff0c;科学的组织和存储数据&#xff0c;高效的获取和处理数据SQL&#xff1a;结构化查询语言&#xff0c;专为**关系型数据库而建立的操作语言&…