Qml和C++开发的学生信息管理软件一

最新推荐文章于 2023-03-12 08:54:49 发布
最新推荐文章于 2023-03-12 08:54:49 发布
阅读量861 收藏 3
点赞数 1
分类专栏： QML与C++ 文章标签： Qml和C++开发的
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/res518357/article/details/51383054
版权

一个月前接触到了Qml，也做过一些练习，但只能实现动画和简单的布局功能，逻辑部分和数据处理很难上手，看到许多人将C++和结合起来，Qml负责界面设计，C++实现逻辑处理，但将C++注册到 Qml中一直让我头疼，比如属性声明和函数声明类想不通为什么这么做，可能是时间问题吧，慢慢的就发现了其实也不难，花了好几天做成了这个小应用，算是这一阶段的小小纪念吧。
下来就是贴代码的时间了.
先是main.qml
启动时先进入登录界面

import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls 1.0
import Login_gui 1.0
import QtQuick.Particles 2.0

Window {
    visible: true
    id:mainwindow
    width: 300
    height: 533
    color: "#F0F0F0"
    LoginDialog {}
}

**这是登录界面**

LoginDialog的代码如下：

import QtQuick 2.0
import Login_gui 1.0
import QtQuick.Controls 1.1
Rectangle {
               id:loginsence
               width: 300
               height: 533
               color: "#F0F0F0"
               visible: true
               x:300             
               Component.onCompleted: {
                   x=0;
               }
               Behavior on x {
                   NumberAnimation {easing.type:Easing.OutQuint;duration: 1100}//OutQuint动画效果 结束时速度变慢
               }

property string userselect
/*************************************************************************************/
     //登陆请求函数
     function login_req()
       {
            //判断用户名是否有效
            if (userinput.text== "")
            {
                message.text = "请输入用户名!"
                message.opacity = 1
                return
            }
             //判断密码是否有效
              if (passwordinput.text == "")
                   {
                       message.text = "请输入密码!"
                       message.opacity = 1
                       return
                   }
               //显示登陆动画
                load_gif.opacity = 1
                //登陆请求
                //console.log("***********************")
                login_gui.user_id = userinput.text
                login_gui.password = passwordinput.text
                login_gui.slot_login_req()
       }

 /*************************************************************************************/
       Login_gui{
       id:login_gui
       property var loginstudent
       onSig_login_result:
            {
                    //关闭登陆动画
                     load_gif.opacity = 0
                    //根据登陆结果处理
                    switch (result)
                    {
                    //登陆成功
                    case 0:
                        message.text = "登陆成功"
                        message.opacity = 1
                        if(userselect=="studentselect " )
                        {  loginstudent= Qt.createComponent("StudentDialog.qml").createObject(loginsence);break; }
                        else
                        { loginstudent= Qt.createComponent("TeacherDialog.qml").createObject(loginsence);break; }
                    //无此用户名
                    case 1:
                        message.text = "登陆失败:无此用户名"
                        message.opacity = 1
                        break;
                    //密码错误
                    case 2:
                        message.text = "登陆失败:密码错误"
                        message.opacity = 1
                        break;
                    case 3:
                        message.text = "登陆失败:请选择登录类型"
                        message.opacity = 1
                    }
            }
    }
/************************************************************************/
        Rectangle  //顶栏
            {
                id: top_bar
                anchors.left: parent.left;
                anchors.leftMargin: parent.width/2;
                anchors.top: parent.top;
                anchors.topMargin: 10;
                border.color: "#707070"
                Text
                {
                    id: title
                    anchors { top: parent.top; horizontalCenter: parent.horizontalCenter }
                    text: "登陆"
                    font.bold: true
                    font.pixelSize: mainwindow.height/25;
                    color: "blue"
                }
            }
    /**************************************************************/
        //用户名框
        Rectangle{
              id:loginBox
              height:parent.height/16;width:parent.width;
              anchors.left: parent.left;
              anchors.leftMargin:0;
              anchors.top: parent.top;
              anchors.topMargin: 150;
              color:"white"
          Row{
              spacing:1
              Rectangle//用户名框
              {  id:user
                  height:loginBox.height;width:loginBox.width/4;
                  anchors.left: loginBox.left;
                  anchors.leftMargin:0;
                  anchors.bottom: loginBox.bottom;
                  anchors.bottomMargin: 0;
                  Text{
                     text: "用户名:";
                     anchors.left: parent.left;
                     anchors.leftMargin:0;
                     anchors.bottom: parent.bottom;
                     anchors.bottomMargin: 0;
                     font.bold:false
                     font.family: "微软雅黑"
                     color:"black"
                     font.pointSize: 15
                  }
              }
           Rectangle//用户名输入框
           {
            id:loginuser
            height:loginBox.height;width:loginBox.width-user.width;
            anchors.left: loginBox.left;
            anchors.leftMargin:user.width;
            anchors.bottom: loginBox.bottom;
            anchors.bottomMargin: 0;
            TextInput
                {  id:userinput
                    anchors.left: parent.left;
                    anchors.leftMargin:0;
                    anchors.bottom: parent.bottom;
                    anchors.bottomMargin: 0;
                    width: parent.width
                    height: parent.height/2
                    font.family: "微软雅黑"
                    font.pointSize: 15
                    focus: true
                    color:"black"
                    text: "王红"
                   // MouseArea { anchors.fill: user;onClicked: user.selectAll()}
                }
            }
        }
    }
/************************************************************************/
        //密码框
        Rectangle{
              id:passwordBox
              height:parent.height/16;width:parent.width;
              anchors.left: parent.left;
              anchors.leftMargin:0;
              anchors.top: parent.top;
              anchors.topMargin: loginBox.height+151;
              color:"white"
              Row{
                  spacing: 1
                  Rectangle//密码框
                  {  id:password
                      height:passwordBox.height;width:passwordBox.width/4;
                      anchors.left: passwordBox.left;
                      anchors.leftMargin:0;
                      anchors.bottom: passwordBox.bottom;
                      anchors.bottomMargin: 0;
                      Text{
                         text: "密   码:";
                         anchors.left: parent.left;
                         anchors.leftMargin:0;
                         anchors.bottom: parent.bottom;
                         anchors.bottomMargin: 0;
                         font.family: "微软雅黑"
                         font.pointSize: 15
                      }
                  }
                  Rectangle{   //密码输入框
                   id:loginpassword
                   height:passwordBox.height;width:passwordBox.width-password.width;
                   anchors.left: passwordBox.left;
                   anchors.leftMargin:password.width;
                   anchors.bottom: passwordBox.bottom;
                   anchors.bottomMargin: 0;
                   color:"white"
                   TextInput{
                       id:passwordinput
                       text: "1234567"
                       anchors.left: parent.left;
                       anchors.leftMargin:0;
                       anchors.bottom:  parent.bottom;
                       anchors.bottomMargin: 0;
                       width: parent.width
                       height: parent.height/2
                       font.family: "微软雅黑"
                       font.pointSize: 15
                       // MouseArea { anchors.fill: password;onClicked: password.selectAll()}

                   }
           }
       }
    }
/************************************登录*******************************************/
        Rectangle{
            id: loginbutton
            anchors.left: parent.left
            anchors.leftMargin: 6
            anchors.top: passwordBox.top
            anchors.topMargin: parent.width/4.2;
            width: parent.width-12;
            height: passwordBox.height;
            radius: 5 //倒角
            color:"#19cff7"
            Text{
                anchors.horizontalCenter: parent.horizontalCenter  //水平中心
                anchors.verticalCenter:parent.verticalCenter  //垂直中心
                text:"登录"
                font.family: "华文细黑"
                styleColor: "white"
                font.pointSize: 15
            }
            MouseArea {
                anchors.fill: parent;                
                onClicked:{console.log(passwordinput.text); login_req()}

            }
        }
/************************************登录动画*****************************************/
        AnimatedImage
            {
                id: load_gif ;
                source: "qrc:/new/prefix1/image/login.gif"
                anchors {horizontalCenter: mainwindow.horizontalCenter;verticalCenter:mainwindow.verticalCenter}
                y: 180; x:90
                opacity: 0
            }

/***************************************信息框*************************************/
            Rectangle{
                anchors.horizontalCenter: parent.horizontalCenter  //水平中心
                anchors.bottom: loginBox.bottom
                anchors.bottomMargin:45;
                width:  loginbutton.width/2;
                height:  loginbutton.height/2;
                radius: 3 //倒角
                color: "#F0F0F0"
                Text{
                    id:message
                    anchors.horizontalCenter: parent.horizontalCenter  //水平中心
                    anchors.verticalCenter:parent.verticalCenter  //垂直中心
                    font.family: "华文细黑"
                    styleColor: "black"
                    font.pointSize: 10
                    opacity: 0
                       }

                 }
/****************************注册*************************************/
    Rectangle{
               id:newuserrer
               anchors.right: parent.right;
               anchors.rightMargin: 28;
               anchors.bottom: parent.bottom;
               anchors.bottomMargin: 35;
               Text
                       {
                           id: newuser
                           anchors { top: parent.top; horizontalCenter: parent.horizontalCenter }
                           text: "新用户"
                           font.family: "华文细黑"
                           font.pixelSize: 12

                           color: "#3aa7ea"
                           MouseArea {
                               anchors.fill: parent;
                               property var login
                                                onClicked:
                                                          {
                                                               login= Qt.createComponent("NewUserDialog.qml").createObject(loginsence);
                                                               loginsence.deleteLater();
                                                          }
                                              }
                       }

                   }
/****************************登录类型*************************************/

    Rectangle {
        anchors.horizontalCenter: parent.horizontalCenter  //水平中心
        anchors.bottom:loginbutton.bottom;
        anchors.bottomMargin: (loginbutton.y-passwordBox.y+loginbutton.height)/2
        ExclusiveGroup {
            id: language;
        }
        Row {
            anchors.centerIn: parent;
            spacing:loginsence.width/4.5
            CheckBox {
                id:student
                text: "学生登录";
                exclusiveGroup: language;
                onCheckedChanged: {     if(checked){login_gui.student=true;login_gui.teacher=false;userselect="studentselect " } }
            }

            CheckBox {
                id:teacher
                text: "教师登录";
                exclusiveGroup: language;
                onCheckedChanged: {   if(checked){ login_gui.teacher=true;login_gui.student=false;userselect="teacherselect"}  }
            }
        }
     }

 /************************************************************************************/
}

没什么难点，主要是界面布局费点事，定义了一个属性property string userselect来标标识是管理员登录还是学生登录，以便进图不同的界面。还有就是使用Textinput是，需要设置高度和宽度，否则无法输入文字，这个很是奇怪，我觉得软件做的不够人性化，好了，今天就先到这里了。

cdn_yiqian
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Qt5/QML界面开发(一)
08-05
Qt5/QML界面开发(一) 是Qt最新推荐的UI开发框架，基于OpenGL(ES)场景与图形实现，性能卓越的图形；高效的开发、前后端分离、主要基于Qml和Javascript开发，后端C++PythonJavaGo等；强大的社区支持；跨平台移植: 一套代码多端编译支持AndroidOsWindowsLinuX；支持炫酷的2D3D动画。本课程化繁为简，实战出发通过课程实操让大家快速跨入Qt Quick时代。
QML Quick C++程序中使用QMessageBox
HHT0506的博客
04-21 1398
1.需求 在实际工程项目中，一般是在C++中读取配置文件信息。当用户修改的配置文件数据不在设定范围时，需要弹出警告框，提示用户正确修改。 2.使用时出现的错误 （1）在main.cpp中包含头文件 #include<QMessageBox> main函数中添加 QMessageBox::critical(NULL, "critical", "Content", QMessageBox::Yes | QMessageBox::No, QMessageBox::Yes); （2）编译运行，发现找
基于QML的学生信息管理系统（数据库MYSQL）
来份煎蛋吧^的博客
09-01 648
Qt5.9开发，QML和C++混合编程来开发的学生信息管理系统 ,数据库使用MySql
基于C++与QML的图书管理系统
demongwc的博客
07-24 441
1 实验目的 本实验面向C++语言的初学者。 主要让实验者熟悉面向对象的编程思想以及类的使用。 2 实验环境 2.1 编程语言和开发工具 编程语言： C++、QML 开发工具： QT5.8/MSVC2015 点击此处下载文档和源码 ...
qml 实现展示本地文件系统
一个老菜鸟的学习分享
04-16 2322
QT 遍历本地文件系统，QDirModel和 QFileSystemModel 以及qml中的FolderListModel
基于Qml和C++开发的一款桌面端原神崩铁抽签软件.zip
03-08
基于Qml和C++开发的一款桌面端原神崩铁抽签软件.zip基于Qml和C++开发的一款桌面端原神崩铁抽签软件.zip基于Qml和C++开发的一款桌面端原神崩铁抽签软件.zip基于Qml和C++开发的一款桌面端原神崩铁抽签软件.zip基于Qml...
QML与C++交互QML与C++交互
03-16
QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++交互QML与C++...
基于QT+QML+C++开发的支持图片和动图的文本编辑器+源码
最新发布
04-27
基于QT+QML+C++开发的支持图片和动图的文本编辑器+源码 基于QT+QML+C++开发的支持图片和动图的文本编辑器+源码 基于QT+QML+C++开发的支持图片和动图的文本编辑器+源码 基于QT+QML+C++开发的支持图片和动图的文本...
qt qml和c++的互相调用方式
07-13
1. qt中qml调用c++的函数； 2. qt中c++调用qml的函数； 3. qml注册c++对象，并实现函数之间的互相调用；
毕业设计项目-基于QML和C++开发的即时通信系统源码+项目说明.zip
10-16
毕业设计项目-基于QML和C++开发的即时通信系统源码+项目说明.zip build 1. pass.dat  create the pass.dat file,  encode the password of mysql user with md5:`md=MD5("password")`  encode again with base...
qml 资料&练习&项目
08-12
这是我收集的qml程序，从最简单的一些qml效果，到扫雷、算数，还有美图秀秀、音乐播放器、文件管理器等等等...学完这些应该就可以比较熟练掌握Qml了吧，很遗憾我现在用不上了，在电脑里也浪费，放上来希望对有用的人有用吧。（都是用真金白银搞回来的，虽然收5分，可是成本却远远超过5分，这里意思意思吧~）
学生成绩管理系统 MINIgui
06-27
基于minigui的学生成绩管理。 可以对目标 添加删除。 课增加学生数目
基于C++的图书馆管理系统
10-09
基于C++的图书管理系统，主要功能是图书的增、删、改、查
基于QT的图书管理系统
12-10
基于QT的图书管理系统：QT界面设计，有嵌入式数据库的后台支持
QT仪表等插件
05-18
QT仪表等画图插件，很好用，大家可以试试
QML练习---1，切换多层窗口
K_ZhJ18的博客
03-12 809
在主窗口中定义一个按键，点击后会弹出子窗口A，子窗口A中有退出按键，点击生成模态消息框B，里面有两个按键分别是确定退出和取消退出。
Qml和C++开发的学生信息管理软件二
地上的苹果
09-26 316
隔了这么长时间才更新以前的一个小应用，十分抱歉啊，直接贴代码了，这是注册代码，我也不解释了。import QtQuick 2.0 import Registerdialog 1.0 import QtQuick.Controls 1.0 Rectangle { id :newuserdialog //width:Screen.desktopAvailableWidth //h
quey-ui：真正可爱的QML工具包，用于跨平台应用程序开发
02-05
奎伊UI 一组真正可爱的QML组件 第三方软件 Quey UI包含以下第三方软件和资源： 在下发布的 的在下 本下发布的 此代码的一部分基于如单个文件的许可证标头中突出显示的那样。 该演示代码是根据发布的。 安装 依存关系 Qt 5.4或更高 QtQuick，QtQuick.Controls 如果要使用随附的脚本，还需要安装Python 3。 在Linux上安装 每个项目的安装 克隆Quey UI并使用安装脚本将git子模块安装到项目中： git clone https://github.com/quey-project/quey-ui cd quey-ui ./
quikit:在QML中管理可视组件的工具
05-13
QUIKit-一种管理视觉组件的工具 该项目仍在开发中
qml和 c++交互
09-12
在使用Qt Quick时，我们可以使用QML和C++进行交互。QML是一种声明性语言，用于设计用户界面和定义交互逻辑，而C++则通常用于处理底层逻辑和业务逻辑。 为了在QML中调用C++的代码，我们可以通过在C++中注册一个类型到QML中。在C++中，我们可以使用Q_INVOKABLE宏将一个函数或者成员函数注册为可在QML中调用的函数。例如： ```cpp // MyObject.h #ifndef MYOBJECT_H #define MYOBJECT_H #include <QObject> class MyObject : public QObject { Q_OBJECT public: explicit MyObject(QObject *parent = nullptr); Q_INVOKABLE void helloWorld(); }; #endif // MYOBJECT_H ``` 然后在C++中实现该函数： ```cpp // MyObject.cpp #include "MyObject.h" MyObject::MyObject(QObject *parent) : QObject(parent) { } void MyObject::helloWorld() { qDebug() << "Hello World!"; } ``` 接下来，在我们的QML文件中引入该对象并调用该函数： ```qml import QtQuick 2.0 Item { MyObject { id:myObject } Button { text: "Click me" onClicked: { myObject.helloWorld(); } } } ``` 当点击按钮时，QML将调用MyObject对象中的helloWorld函数，并在应用程序的输出中打印“Hello World!”。 除了使用Q_INVOKABLE宏，我们还可以在C++中使用信号和槽机制来实现QML和C++的交互。在C++中使用Q_PROPERTY宏可以将C++属性暴露给QML使用，使得QML可以监控和操作该属性。 通过这些方式，我们可以实现QML与C++的交互，从而达到更好的分工和功能实现。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值