Bootstrap+Vue.js程序设计训练平台在线判题系统设计(3)_毕业论文

毕业论文移动版

毕业论文 > 计算机论文 >

Bootstrap+Vue.js程序设计训练平台在线判题系统设计(3)

Django的特点有以下几点:

(1)强大的数据库功能,用python的类继承,几行代码就可以拥有一个丰富,动态的数据库操作接口(API),如果需要你也能执行SQL语句。

(2)自带的强大的后台功能,几行简单的代码就让网站拥有一个强大的后台,轻松管理项目内容。

(3)优雅的网址,用正则匹配网址,传递到对应函数,可以随意定义。

(4)模板系统强大,易扩展的模板系统,设计简易,代码,样式分开设计,更容易管理。

在Django Web框架里,开发采用的是MTV模式,与MVC模式大同小异。先来介绍一下传统的MVC模式,MVC(Model-View-Controller)中Model是指模型层,它用来将数据持久化,并且定义相应的数据库中表的模型、数据库的连接以及数据的查询、存储、删除以及更新方法;View是指表示层,也就是前端的Html页面,向用户展示相应请求的结果;Controller是指控制层,也是MVC模式的核心所在,Controller将前端View发来的请求进行逻辑处理,涉及到数据库存取的问题也会与Model交互。

图2。1  MVC模式

Django 里更关注的是模型(Model)、模板(Template)和视图(Views),Django 也被称为 MTV 框架 。在 MTV 开发模式中:

M 代表模型(Model),即数据存取层。 该层处理与数据相关的所有事务: 如何存取、如何验证有效性、包含哪些行为以及数据之间的关系等。

T 代表模板(Template),即表现层。 该层处理与表现相关的决定: 如何在页面或其他类型文档中进行显示。

V 代表视图(View),即业务逻辑层,也是MTV模式的核心。 该层包含存取模型及调取恰当模板的相关逻辑。 你可以把它看作模型与模板之间的桥梁。

还有值得注意的一点,在Django Web框架中,表示层与业务逻辑层之间的连接是基于前端传递一个URL来匹配的,所以每一个View类都对应着一类URL。在匹配URL过程中,我们还需要掌握关于正则表达式的知识,正则表达式简单来说就是用一个字符串来描述一个特征,然后去验证另一个字符串是否符合这个特征,本文在这里不多赘述,对此有兴趣的读者可以上网或查阅相关书籍了解相关知识。

2。3  前端工具介绍

前端采用Bootstrap与Vue。js框架以及jQuery库。Bootstrap来自Twitter,目前非常流行的框架。Bootstrap基于HTML/CSS、Javascript,它简洁灵活且兼容大部分jQuery插件,使前端开发变得更加便捷。Vue。js采用MVVM模式,通过简介的API提供高效的数据绑定和灵活的组件系统。Vue。js其本质是通过数据绑定链接View和Model,让数据的变化自动映射为视图的更新。jQuery库中有许多精美的组件,其中的Ajax功能可以使页面不刷新的情况下,异步地与后端进行交互。

2。3。1  Bootstrap介绍

Bootstrap使用 LESS CSS 并用 Node 编译,托管在 GitHub 上,方便大家使用这一框架构建更好的web应用。Bootstrap不光为了看起来好看,而且在现代的桌面浏览器上有极佳的表现。在平板电脑和智能手机上面还有 响应式CSS 可以使用。12列的响应式栅格结构、丰富的组件、JavaScript插件、排版、表单控件,还有 基于web的定制工具。

2。3。2  Vue。js介绍

Vue。js是一个构建数据驱动的Web 界面的库。Vue。js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

Vue。js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习,非常容易与其它库或已有项目整合。另一方面,在与相关工具和支持库一起使用时,Vue。js 也能完美地驱动复杂的单页应用。 (责任编辑:qin)