前端在线编辑器

由于compiler这个模块管理的是编译与运行,则可以先直接就创建所需要的文件

1.0

在编译的时候,无非存在2种情况,a)要么通过,b)要么不通过要确定编译通过:

只需要确定是否生成对应的.exe文件要当编译出错的时候(stderr):

父进程继续执行

由于需要频繁的文件名转换,所以在comm模块中,新建util.hpp文件并将文件名转换的函数放在一起

还有后面判断编译成功生成的可执行程序,虽然可以直接暴力的打开文件判断是否存在,但这里使用stat函数会好一些stat结构体会记录文件的各种信息

注意:

这里还需要实现一个得到当前时间的函数,则我又在util.hpp把得到时间函数的类封装成了一个类

由于会频繁的调用日志进行打印信息,也为了更简便的调用,我进行了以下处理

如果在宏定义中使用#那么这个宏就被称为带有字符串化操作的宏。

这种宏可以将其参数转换成字符串常量并在预处理阶段进行替换。

1.1.2

Compile的参数是文件名,它内部会自动拼接我们还需要再./temp中创建一个code.cpp文件

上面我的代码有一个错误,在编译成功的时候,并没有return,导致LOG日志打印有问题

文件.exe

程序结果是否正确,是由oj_server中的测试用例决定的,则run模块只考虑是否正确运行完毕

#include

Runner{public:Runner(){}~Runner(){}static

int

\n;close(_stdin_fd);close(_stdout_fd);close(_stderr_fd);return

-2;//

子进程dup2(_stdin_fd,0);dup2(_stdout_fd,1);dup2(_stderr_fd,2);LOG(INFO)

123;//

./tmp/code.exeexecl(_execute.c_str(),_execute.c_str(),nullptr);exit(1);}else{close(_stdin_fd);close(_stdout_fd);close(_stderr_fd);int

status

表示输出型参数waitpid(pid,status,0);//

阻塞式等待//

run.hpp也是一样的,把自己的各种输出信息,输出到一个临时文件中要判断一个程序是否异常,只需要看它是否收到了异常信号

解释waitpid第2个输出型参数

status并不是按照整数来整体使用的,而是按照比特位的方式,将32个比特位进行划分,只需要学习低16位这也是上面为什么会写成status

没有p就需要带路径有l,就是列表式传命令有v就是数组式传命令有e就需要传自己设置的环境变量

1.1.4

虽然运行模块已经能正常运行了,但是万一code.cpp是恶意程序了,比如死循环,不停消耗CPU资源

1.1.5

为了方便上层调用,我直接在Run函数中增加了cpu_limit和mem_limit形参

这个项目走到这里就需要编写compile_run.hpp,将编译和运行的逻辑连接在一起,且code.cpp需要被处理的源文件,不应该是我们自己添加的,而是需要再客户端中导入的

1.1.6

虽然这个code就是文件名了,但client可能会提交大量的代码,所以内部就会需要形成唯一的文件名(待完善)还有很多个出错问题怎么解决(待完善)

complie_run.hpp

reason:,stdout:,stderr:,}static

void

把in_json中的数据写到in_value中reader.parse(in_json,in_value);//

最后再处理差错问题std::string

in_value[code].asString();std::string

input

in_value[cpu_limit].asInt();int

mem_limit

in_value[mem_limit].asInt();Json::Value

out_value;int

形成临时的src文件if(!FileUtil::WriteFile(PathUtil::Src(file_name),code)){status_code

-2;//

END;}if(!Compiler::Compile(file_name)){status_code

-3;//

Runner::Run(file_name,cpu_limit,mem_limit);if(run_result

0){//

CodeToDest(status_code,file_name);//

0){//

_stdout;FileUtil::ReadFile(PathUtil::Stdout(file_name),_stdout,true);out_value[stdout]

_stdout;std::string

_stderr;FileUtil::ReadFile(PathUtil::Stdout(file_name),_stderr,true);out_value[stdout]

_stdout;}//

getline:不保存行分割符,有些时候需要保留\n,getline内部重载了强制类型转化

1.1.8

out_json;CompileAndRun::Start(in_json,

out_json);std::cout

实际上这里的代码应该是client自动提交给我们的,我们直接使用第三方库就行了待优化:

1.1.9

这个函数直接放在compile_server.cc中的start函数的最后,清理临时文件

1.1.10

~/.bash_profile中想每次登陆的时候都是较新的gcc

1.1.12

可能会出现服务器的公网ip无法访问的问题,可以试试把防火墙关闭,并打开端口

1.1.13

svr;svr.Post(/compile_and_run,[](const

Requestreq,Response

out_json;if(!in_json.empty()){CompileAndRun::Start(in_json,out_json);resp.set_content(out_json,application/json;charsetuft-8);}});svr.listen(0.0.0.0,atoi(argv[1]));return

由于我这里没有写客户端代码,则这里暂时不好测试,不过可以借助第三方工具进行测试

oj_server服务设计

第一个参数为缓冲区,第二个参数为被分割的字符串第三个参数为分割符,第四个参数为是否压缩

要压缩:

Solution().isPalindrome(121);if(ret){std::cout

...

Solution().isPalindrome(-10);if(!ret){std::cout

...

加载所有题目:底层是用hash表映射的assert(LoadQuestionList(questions_list));}~Model(){;}//

GetAllQuestions(vectorQuestion*out){if(questions.size()

0){LOG(ERROR)

questions){out-push_back(q.second);}return

true;}//

in(question_list);if(!in.is_open()){LOG(FATAL)

\n;return

line;while(getline(in,line)){vectorstringtokens;StringUtil::SplitString(line,tokens,

);//

30000if(tokens.size()!5){LOG(WARNING)

加载部分题目失败,请检查文件格式

atoi(tokens[3].c_str());q.mem_limit

path

\nFileUtil::ReadFile(pathdesc.txt,(q.desc),true);FileUtil::ReadFile(pathheader.cpp,(q.header),true);FileUtil::ReadFile(pathtail.txt,(q.tail),true);questions.insert({q.number,q});//

录题成功}LOG(INFO)

题目细节unordered_mapstring,Question

questions;};

mtx(nullptr){}~Machine(){}public://

提升主机负载void

./conf/service_machine.conf;class

每一台主机都有自己的下标充当当前主机的idstd::vectorMachine

machines;//

mtx;public:LoadBlance(){assert(LoadConf(service_machine));LOG(INFO)

service_machine

tokens;StringUtil::SplitString(line,

tokens,

std::mutex();online.push_back(machines.size());machines.push_back(m);}in.close();return

true;}//

machines[online[i]];}}mtx.unlock();return

true;}void

which){machines[which].ResetLoad();//要离线的主机已经找到啦online.erase(iter);offline.push_back(which);break;

//因为break的存在所有我们暂时不考虑迭代器失效的问题}}mtx.unlock();}void

OnlineMachine(){//我们统一上线后面统一解决mtx.lock();online.insert(online.end(),

offline.begin(),

offline.end());offline.erase(offline.begin(),

offline.end());mtx.unlock();LOG(INFO)

\n;}//for

ShowMachines(){mtx.lock();std::cout

当前在线主机列表:

//核心负载均衡器public:Control(){}~Control(){}public:void

RecoveryMachine(){load_blance_.OnlineMachine();}//根据题目数据构建网页//

html:

(model_.GetAllQuestions(all)){sort(all.begin(),

all.end(),

https://gitee.com/mirrors_OlafvdSpek/ctemplate.git

autogen

建立ctemplate参数目录结构ctemplate::TemplateDictionary

root(test);

向结构中添加你要替换的数据kv的root.SetValue(info,

html_info);

DO_NOT_STRIP保持html网页原貌ctemplate::Template

*tpl

ctemplate::Template::GetTemplate(html,ctemplate::DO_NOT_STRIP);

开始渲染返回新的网页结果到out_htmlstd::string

root);std::cout

initial-scale1.0titleDocument/title

/headbodyp{{info}}/pp{{info}}/pp{{info}}/pp{{info}}/p

/body/html

LD\_LIBRARY\_PATH$LD\_LIBRARY\_PATH:/usr/local/lib

在命令行上输入

View{public:View(){}~View(){}//

渲染所有题目void

2.形成数字典ctemplate::TemplateDictionary

auto

question){ctemplate::TemplateDictionary

*sub

root.AddSectionDictionary(question_list);sub-SetValue(number,q.number);sub-SetValue(title,q.title);sub-SetValue(star,q.star);}//

获取被渲染的htmlctemplate::Template*tpl

ctemplate::Template::GetTemplate(src_html,ctemplate::DO_NOT_STRIP);//

4.开始完成渲染功能tpl-Expand(html,root);}//

渲染一道题目void

形成数字典ctemplate::TemplateDictionary

root(one_question);root.SetValue(number,q.number);root.SetValue(title,q.title);root.SetValue(star,q.star);root.SetValue(desc,q.desc);root.SetValue(header,q.header);//

3.获取被渲染的htmlctemplate::Template*tpl

ctemplate::Template::GetTemplate(src_html,ctemplate::DO_NOT_STRIP);//

4.开始完成渲染功能tpl-Expand(html,root);}};

}2.6

获取所有的题目列表svr.Get(/all_questions,[ctrl](const

Requestreq,Response

待处理ctrl.AllQuestions(html);resp.set_content(html,text/html;charsetutf-8);});//

根据题目编号,获取题目内容//

是正则表达式的特殊符合svr.Get(R(/question/(\d)),[ctrl](const

Requestreq,Response

html;ctrl.Question(number,html);resp.set_content(html,text/html;charsetutf-8);});//

判断用户提交的代码(1.每道题c测试用例,2.compile_and_run)svr.Post(R(/judge/(\d)),[ctrl](const

Requestreq,Response

result_json;ctrl.Judge(number,req.body,result_json);resp.set_content(result_json,application/json;charsetutf-8);});svr.set_base_dir(./wwwroot);svr.listen(0.0.0.0,8080);return

这里的前端都是提前做好了的,我们可以不关心前端;control功能还有个判题功能没有实现

2.7

q;model_.GetOneQuestion(number,

q);//

in_json进行反序列化得到题目的id得到用户提交源代码inputJson::Reader

reader;Json::Value

重新拼接用户代码测试用例代码形成新的代码Json::Value

compile_value;compile_value[input]

in_value[input].asString();compile_value[code]

code

q.tail;compile_value[cpu_limit]

q.cpu_limit;compile_value[mem_limit]

writer;std::string

一直选择直到主机可用否则就是全部挂掉while(true){int

0;Machine

nullptr;if(!load_blance_.SmartChoice(id,

m)){break;}//

application/json;charsetutf-8)){//

200){*out_json

\n;break;}m-DecLoad();}else{//请求失败LOG(ERROR)

详情:

\n;load_blance_.OfflineMachine(id);load_blance_.ShowMachines();

2.8

把tail.txt改成tail.cpp,不然后面无法进行代码拼接

3.1

initial-scale1.0title这是我的个人OJ系统/titlestyle/*

起手式,

classfont_欢迎来到我的OnlineJudge平台/h1p

classfont_这个我个人独立开发的一个在线OJ平台/pa

classfont_

href/all_questions点击我开始编程啦!/a/div/div

/body/html

initial-scale1.0title在线OJ-题目列表/titlestyle/*

起手式,

classquestion_listh1OnlineJuge题目列表/h1tabletrth

classitem编号/thth

classitem难度/th/tr{{#question_list}}trtd

classitema

href/question/{{number}}{{title}}/a/tdtd

classitem{{star}}/td/tr{{/question_list}}/table/divdiv

classfooter!--

one_questions.html(ACE插件JQueryajax)

!--

srchttps://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js

typetext/javascriptcharsetutf-8/scriptscript

srchttps://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js

typetext/javascriptcharsetutf-8/script!--

引入jquery

srchttp://code.jquery.com/jquery-2.1.1.min.js/script

我们采用

initial-scale1.0title{{number}}.{{title}}/title!--

引入ACE插件

srchttps://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ace.js

typetext/javascriptcharsetutf-8/scriptscript

srchttps://cdnjs.cloudflare.com/ajax/libs/ace/1.2.6/ext-language_tools.js

typetext/javascriptcharsetutf-8/script!--

引入jquery

srchttp://code.jquery.com/jquery-2.1.1.min.js/scriptstyle*

{margin:

idnumber{{number}}/span.{{title}}_{{star}}/h3pre{{desc}}/pre/divdiv

classright_codepre

classace_text-input{{pre_code}}/textarea/pre/div/div!--

提交并且得到结果并显示

onclicksubmit()提交代码/button/div/divscript//初始化对象editor

ace.edit(code);//设置风格和语言更多风格和语言请到github上相应目录查看//

主题大全http://www.manongjc.com/detail/25-cfpdrwkkivkikmk.htmleditor.setTheme(ace/***me/monokai);editor.session.setMode(ace/mode/c_cpp);//

设置默认制表符的大小:editor.getSession().setTabSize(4);//

设置只读true时只读用于展示代码editor.setReadOnly(false);//

启用提示菜单ace.require(ace/ext/language_tools);editor.setOptions({enableBasicAutocompletion:

true,enableSnippets:

editor.getSession().getValue();//

number

构建json并通过ajax向后台发起基于http的json请求$.ajax({method:

Post,

JSON.stringify({code:code,input:

}),success:

console.log(data);show_result(data);}});//

得到结果解析并显示到

清空上一次的运行结果result_div.empty();//

_status

_reason});reason_lable.appendTo(result_div);if(status

0){//

请求是成功的编译运行过程没出问题但是结果是否通过看测试用例的结果var

_stdout

_stderr})stdout_lable.appendTo(result_div);stderr_lable.appendTo(result_div);}else{//

编译运行出错,do

values(1,判断回文数,简单,判断一个整数是否是回文数。

回文数是指正序从左向右和倒序从右向左读都是一样的整数。

示例

1:输入:

。

因此它不是一个回文数。

进阶:你能不将整数转为字符串来解决这个问题吗,#include

iostream#include

Solution().isPalindrome(121);if(ret){std::cout

...

Solution().isPalindrome(-10);if(!ret){std::cout

...

下载完毕后需要将其上传到云服务器这里将下载的库文件存放在下面的目录

mysql-8.0.37-linux-glibc2.28-i686.tar.xz

tar

mysql-8.0.37-linux-glibc2.28-i686.tar

进入解压后的和一个lib子下存放的一堆头文件。

而lib64目录下存放的就是动静态库。

4.5

如果你当时下载myql把mysql-devel也下载了,不需要进行上面步骤

这种引入第三方库的操作,可能会因为版本不兼容,而导致出错skipping

incompatible

因为oj_model模块是管理数据,提供接口的模块,所以要把这个项目变成mysql就需要重新设计

#pragma

Model{public:Model(){}~Model(){;}bool

QueryMysql(const

mysql_real_connect(my,host.c_str(),user.c_str(),passwd.c_str(),db.c_str(),port,nullptr,0)){LOG(FATAL)

连接数据库失败!

一定要设置该链接的编码格式,要不然会出现乱码的问题mysql_set_character_set(my,utf8);LOG(INFO)

连接数据库成功!

mysql_query(my,sql.c_str())){LOG(WARNING)

sql

atoi(row[7]);out-push_back(q);}//

释放控件free(res);//

关闭mysql连接mysql_close(my);return

true;}//

GetAllQuestions(vectorQuestion*out){std::string

sql

result;if(QueryMysql(sql,result)){if(result.size()

1){*q

题目细节unordered_mapstring,Question

questions;};

-I指明搜索的头文件,-L指明搜索的lib并加上-lmysqlclient

.....