在线OJ服务器
简介
Linux网络编程,仿照牛客网,搭建在线OJ网站服务器,实现选择题目,并进行对应题目的在线编程提交给服务器,并在服务器中验证编译结果,再返回给浏览器。
由于在线oj的测试用例难以获取,所以目前只有一道题目
界面预览
图片仅作为页面填充
主页面
在线编译页面
使用框架
httplib
cpp-httplib,一个header-only的第三方框架,封装了http协议,使用起来十分方便,只需要包含其头文件即可
ctemplate
ctemplat是一个进行html渲染,实现视图与配置内容的分离,通过 { { }} 占位符进行替换,能够根据程序动态变化页面中所要显示的内容。
前端
因为博主只是简单学习过前端知识,HTML,CSS,JS多少会一点,所以所使用的前端技术都是基础。
all_questions
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>在线OJ</title>
<link href="all_q.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="header"><img src="./img/title.png"></div>
<div style="position: relative; top:20px; left: 15%;margin-bottom: 20px">首页>在线编程>剑指offer</div>
<div id="content">
<div id="intro"><h2 style="margin-bottom: 10px">专题训练</h2>
<p style="margin: 20px">
该专题为剑指offer专题,题目均来自《剑指offer》,里面每道题带有练习模式和考试模式,可还原考试模式进行模拟,也可通过练习模式进行练习。
</p>
</div>
<div id="questions">
<table>