建议如何设计GUI来呈现HTML格式的数据

时间:2016-01-28 15:23:26

标签: html

我正在准备GMAT,因此准备了一个问题库。 gmatclub.com有很多问题,我能够编写一个python脚本,提出问题和各自的答案。在获取数据时,我保留了HTML格式,因为有些问题会有下划线和粗体部分。

我想开发一个应该读取HTML数据的桌面应用程序(我将使用excel或访问db作为数据源)。但是我不确定如何设计将呈现HTML格式数据的GUI。任何建议,如果我可以使用Excel或访问用户表单来显示HTML格式的数据。否则,如果我必须使用浏览器,我可以实现没有服务器端脚本的逻辑,我可以使用Javascript访问数据库(IE允许使用ActiveXobject,但它不会在Chrome和Firefox上工作,这就是MS网站所说的)。不使用服务器端脚本的原因是,我可以与我的非技术朋友分享源代码,他们可以使用它而无需安装任何东西。

1 个答案:

答案 0 :(得分:1)

我建议制作一个非常简单的网页,所有网页都存储在一个文件中(没有服务器端)。如果您可以使用python代码获取问题和答案的所有HTML,请使用相同的代码将Q& A写入HTML文件中,该文件看起来与我在下面的内容相同(我注意到您应该在哪里编写Q&安培; A)。

我建议将html文件的其余部分(即Q& A部分之外的部分)硬编码到python代码中,以便它可以一次性打印整个文件。然后,您可以在您选择的浏览器中打开它:

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function(){

var json = [
//Use Python to write in your Q&A's here
{
"question":"Do you want to take the GMAT",
"answer":"<b>Yes</b>, I do"
},
{
"question":"What is LLC?",
"answer":"Limited Liability <i>Company</i>"
},
//End Q&A section
];

function reset()
    {
    $('#next').hide();
    $('#showAns').show();
    $('#a').hide();
    ask();
    }

function showAnswer()
    {
    $('#next').show();
    $('#showAns').hide();
    $('#a').show();
    }

reset();


$('#next').click(function(){reset();});
$('#showAns').click(function(){showAnswer()});



function ask()
    {
    var randNum = Math.floor(Math.random() * json.length);
    $('#q').html(json[randNum].question);
    $('#a').html(json[randNum].answer);
    }


});
</script>
</head>
<body>
<div id="q"></div>
<div id="a"></div>
<button id="showAns">Show Answer!</button>
<br>
<button id="next">Next Question</button>
</body>
</html>

备注

1)他们需要互联网连接来使用它,因为我打电话给谷歌的jQuery(所以它在技术上不是一个页面),但你可以只下载jQuery并调用在当地。

2)听起来你只是得到一次问题列表,所以实际上可以更快地将它们格式化为Excel格式,然后将它们粘贴到代码中。