Vue。js 的核心是一个响应的数据绑定系统，它让数据与 DOM 保持同步非常简单。在使用 jQuery 手工操作 DOM 时，我们的代码常常是命令式的、重复的与易错的。Vue。js 拥抱数据驱动的视图概念。通俗地讲，它意味着我们在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。一旦创建了绑定，DOM 将与数据保持同步。每当修改了数据，DOM 便相应地更新。这样我们应用中的逻辑就几乎都是直接修改数据了，不必与 DOM 更新搅在一起。这让我们的代码更容易撰写、理解与维护。

图2。1 Vue。js的MVVM架构

2。3。3  jQuery介绍

jQuery是一个快速，小巧，功能丰富的JavaScript库。它使得诸如HTML文档遍历和操作、事件处理、动画和Ajax使用更简洁的API，可以在众多的浏览器更简单。通过通用性和可扩展性的结合，jQuery已经改变了数以百万计的人写JavaScript代码的方式。

2。4  数据库管理系统

数据库管理系统(Database Management System)是一种操纵和管理数据库的大型系统软件，用于创建、使用和维护数据库，简称DBMS。它对数据库进行统一的管理与控制，以保证数据库的安全以及数据的持久化。用户通过DBMS访问数据库中的数据，数据库管理员也通过DBMS进行数据库的维护工作。它拥有多种功能，可使多个应用程序和用户使用不同的方法并发访问数据库。 

由于本系统涉及到非常大量数据的交互存储，这就需要一个强大的后台数据库管理系统支持。本次开发采用的是MySQL数据库，由于它是开源的，所以不需要支付额外的费用。MySQL数据库体积小、速度快，所以在中小型Web开发中也非常适用。

2。5  版本控制系统

该项目已经添加使用Git，并且已经迁移到Github，以方便大家开发。Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。所以在配置开发环境以及工作过程中，还需要安装Git并且掌握Git的使用方法。

2。6  Virtualenv

Virtualenv是创建孤立的Python环境的工具。

被处理的基本问题是依赖和版本，以及间接权限。想象你有一个应用程序，需要libfoo 1版本，而另一个应用程序需要的版本2。你如何使用这两个应用程序？如果你将所有东西都装在/usr/lib/python2。7/site-packages（或者任何你的平台的标准位置）在你无意中升级一个不应该升级的应用程序的情况下很容易结束。

或者更普遍的是，如果你想安装一个应用程序，它是什么？如果一个应用程序的应用程序，它的库中的任何更改或这些库的版本可以中断应用程序。

另外，如果你不能安装软件包为全球site-packages目录吗？例如，在共享主机上。

在所有这些情况下，virtualenv可以帮助你。它创造了一种环境，有自己的安装目录，不与其他virtualenv环境共享库（可以选择不进入全球安装库）。

3 开发环境的配置说明及日常工作流程

3。1  正确配置开发环境

3。1。1  初始化环境配置

开发环境使用Linux，本文则使用Ubuntu。编辑器使用的是Sublime Text 3。由于本人用的是Windows 10 的PC来开发项目，所以要配置环境时先下载一个VirtualBox的免费虚拟机软件，然后在虚拟机上安装了Ubuntu系统开发项目。为了方便，下载一个叫作Xshell的安全终端模拟软件，用来监测和执行虚拟机上运行的项目状况。为了使项目在不同的PC上可以有相同的配置环境，还在虚拟机上下载了Vagrant。Vagrant是一个基于Ruby的工具，用于创建和部署虚拟化开发环境，具体代码实现参见相应官网。 Bootstrap+Vue.js程序设计训练平台在线判题系统设计(4):http://www.youerw.com/jisuanji/lunwen_96924.html