Chinaunix首页 | 论坛 | 博客

liyong042

首页　| 　博文目录　| 　关于我

liyong042

  • 博客访问： 231953
  • 博文数量： 56
  • 博客积分： 2480
  • 博客等级： 大尉
  • 技术积分： 475
  • 用 户 组： 普通用户
  • 注册时间： 2009-07-28 10:57
文章分类

全部博文（56）

文章存档

2012年（36）

2011年（4）

2010年（2）

2009年（14）

我的朋友
最近访客
推荐博文
相关博文
Qt之QtWebKit(二)

分类： C/C++

2012-04-26 11:52:23

  继续学习QtWebkit.今天做个登录的例子让Qt对象和Javascript通信。其实就是将C++对象注册为一个javascript对象到html。然后调用C++函数。

 

[cpp] view plaincopy
  1. //loginform.h  
  2. #ifndef LOGINFORM_H  
  3. #define LOGINFORM_H  
  4. #include   
  5. namespace Ui {  
  6.     class LoginForm;  
  7. }  
  8. class LoginForm : public QWidget  
  9. {  
  10.     Q_OBJECT  
  11. public:  
  12.     explicit LoginForm(QWidget *parent = 0);  
  13.     ~LoginForm();  
  14. private:  
  15.     Ui::LoginForm *ui;  
  16. public slots:  
  17.     void javaScriptWindowObjectCleared();  
  18.     void login();  
  19. };  
  20. #endif // LOGINFORM_H  

 

[cpp] view plaincopy
  1. //loginform.cpp  
  2. #include "loginform.h"  
  3. #include "ui_loginform.h"  
  4. #include   
  5. #include   
  6. #include   
  7. LoginForm::LoginForm(QWidget *parent) :  
  8.     QWidget(parent),  
  9.     ui(new Ui::LoginForm)  
  10. {  
  11.     ui->setupUi(this);  
  12.     ui->webView->setUrl(QUrl("qrc:/loginForm.html"));  
  13.     connect(ui->webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()), this, SLOT(javaScriptWindowObjectCleared()));  
  14.     resize(200,300);  
  15. }  
  16. LoginForm::~LoginForm()  
  17. {  
  18.     delete ui;  
  19. }  
  20. void LoginForm::javaScriptWindowObjectCleared()  
  21. {  
  22.     ui->webView->page()->mainFrame()->addToJavaScriptWindowObject("loginForm", this);  
  23. }  
  24. void LoginForm::login()  
  25. {  
  26.     QWebFrame *frame = ui->webView->page()->mainFrame();  
  27.     QWebElement userNameEle = frame->findFirstElement("#userName");  
  28.     QWebElement passwordEle = frame->findFirstElement("#password");  
  29.     QString userName = userNameEle.evaluateJavaScript("this.value").toString();  
  30.     QString password = passwordEle.evaluateJavaScript("this.value").toString();  
  31.     QMessageBox *loginMsgBox = new QMessageBox(this);  
  32.     loginMsgBox->setIcon(QMessageBox::Information);  
  33.     loginMsgBox->setWindowTitle(tr("登录信息"));  
  34.     if(userName == password) {  
  35.         loginMsgBox->setText(tr("你的用户名为： %1,密码为: %2").arg(userName).arg(password));  
  36.     }else {  
  37.         loginMsgBox->setText(tr("用户名或密码错误"));  
  38.     }  
  39.     loginMsgBox->setDefaultButton(QMessageBox::Ok);  
  40.     loginMsgBox->exec();  
  41. }  

 

 

[cpp] view plaincopy
  1. //mainwindow.h  
  2. #ifndef MAINWINDOW_H  
  3. #define MAINWINDOW_H  
  4. #include   
  5. class MainWindow : public QMainWindow  
  6. {  
  7.     Q_OBJECT  
  8. public:  
  9.     MainWindow(QWidget *parent = 0);  
  10.     ~MainWindow();  
  11. };  
  12. #endif // MAINWINDOW_H  

 

[cpp] view plaincopy
  1. //mainwindow.cpp  
  2. #include "mainwindow.h"  
  3. #include "loginform.h"  
  4. MainWindow::MainWindow(QWidget *parent)  
  5.     : QMainWindow(parent)  
  6. {  
  7.     this->setWindowTitle(tr("登录"));  
  8.     LoginForm *loginForm = new LoginForm(this);  
  9.     this->setCentralWidget(loginForm);  
  10.     this->setUnifiedTitleAndToolBarOnMac(true);  
  11.     this->setFixedSize(300,200);  
  12. }  
  13. MainWindow::~MainWindow()  
  14. {  
  15. }  

 


[javascript] view plaincopy
  1. //loginForm.html  
  2. "-//W3C//DTD XHTML 1.0 Transitional//EN" "">  
  3. "">  
  4.   
  5. "Content-Type" content="text/html; charset=UTF-8" />  
  6. 登录  
  7. "stylesheet" href="qrc:/loginForm.css" mce_href="qrc://writeblog.csdn.net/loginForm.css" type="text/css"/>  
  8. "text/javascript" src="qrc:/loginForm.js" mce_src="qrc://writeblog.csdn.net/loginForm.js">  
  9.   
  10.   
  11.       
  12.         
    13.   
  13.             
    14.   
  14.         
    15.   
  15.             
    16.   
  16.         
    17.   
  17.             
    18.   
  18.   
  19.    

    20.  

    [javascript] view plaincopy
    1. //loginForm.js  
    2. function login() {  
    3.     var userName = document.getElementById("userName").value;  
    4.     var password = document.getElementById("password").value;  
    5.     if(userName == "") {  
    6.         alert("用户名不能为空");  
    7.     } else if (password == "") {  
    8.         alert("密码不能为空");  
    9.     } else {  
    10.         loginForm.login();  
    11.     }  
    12. }  

     

    [css] view plaincopy
    1. //loginForm.css  
    2. * {  
    3.         margin:0;  
    4.         padding:0;  
    5. }  
    6. body {  
    7.     background: url("qrc:/images/bodybg.gif") repeat-x scroll left top #FFFFFF;  
    8.     font-family: Arial,Tahoma,Georgia,Verdana,Simsun,Helvetica,"Microsoft YaHei",Mingliu;  
    9.     font-size: 14px;  
    10.     line-height: 22px;  
    11. }  
    12. #btn_login {  
    13.     background: url("qrc:/images/btn.png") repeat-x scroll left top #FFFFFF;  
    14. }   

     

    阅读(4527) | 评论(0) | 转发(0) |
    0

    上一篇：Qt Script学习笔记(二)

    下一篇：Qt Script学习笔记(一)

    给主人留下些什么吧！~~
    关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

    Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

    感谢所有关心和支持过ChinaUnix的朋友们

    16024965号-6

    帐号：  
  20.             
    		21. "text" name="userName" value="" id="userName">   
  21.         
    22. 密码:  
  22.             
    		23. "password" name="password" id="password">   
  23.         
    24.  "btn_login"  type="button" onclick="login();" value="登录" />  
  24.             
    		25. "忘记密码" href=""  >忘记了密码？   
  25.