北屋教程网

专注编程知识分享，从入门到精通的编程学习平台

2025年07月20日

从零开始学Qt(65):高阶!基于Graphics View编写矢量图软件

本文实例是一个基于Graphics View结构的简单矢量图绘图程序，通过这个实例可以学习 Graphics View图形编程比较全面的使用方法。程序运行界面如下图所示。

这个实例程序具有如下的功能。

  • 可以创建矩形、椭圆、圆形、三角形、梯形、直线、文字等基本图形项。
  • 每个图形项都可以被选择和拖动。
  • 图形项或整个视图可以缩放和旋转。
  • 图形项重叠时，可以调整前置或后置。
  • 多个图形项可以组合，也可以解除组合。
  • 可以删除选择的图形项。
  • 鼠标在视图上移动时，会在状态栏显示视图坐标和场景坐标。
  • 鼠标单击某个图形项时，会显示图形项的局部坐标，也会显示图形项的文字描述和编号。 双击某个图形项时，会根据图形项的类型调用颜色对话框或字体对话框，设置图形项的填充颜色、线条颜色或文字的字体。
  • 选中某个图形项时，可以进行按键操作，Delete键删除图形项，PgUp放大，PgDn缩小，空格键旋转90°，上下左右光标键移动图形项。

自定义图形视图类GraphicsView

从QGraphicsView类继承定义一个图形视图类GraphicsView，在自定义类中添加鼠标和按键事件的处理，将鼠标和按键事件转换为信号，以便在主程序中设计槽函数做相应的处理。

下面是 GraphicsView 类的定义，处理了 mouseMoveEvent()、mousePressEvent()、mouse DoubleClickEvent()和keyPressEvent()事件，定义了相应的信号，在事件处理里发射信号。

class GraphicsView : public QGraphicsView
{
Q_OBJECT
protected:
  void mouseMoveEvent(QMouseEvent * event);
  void mousePressEvent(QMouseEvent *event);
  void mouseDoubleClickEvent(QMouseEvent *event);
  void keyPressEvent(QKeyEvent *event);
public:
	GraphicsView(QWidget *parent = 0);
signals:
  void mouseMovePoint(QPoint point);
  void mouseClicked(QPoint point);
  void mouseDoubleClick(QPoint point); //双击事件
  void keyPress(QKeyEvent *event) ; //按键事件
};

下面是GraphicsView类的4个事件的实现代码，在每个事件里发射相应的信号。在 GraphicsView类里，将鼠标和键盘事件转换为信号，就可以利用信号与槽机制，在主程序里设计槽函数对相应的鼠标和键盘操作进行响应。

void GraphicsView::mouseMoveEvent(QMouseEvent *event)
{//鼠标移动事件
  QPoint point=event->pos(); //QGraphicsView 的坐标
  emit mouseMovePoint(point); //发射信号
  QGraphicsView::mouseMoveEvent(event);
}
void GraphicsView::mousePressEvent(QMouseEvent *event)
{ //鼠标左键按下事件
  if (event->button()==Qt::LeftButton){
    QPoint point=event->pos(); //QGraphicsView 的坐标
    emit mouseClicked(point);//发射信号
  }
  QGraphicsView::mousePressEvent(event);
}
void GraphicsView::mouseDoubleClickEvent(QMouseEvent *event)
{ //鼠标双击事件
  if (event->button()==Qt::LeftButton)
  {
    QPoint point=event->pos() ; //QGraphicsView 的坐标
    emit mouseDoubleClick (point) ;//发射信号
  }
  QGraphicsView::mouseDoubleClickEvent(event);
}
void GraphicsView::keyPressEvent(QKeyEvent *event)
{ //按键事件
  emit keyPress (event) ; //发射信号
  QGraphicsView::keyPressEvent (event);
}

主窗口设计

主窗口是一个从QMainWindow继承的窗口类MainWindow，采用可视化设计。设计的Action 如图所示，利用这些Action创建两个工具栏，一个用于图形项的创建，一个用于图形项的各种操作。主窗口工作区的GraphicsView组件是从QGraphicsView组件升级而来的。

主窗口类MainWindow的定义的主要部分如下（省略了 Action的槽函数的定义)：

class MainWindow : public QMainWindow
{
Q_OBJECT
public:
  MainWindow(QWidget *parent = nullptr);
  ~MainWindow();
private:
  Ui::MainWindow *ui;
  static const int ItemId = 1; //图形项自定义数据的 key
  static const int ItemDesciption = 2; //图形项自定义数据的 key
  int seqNum=0; //用于图形项的编号，每个图形项有一个编号
  int frontZ=0; //用于 bring to front
  int backZ=0; //用于 bring to back
  QGraphicsScene *scene;
  QLabel *labViewCord;
  QLabel *labSceneCord;
  QLabel *labItemCord;
  QLabel *labItemInfo;
private slots:
  void on_mouseMovePoint(QPoint point); //鼠标移动
  void on_mouseClicked(QPoint point); //鼠标单击
  void on_mouseDoubleClick (QPoint point) ; //鼠标双击
  void on_keyPress (QKeyEvent * event) ; //按键
};
  • ItemId和ItemDesciption是用于定义图形项的自定义数据的键。
  • 变量seqNum用于给每个图形项编号，每个图形项有一个唯一编号。
  • 变量frontZ用于设置图形项的叠放顺序，数值越大，越在前面显示。
  • 变量backZ用于设置图形项的叠放顺序，数值越小，越在后面显示。
  • 定义了 4个私有槽函数，用于响应GraphicsView的4个信号，实现鼠标移动、单击、双击、按键时的处理。
  • on_mouseMovePoint()槽函数响应绘图视图的mouseMovePoint()信号，在鼠标移动时显示鼠标光标处的视图坐标和场景坐标。
  • on_mouseClicked()槽函数响应绘图视图的mouseClicked()信号，在鼠标单击时，显示图形项的局部坐标和图形项存储的自定义信息，如图形项编号和描述信息。
  • on_mouseDoubleClick()槽函数响应绘图视图的mouseDoubleClick()信号，在某个图形项上双 击时，根据图形项的类型调用颜色对话框或字体对话框，设置填充颜色、线条颜色或字体。
  • on_keyPress()槽函数响应绘图视图的keyPress()信号，在选中某个图形项时，用按键实现缩 放、删除、移动等操作。

MainWindow的构造函数代码如下：

MainWindow::MainWindow(QWidget *parent)
: QMainWindow(parent), ui(new Ui::MainWindow)
{
  ui->setupUi(this);
  labViewCord=new QLabel("View 坐标："); //创建状态栏标签
  labViewCord->setMinimumWidth(150);
  ui->statusbar->addWidget(labViewCord);
  labSceneCord=new QLabel ("Scene 坐标：");
  labSceneCord->setMinimumWidth(150);
  ui->statusbar->addWidget(labSceneCord);
  labItemCord=new QLabel ("Item 坐标：");
  labItemCord->setMinimumWidth(150);
  ui->statusbar->addWidget(labItemCord);
  labItemInfo=new QLabel ("Itemlnfo:");
  labItemInfo->setMinimumWidth(200);
  ui->statusbar->addWidget(labItemInfo);
  scene=new QGraphicsScene(-300, -200, 600,200); //创建 QGraphicsScene
  ui->View->setScene(scene) ; //与 view 关联
  ui->View->setCursor(Qt::CrossCursor); //设置鼠标光标形状
  ui->View->setMouseTracking(true);
  ui->View->setDragMode(QGraphicsView::RubberBandDrag);
  this->setCentralWidget(ui->View);
  QObject::connect(ui->View,SIGNAL(mouseMovePoint(QPoint)), this, SLOT(on_mouseMovePoint(QPoint)));
  QObject::connect(ui->View,SIGNAL(mouseClicked(QPoint)), this, SLOT(on_mouseClicked(QPoint)));
  QObject::connect(ui->View,SIGNAL(mouseDoubleclick(QPoint)), this, SLOT(on_mouseDoubleClick(QPoint)));
  QObject::connect(ui->View,SIGNAL(keyPress(QKeyEvent*)),this, SLOT(on_keyPress(QKeyEvent*)));
  qsrand(QTime::currentTime().second()); //随机数初始化
}

在构造函数里，首先是创建状态栏上的标签，然后创建场景并与视图关联，再将视图组件的 4个信号与4个槽函数关联。

qsrand()用于随机数初始化，这里用当前时间的秒作为随机数种子。

图形项的创建

主窗口左侧工具栏上的按钮用于创建各种标准的图形项。创建矩形使用QGraphicsRectltem， 创建椭圆和圆使用QGraphicsEllipseltem，创建三角形和梯形使用QGraphicsPolygonltem，创建直线使用QGraphicsLineltem，创建文字使用QGraphicsTextltem。还有一些其他的标准图形项类，程序里未全部涉及。

创建各图形项的代码基本类似，以创建椭圆的代码为例进行说明。

void MainWindow::on_actionItemEllipse_triggered()
{ //添加一个椭圆
  QGraphicsEllipseItem *item=new QGraphicsEllipseItem(-50,-30,100,60);
  item->setFlags(QGraphicsItem::ItemIsMovable
      | QGraphicsItem::ItemIsSelectable
      | QGraphicsItem::ItemIsFocusable);
  item->setBrush(QBrush(Qt::blue)); //填充颜色
  item->setZValue(++frontZ); //用于叠放顺序
  item->setPos(-50+(qrand()%100), -50+(qrand()%100)); //初始位置
  item->setData(ItemId,++seqNum); //自定义数据，Itemld 键
  item->setData(ItemDesciption,"椭圆"); //自定义数据，ItemDesciption 键
  scene->addItem(item);
  scene->clearSelection();
  item->setSelected(true);
}

椭圆图形类是QGraphicsEllipseltem。创建一个椭圆图形实例item，用setFlags()函数设置为可移动、可选择和可获取焦点；setBrush()用于设置填充色；setZValue()用于设置ZValue,这个参数控制叠放顺序，当有多个图形项叠加在一起时，ZValue值最大的显示在最前面；setPos()函数设置图形项在场景中的位置，这里使用了随机数函数qrand()。

setData()函数用于设置图形项的自定义参数，setData()函数原型为：

void QGraphicsItem::setData(int key, const QVariant &value)

key是一个整数，value是QVariant类型，key和value是一个键值对。所以，使用setData()一次可以设置一个键值对，可以为一个图形项设置多个自定义键值对。程序里设置了两个自定义数据：

item->setData(ItemId,++seqNum); //自定义数据，Itemld 键
item->setData(ItemDesciption,"椭圆"); //自定义数据，ItemDesciption 键

ItemId是图形项的编号，ItemDesciption是图形项的描述，两个都是在MainWindow类中定义的静态变量。这样，每个图形项有一个唯一的编号，有一个文字描述。在窗口上单击某个图形项时，会提取这两个自定义数据在状态栏上显示。

工具栏上的按钮还可以创建其他一些图形项，代码与此基本类似，这里不再详细介绍。

图形项操作

主窗口的另一个工具栏上的按钮实现图形项的缩放、旋转、组合等操作。

o 缩放

图形项的缩放使用QGraphicsItem的setScale()函数，参数大于1是放大，小于1是缩小。例如，下面是实现放大的程序。

void MainWindow::on_actionZoomIn_triggered()
{ //放大
  int cnt=scene->selectedItems().count();
  if(cnt==1){
    QGraphicsItem* item=scene->selectedItems().at(0);
    item->setScale(0.1+item->scale());
  }else{
  	ui->View->scale(1.1,1.1);
  }
}


QGraphicsScene::selectedItems()返回场景中选中的图形项的列表，如果只有一个图形项被选 中，就用QGraphicsItem的setScale()对图形项进行放大，在原来的缩放系数scale()基础上加0.1作为放大系数。如果选中的图形项个数大于1个，或没有图形项被选中，就用QGraphicsView的scale()函数对绘图视图进行放大。

o 旋转

图形项的旋转使用
QGraphicsItem::setRotation()函数，参数为角度值，正值表示顺时针旋转，负值表示逆时针旋转。例如，下面是逆时针旋转的程序。

void MainWindow::on_actionRotateLeft_triggered()
{ //逆时针旋转
  int cnt=scene->selectedItems().count();
  if(cnt==1){
    QGraphicsItem* item=scene->selectedItems().at(0);
    item->setRotation(-30+item->rotation());
  }
  else{
  	ui->View->rotate(-30);
  }
}

如果有一个图形项被选中，就对图形项进行旋转，否则对绘图视图进行旋转。

o 恢复坐标变换

缩放和旋转都是坐标变换，要取消所有变换恢复初始状态，调用QGraphicsItem或QGraphics View的resetTransform()函数。下面是“恢复”按钮的响应代码。

void MainWindow::on_actionRestore_triggered()
{ //取消所有变换
  int cnt=scene->selectedItems().count();
  if (cnt==1){
    QGraphicsItem* item=scene->selectedItems().at(0);
    item->resetTransform();
  }else{
    ui->View->resetTransform();
  }
}

o 叠放顺序

QGraphicsItem的zValue()表示图形项在Z轴的值，若有多个图形项叠加在一起，zValue()值最大的显示在最前面，zValue()值最小的显示在最后面。用setZValue()函数可以设置这个属性值。下面是工具栏上的“前置”和“后置”按钮的代码。

void MainWindow::on_actionEditFront_triggered()
{ //bring to front,前置
  int cnt=scene->selectedItems().count();
  if (cnt>0){ //只处理选中的第1个图形项
    QGraphicsItem* item=scene->selectedItems().at(0);
    item->setZValue(++frontZ);
  }
}
void MainWindow::on_actionEditBack_triggered()
{//bring to back,后置
  int cnt=scene->selectedItems().count();
  if (cnt>0){ //只处理选中的第1个图形项
    QGraphicsItem* item=scene->selectedItems().at(0);
    item->setZValue(--backZ);
  }
}

ftontZ和backZ是在MainWindow类中定义的私有变量，专门用于存储叠放次序的编号。frontZ只增加，所以每增加一次都是最大值，设置该值的图形项就可以显示在最前面；backZ只减少，所以每减小一次都是最小值，设置该值的图形项就可以显示在最后面。

o 图形项的组合

可以将多个图形项组合为一个图形项，当作一个整体进行操作，如同PowerPoint软件里图形组合功能一样。使用QGraphicsItemGroup类实现多个图形项的组合，QGraphicsItemGroup是 QGmphicsItem的子类，所以实质上也是一个图形项。下面是工具栏上的“组合”按钮的响应代码：

void MainWindow::on_actionGroup_triggered()
{//组合
  int cnt=scene->selectedItems().count();
  if (cnt>1){
    QGraphicsItemGroup* group =new QGraphicsItemGroup; //创建组合
    scene->addItem (group) ; //组合组合至场景中
    for(int i=0;i<cnt;i++){
      QGraphicsItem* item=scene->selectedItems().at(0);
      item->setSelected(false); //清除选择虚线框
      item->clearFocus();
      group->addToGroup(item); //添加到组合
    }
    group->setFlags(QGraphicsItem::ItemIsMovable
        | QGraphicsItem::ItemIsSelectable
        | QGraphicsItem::ItemIsFocusable);
    group->setZValue(++frontZ);
    scene->clearSelection();
    group->setSelected(true);
  }
}

当有多个图形项被选择时，创建一个QGraphicsItemGroup类型的实例group，并添加到场景中，然后将选中的图形项逐一添加到group中。这样创建的group就是场景中的一个图形项，可以对其进行缩放、旋转等操作。

一个组合对象也可以被打散，使用QGraphicsScene的destroyItemGroup()函数可以打散一个组合对象，这个函数打散组合，删除组合对象，但是不删除原来组合里的图形项。下面是工具栏上的“打散”按钮的响应代码：

void MainWindow::on_actionGroupBreak_triggered()
{//break group,打散组合
  int cnt=scene->selectedItems().count();
  if(cnt==1){
    QGraphicsItemGroup *group;
    group=(QGraphicsItemGroup*)scene->selectedItems().at(0);
    scene->destroyItemGroup(group);
  }
}

这里假设在单击“打散”按钮时，选中的是一个组合对象，并没有做类型判断。

o 图形项的删除

使用QGraphicsScene的removeltem()函数删除某个图形项，下面是工具栏上的“删除”按钮 的响应代码。

void MainWindow::on_actionEditDelete_triggered()
{ //删除所有选中的图形頑
  int cnt=scene->selectedItems().count();
  if (cnt>0){
    for(int i=0;i<cnt;i++){
      QGraphicsItem* item=scene->selectedItems().at(0);
      scene->removeItem(item) ; //删除图形项
    }
  }
}

鼠标与键盘操作

MainWindow定义了 4个槽函数与GraphicsView定义的4个信号进行关联，实现对鼠标移动、单击、双击和按键的响应。

o 鼠标移动

鼠标在绘图视图上移动时，在状态栏显示光标处的视图坐标和场景坐标。on_mouseMovePoint() 槽函数的代码如下：

void MainWindow::on_mouseMovePoint(QPoint point)
{ //鼠标移动事件，point是GraphicsView的坐标，物理坐标
  labViewCord->setText(QString::asprintf("View 坐标：%d,%d", point.x(),point.y()));
  QPointF pointScene=ui->View->mapToScene(point); //转换到 Scene 坐标
  labSceneCord->setText(QString::asprintf("Scene 坐标：%.0f,%.0f", pointScene.x(),pointScene.y()));
}

参数point是鼠标光标在视图上的坐标，用QGraphicsView::mapToScene()函数可以将此坐标转换为场景中的坐标。

o 鼠标单击

在视图上单击鼠标时，如果选中一个图形项，就会显示图形项的局部坐标，并提取其自定义 信息进行显示，on_mouseClicked()槽函数代码如下：

void MainWindow::on_mouseClicked(QPoint point)
{ //鼠标单击事件
  QPointF pointScene=ui->View->mapToScene(point); //转换到 Scene 坐标
  QGraphicsItem *item=NULL;
  item=scene->itemAt(pointScene, ui->View->transform () ); //获取光标下的图形项
  if(item != NULL) //有图形项
  {
    QPointF pointItem=item->mapFromScene(pointScene); //图形项局部坐标
    labItemCord->setText(QString::asprintf("Item 坐标：%.0f,%.0f", pointItem.x(), pointItem.y()));
    labItemInfo->setText(item->data(ItemDesciption).toString()
    +", Itemld="+item->data(ItemId).toString());
  }
}

首先将视图的坐标point转换为场景中的坐标pointScene，再利用QGraphicsScene的itemAt()函数获得光标处的图形项。利用QGraphicsItem的mapFromScene()函数将pointScene转换为图形项的局部坐标pointltem。

在创建图形项时，使用setData()函数设置了自定义数据的键值对，这里用data()函数提取图形项的自定义的数据Itemld和ItemDesciption，并进行显示。

o 鼠标双击

当鼠标双击某个图形项时，希望根据图形项的类型，调用不同的对话框进行图形项的设置。 例如，当图形项是矩形、圆形、梯形等有填充色的对象时，打开一个颜色选择对话框，设置其填充颜色；当图形项是直线时，设置其线条颜色；当图形项是文字时，打开一个字体对话框，设置其字体。下面是on_mouseDoubleClick()槽函数的代码。

void MainWindow::on_mouseDoubleClick(QPoint point)
{ //鼠标双击，调用相应的对话框，设置填充颜色、线条颜色或字体
  QPointF pointScene=ui->View->mapToScene(point); //转换至Scene 坐标
  QGraphicsItem *item=NULL;
  item=scene->itemAt(pointScene, ui->View->transform()); //光标下的图形项
  if (item == NULL) //没有图形项
  	return;
  switch(item->type()) //图形项的类型
  {
    case QGraphicsRectItem::Type: //矩形框
    { //强制类型转换
      QGraphicsRectItem *theItem;
      theItem =qgraphicsitem_cast<QGraphicsRectItem*>(item);
      setBrushColor(theItem);
      break;
    }
    case QGraphicsEllipseItem::Type: //椭圆和圆都是此类型
    {
      QGraphicsEllipseItem *theItem;
      theItem =qgraphicsitem_cast<QGraphicsEllipseItem*>(item);
      setBrushColor(theItem);
      break;
    }
    case QGraphicsPolygonItem::Type : //梯形和三角形
    {
      QGraphicsPolygonItem *theItem;
      theItem =qgraphicsitem_cast<QGraphicsPolygonItem*>(item);
      setBrushColor(theItem);
      break;
    }
    case QGraphicsLineItem::Type : //直线，设置线条颜色
    {
      QGraphicsLineItem *theItem;
      theItem =qgraphicsitem_cast<QGraphicsLineItem*>(item);
      QPen pen=theItem->pen();
      QColor color=theItem->pen().color();
      color=QColorDialog::getColor(color, this, "选择线条颜色");
      if(color.isValid()){
        pen.setColor(color);
        theItem->setPen(pen);
      }
      break;
    }
    case QGraphicsTextItem::Type : //文字，设置字体
    {
      QGraphicsTextItem *theItem;
      theItem =qgraphicsitem_cast<QGraphicsTextItem*>(item);
      QFont font=theItem->font();
      bool ok=false;
      font=QFontDialog::getFont(&ok, font, this,"设置字体");
      if (ok)
     	 theItem->setFont(font);
      break;
    }
  }
}

双击鼠标时，获取光标下的图形项item,由于不知道具体是什么类型的图形项，item定义为 QGraphicsItem，即所有图形项的父类。

QGraphicsItem的函数type()返回图形项的类型，每个具体的图形项类都需要重定义此函数， 例如自定义一个图形项时，需要定义枚举常量Type和函数type,枚举常量Type的值必须大于UserType，示例代码如下：

class CustomItem : public QGraphicsItem
{
  public:
  enum { Type = UserType + 1 };
  int type() const
  {
    //使得qgraphicsitem_cast可以使用这个图形项
    return Type;
  }
  …
};

根据item->type()值判断图形项的类型，若该值等于QGraphicsLineItem::Type，说明这个item 是一个QGraphicsLineltem类型实例，可以设置其线条颜色。

设置线条颜色可以调用QGraphicsLineItem::setPen()函数，但是QGraphicsItem没有setPen()函数。 所以，需要使用图形项的强制类型转换函数qgraphicsitem_cast()将item转换为QGraphicsLineltem类型的theltem，即：

QGraphicsLineltem *theltem;
theltem =qgraphicsitem_cast<QGraphicsLineItem*>(item);

然后就调用QColorDialog::getColor()函数选择颜色，设置为theltem的线条颜色。

QGraphicsItem类同样没有setFont()和setBrush()函数，当选择的图形项是文字对象 QGraphicsTextltem时，需要将其强制转换为QGraphicsTextltem类型的变量，调用字体选择对话框后，用
QGraphicsTextItem::setFont()函数设置字体。

对于 QGraphicsRectltem、QGraphicsEllipseltem 或 QGraphicsPolygonltem，可以调用这 3 个类的setBrush()函数设置填充颜色，这里用一个函数setBrushCdor()为3种不同类的对象进行填充色的设置。setBrushColor()并不是使用不同类型参数的同名重载函数，而是一个在mainwindow.cpp 文件中定义的一个独立的模板函数。

template<class T> void setBrushColor(T *item)
{ //函数模板
  QColor color=item->brush().color();
  color=QColorDialog::getColor(color, NULL, "选择填充颜色");
  if(color.isValid())
 	 item->setBrush(QBrush(color));
}

编译器会自动根据调用setBrushColor()的参数的类型生成3个不同参数类型的函数，减少了 代码的冗余性。

o 按键操作

在选中一个图形项之后，可以通过键盘按键实现一些快捷操作，例如缩放、旋转、移动等。 on_keyPress()槽函数实现对按键的响应，其代码如下：

void MainWindow::on_keyPress(QKeyEvent *event)
{ //按键事件
  if(scene->selectedItems().count()!=1)
  	return; //没有选中的图形项，或选中的多于1个
  QGraphicsItem *item=scene->selectedItems().at (0);
  if(event->key()==Qt::Key_Delete) //删除
  	scene->removeItem(item);
  else if(event->key()==Qt::Key_Space) //顺时针旋转 90 度
  	item->setRotation(90+item->rotation());
  else if(event->key()==Qt::Key_PageUp)//放大
  	item->setScale(0.1+item->scale());
  else if (event->key ()==Qt::Key_PageDown) //缩小
  	item->setScale(-0.1+item->scale());
  else if (event->key () ==Qt::Key_Left) //左移
 	 item->setX(-1+item->x());
  else if (event->key () ==Qt::Key_Right) //右移
  	item->setX(1+item->x());
  else if (event->key () ==Qt::Key_Up) //上移
 	 item->setY(-1+item->y());
  else if (event->key () ==Qt::Key_Down) //下移
	  item->setY(1+item->y());
}

这段代码限定只有一个图形项被选中时才可以执行键盘操作。

觉得有用的话，麻烦点赞关注，谢谢！

标签：onmousemove 

作者:koubeiwu , 分类:技术文章 , 浏览:13 , 评论:0

控制面板
您好，欢迎到访网站！
  查看权限
网站分类
最新留言