今天我爱编程网小编整理了web前端开发评测系统 Web前端是干嘛的相关内容,希望能帮助到大家,一起来看下吧。
系统架构图_基于,LAMP,架构的,ACM/ICPC在线评测系统设计
摘 要 本课题在牡丹江师范学院已有的在线评测系统上进行全面重构,将 OJ 系统各个组成部分进行解耦,使得 OJ 系统各个模块之间独立性增强,容易修改现有功能及扩充新功能,以应对举办比赛时的访问压力。包括本课题的系统架构设计,对其下各个模块核心内容的阐述,包括基于 Linux 系统的沙箱模型、基于 Java 的多线程服务器、基于AMP 架构和 MVC 设计模式的 Web 前端系统的设计与实现,以及影响系统安全的各种因素和对应的解决方案。
关键词 在线评测系统 ACM/ICPC LAMP 架构
中图分类号:TP311.52 文献标识码:A
0 绪论
ACM/ICPC 目的旨在使大学生运用计算机来充分展示自己分析问题和解决问题的能力。在线评测系统(Online Judge System,以下简称 OJ)起到了非常重要的作用。集训队员可以在线评测系统上挑选各种题目挑战自我,提高自我,学习各种数据结构和算法;在统一组织的集中训练中可以通过指定题目的形式来强化训练效果;而在线评测系统对比赛功能的支持,进一步提高了集训队员的学习热情,同时还可以模拟比赛的环境,培养那些计划参与 ACM/ICPC 赛事的队伍的团结合作能力。
但是其中大部分OJ 系统是闭源、封闭的,无法获取其源代码进行修改扩充以满足现有需求,牡丹江师范学院 ACM/ICPC 集训队才于 2010 年推出自己的OJ。但是该系统存在几个问题:一,效率不足,无法承受每年牡丹江师范学院程序设计大赛预选赛的压力;二,由于该系统没有应用沙箱技术运行用户代码,存在安全隐患,可能直接导致服务器被劫持。此后,Google Code 上陆续出现了几个开源 OJ 系统,但是在架构设计上仍不够完善,且无法与原系统的数据格式兼容,因此,有必要重新开发一个经过合理设计的新 OJ 系统,从根本上解决上述的问题,为集训队提供一个稳定可用的学习环境。
1 系统架构设计
为了方便用户的使用,本系统采用 B/S 架构,只要用户使用的是有网络接入的计算机,就可以通过浏览器进行访问。根据该系统的具体情况,在设计上将其分为以下四个组成部分:(1)网站系统(Web 端);(2)评测核心(Judge);(3)评测核心封装层(Judge Wrapper);监听守护进程(Daemon)。
在设计上,该项目将系统的几个主要组成模块充分解耦,一方面,多个模块之间可以并行开发;另一方面,各个模块解耦后使得系统的修改和扩充更加容易,每个模块的可重用性也相应增强。例如,当其他学校需要实现一个功能界面完全不同的 OJ 系统或是作业平台时,可以直接采用本项目的评测核心,避免重复开发。
2 评测核心的设计与实现
作为在线评测系统中最核心的部分,尤其是需要监控用户运行,需要涉及到很多相关技术,特别是与系统底层关系密切的技术。在 Linux 下,系统调用的实现通常是用户程序通过触发80号软中断或者执行 SYSCALL/SYSENTER 等平台相关的 CPU 指令陷入到内核中,内核通过寄存器获 取用户程序的输入,在通过严格的检查后执行相应操作。
在本系统中涉及的主要系统调用包括 fork、setitimer、execve、wait、ptrace、setrlimit、chroot、setuid 等。
(1)fork 系统调用通过复制调用进程的上下文来创建一个新进程。(2)setitimer 系统调用用于设置定时器。(3)execve 系统调用用于载入一个新的可执行程序,替换当前进程的地址空间。(4)wait 系统调用允许父进程阻塞,直到子进程发生一些事件。(5)ptrace 系统调用是一个可以使父进程在用户层拦截和修改系统调用的函数,可以监控和控制其他进程,该函数还能够改变子进程中的寄存器和内核映像,因而可以实现断点调试和系统调用的跟踪。(6)setrlimit 系统调用可以改变进程的资源限制。(7)chroot 系统调用使得调用进程的将某一目录当作其根目录,以此限制该进程及子进程对该目录外文件的访问。(8)setuid 系统调用允许进程改变其有效用户 ID。在本系统中,用户提交的代码可能存在恶意,对其编译后的程序需要运行在服务器上,因此必须对其进行严密的监控,防止恶意代码带来的危害。在本系统支持的四种语言中,C、C++、Pascal 三者经过编译后产生本地代码,可以通过Linux 系统调用(主要是 fork、execve、chroot、setuid 和 ptrace)来创建一个沙箱,限制恶意代码访问文件、控制系统的权限,尤其是通过 ptrace 来限制可使用的系统调用,在很大程度上保证了系统的安全。
运行时检测是最重要、最复杂的运行时监控机制。本系统中通过 ptrace 系统调用来监控用户进程。每当用户进程出发一个系统调用,或者是收到某些信号的时候,用户进程会将控制权暂时移交给监控核心。监控核心将严格监控用户进程的各项参数,以保证其不执行危害系统安全的操作:(1)检查程序是否正常退出。(2)检查程序是否收到了非正常的信号。(3)通过进程的缺页中断次数计算进程使用的内存资源是否超出限制。(4)检查进程系统调用是否合法。
在以上四项检测都不存在问题的情况下,用户进程才能继续执行。
由于题目根据其合法结果数量可以分成普通类型和 Special Judge 类型,因此针对不同的类型,需要分别对其进行判断。(1)普通类型的题目,其合法结果唯一,因此只需要简单判断用户程序与标准答案的一致性即可。(2)Special Judge 类型的题目,在本系统中,约定了 SPJ 程序的名称以及数据的传递方式,包括标准输出、用户输出,以及 SPJ 程序的数据,由评测核心调用 SPJ 程序来完成最后的评判过程。
3 评测核心层的设计与实现
每当用户提交一份新的代码,Wrapper 即会被调用,从数据库中获取代码的详细信息。在此阶段需要关注的信息主要包括:(1)用户提交的代码本身及其关键属性(如语言类型)。(2)此代码的提交用户类型,是普通用户还是管理员。(3)此代码所属的题目是否处于正在进行的比赛。(4)此代码是否已经被评测过。
Web前端是干嘛的
前端是在浏览浏览器的时候,它是网络前台的部分,运行在pc端。
移动端等浏览器上展示给用户浏览的页面,利用完美的动态设计,能够给用户带来极高的用户体验。
前端前端技术一般分为前端设计和前端开发,前端设计一般可以理解为网站上面的视觉设计,前端开发则是网站的前台代码实现。
前端开发又最基本的三个核心,这也是必须掌握的三个重要的核心,分别是HTML、CSS、JavaScript这三个,在日常的生活中我们接触到的也很多,掌握了这三个,在前端开发应付也会很轻松。
Web前端工程师喜欢的高质量Web前端框架有哪些?
今天小编要跟大家分享的文章是关于高质量Web前端框架,相信很多Web前端工程师都会对此感兴趣的。Web前端框架就是为了节约开发成本和时间,一般开发一个项目都会用到前端框架(除非自己有前端开发团队)。今天小编就为大家分享一些高质量的前端框架希望能够对大家有所帮助。
一、QUICKUI
QUICK
UI是一套完整的企业级web前端开发解决方案,由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量,提高开发效率,快速构建功能强大、美观、兼容的web应用系统。
QUICKUI优势:
①功能最为强大
QUICKUI经历了7年的迭代更新,不断从客户的各种业务中对组件的需求进行归纳和抽离,从而打造新的组件和功能。现在最新的4.0版本框架包含了一百多种组件,一千多个应用场景示例。可以说在前端框架领域中,QUICKUI拥有功能最强大组件库。
②运行最为稳定
很多其他的第三方UI控件在简单场合使用OK,到了复杂的场景中就会出现很多问题,这种现象很常见,因为在组件设计时无法预料到所有的应用场合。而QUICKUI在7年间经历了数千个项目实际检验,在各种复杂场景都应用过,并根据客户的反馈不断完善和调整。目前的第四代可以说是最稳定、最完美的版本。
③丰富精美的界面皮肤
跟其他web前端框架仅仅是一套组件库不同,QUICKUI是一整套前端解决方案,拥有丰富的外观界面解决方案。采用现今流行的扁平化设计理念,推出了包括登录、响应式web、工作桌面、地图类、门户风格、大屏展示风格等等几百套制作精美、用户体验优秀的界面。这些界面是以QUICKUI皮肤包的形式发布,使用和更换都非常方便。
④事无巨细的开发文档
QUICKUI拥有16万字+的开发文档,框架和组件的每一个功能点都有详细的讲解和代码示例,用于开发过程中随时查阅。除了框架机制讲解和组件使用教程,文档还涉及web前端开发的很多知识。仔细阅读并结合框架使用的话,你很快就能成为web开发的高手。
⑤上手开发非常容易
QUICKUI采用组件化思想来构建组件,一个组件就是一两句html的标签,使用起来非常简单。将开发人员从繁琐的JS编码中解脱出来,很大程度减少前台编码的出错率;保留了HTML的布局方式,从而快速进行页面布局。对开发者前台技术要求也非常低,只需要了解html语法和一些简单的JS即可,从而把更多精力放在业务功能的实现上,极大地提高开发效率。
⑥浏览器兼容性非常好
QUICKUI4.0使用了很多HTML5,CSS3技术用于提高表现力和用户体验,这些新的特性在现代浏览器中会有很好的效果。但是,国内依然有大量的用户在使用IE7、IE8等旧时代的浏览器,为照顾这部分用户,框架采用了渐进式思想,确保低版本浏览器也能正常使用。所以,QUICKUI兼容IE7以上所有主流浏览器。
二、flex
Apache基金会今天发布了Flex4.8版本,这是Adobe将Flex捐献给Apache基金会后发布的第一个版本。
需要注意的是,Flex目前还在孵化阶段,还不是Apache的正式项目,Flex4.8也不是一个正式的Apache版本。
Apache称,该版本标志着Flex新时代的开始,Flex的未来将由社区来驱动,而不是由一个公司驱动。开发者可以通过贡献代码,来帮助改进Flex,如修复bug、增加功能等。
从Macromedia卖给Adobe,然后又捐给apache,不知道搞什么名堂。不过还好没有经过大幅重构,否则就真的是悲哀了!
三、extjs
ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。
功能丰富,无人能出其右。
无论是界面之美,还是功能之强,ext的表格控件都高居榜首。
华丽的界面,灵活的功能,还有开发工具都是配套的,但有个最大的问题,用就得花钱!
四、easyui
easyui帮助你构建你的web应用更加容易。
它是一个基于jquery的插件,开发出来的一套轻量级的ui框架,非常小巧而且功能丰富。
但是她有一个最大的问题就是代码只能找到以前的开源的版本,到了1.2以后的版本源代码都是经过混淆的,如果遇到问题修改起来会非常麻烦!不过一个比较大的优势是开源免费,并且界面做的还说的过去!
五、jQueryUI
jQueryUI是一套jQuery的页面UI插件,包含很多种常用的页面空间,例如Tabs(如本站首页右上角部分)、拉帘效果(本站首页左上角)、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等等非常多的内容。功能非常全面,界面也挺漂亮的,可以整体使用,也可以分开使用其中的几个模块,免费开源!
六、MiniUI
又一个基于jquery的框架,开发的界面功能都很丰富。
jQueryMiniUI_快速开发WebUI。
它能缩短开发时间,减少代码量,使开发者更专注于业务和服务端,轻松实现界面开发,带来绝佳的用户体验。
使用MiniUI,开发者可以快速创建Ajax无刷新、B/S快速录入数据、CRUD、Master-Detail、菜单工具栏、弹出面板、布局导航、数据验证、分页表格、树、树形表格等典型WEB应用系统界面。
界面做的挺不错,功能也挺丰富,但是有两个比较大的问题,一个是收费,一个是没有源码,说白了,不开源!基于这个开发如果想对功能做扩展就需要找他们的团队进行升级!
七、DWZ
DWZ富客户端框架(jQueryRIAframework),是中国人自己开发的基于jQuery实现的AjaxRIA开源框架.
设计目标是简单实用,快速开发,降低ajax开发成本。
毕竟是国产的,支持一下,而且源码完全公开,可以选择一下!不过性能怎么样不敢确定!
八、YUI
Yahoo!UILibrary
(YUI)是一个开放源代码的JavaScript函数库,为了能建立一个高互动的网页,它采用了AJAX,DHTML和DOM等程式码技术。它也包含了许多CSS资源。使用授权为
BSD许可证,基本上没怎么研究过!YUICompressor倒是挺出名的,这套UI库不知道应用的情况怎么样!
九、Sencha
Sencha是由ExtJS、jQTouch以及Raphael三个项目合并而成的一个新项目。
大公司的框架,并且是几样库的强强联合,值得推荐!
十、OperaMasks-UI
OperaMasks-UI是OperaMasks团队2011下半年打造的一款轻量级前端JS组件库,旨在提供一款学习曲线低、定制性灵活、样式统一,且多浏览器支持、覆盖企业业务场景的前端JavaScriptUI组件库。目前,该团队已将这一产品以LGPL开源协议开放给社区。
文档丰富,功能齐全,而且很容易使用和开发!而且是国产的哟!
以上排序是整理时的排序,一起整理分析一下,下次用的时候就不用到处找了,我想同样的问题应该也存在在很多程序员身上,任何一款UI框架,只要能够容易入手就行。
以上就是小编今天为大家分享的关于高质量web前端框架有哪些?的文章,希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。想要了解更多web前端知识的小伙伴们记得关注北大青鸟web培训官网哦。
作者:qianduankuangjia,来源:CSDN
原文:
我爱编程网以上就是web前端开发评测系统 Web前端是干嘛的全部内容,更多相关信息,敬请关注我爱编程网。