论文总字数：18057字

摘 要

近年来，信息技术快速发展，编程技术也开始进入大众的视线，人们也开始逐渐对编程产生兴趣，而HTML语言作为一种比较简单的语言，更加适合初学者去学习。如果想要学习和使用HTML语言，一款好的解释器是不可缺少的。所以为了方便大家的学习，我开发了一款简单的在线代码解释器。

在本论文中主要做了以下一些工作：首先，阐述了当前在线代码解释器的现状以及设计在线代码编辑器的必要性。其次，根据目标需求，及HTML技术的功能特点，拟使用HTML技术实现网站的功能。根据在线代码解释器的总体需求分析，将整个站点分为首页，代码编辑，查看等几大模块。重点设计了各个模块需要实现的功能。然后，着重论述了代码编辑开发的过程重点页面分析，关键技术和实现方法。最后，在网站的系统测试和前景上提出了自己的一些看法。

该系统使用Spring MVC框架，B/S架构，使用Java语言编程，动态页面使用JSP技术开发，数据库连接使用Mybatis，数据库使用对JDBC很好兼容的MySQL，进程框架使用SSM，Spring提供事务陈述，事务处理管理。Mybatis建立实体层和数据库映射，用于封装JDBC代码。

关键词：HTML 代码 解释器 SSM

An HTML-based online code interpreter

Abstract

In recent years, with the rapid development of information technology, programming technology has also begun to attract people's attention. People are gradually becoming interested in programming. As a relatively simple language, HTML language is more suitable for beginners to learn. If you want to learn and use the HTML language, a good interpreter is indispensable. So in order to facilitate everyone's learning, I developed a simple online code interpreter.

In this paper, the following work is mainly done: First, the current status of the online code editor and the necessity of establishing an online code editor is described. Secondly, based on the target requirements and the features of HTML technology, we intend to use HTML technology to implement the website's functions. According to the analysis of the overall needs of the online code editor, the entire site is divided into homepage, code editing, viewing and other major modules. Focus on the design of the various modules need to achieve the function. Then, it focuses on the key page analysis, key technologies and implementation methods of code editing and development. Finally, I put forward my own opinions on the website's system testing and prospects.

The system uses Spring MVC framework, B/S architecture, using Java programming, dynamic pages using JSP technology development, database connection using Mybatis, the database using MySQL compatible with JDBC, the process framework using SSM, Spring provides transaction statements, transaction processing management. Mybatis establishes a physical layer and database map for encapsulating JDBC code.

Keywords: HTML; code; interpreter;SSM

目录

摘 要 I

Abstract II

第一章 绪论 1

1.1 课题研究背景 1

1.2研究发展现状 1

1.3系统开发意义 1

1.4论文组织 2

第二章 相关技术介绍及项目配置环境 3

2.1 相关技术介绍 3

2.2 项目配置环境 4

第三章 需求分析 6

3.1 系统业务概述 6

3.2 业务流程 6

3.2.1 用户登录流程 6

3.2.2 用户注册流程 6

3.2.3 写代码流程 6

3.2.4 我的代码流程 7

3.2.5 共享代码流程 7

3.3 功能分析 7

3.3.1 代码编辑功能 7

3.3.2 代码共享功能 7

3.3.3 代码修改功能 7

3.4 非功能需求 8

3.5 本章小结 8

第四章 系统设计 9

4.1 系统架构设计 9

4.2 数据库设计 11

4.3 详细设计 13

4.3.1 模块概述 14

4.3.2 用户模块类图 14

4.3.3 用户模块设计 14

4.3.4 代码模块类图 15

4.3.5 代码模块设计 16

4.3.6 界面设计 16

4.4 本章小结 19

第五章 系统实现 20

5.1 开发平台搭建 20

5.2 程序结构 21

5.3 系统实现 21

5.3.1 核心代码 21

5.3.2 系统运行结果 28

5.4 系统测试 33

5.5 本章小结 35

第六章 总结与展望 36

6.1 总结 36

6.2 展望 36

参考文献 37

致谢 38

第一章 绪论

1.1 课题研究背景

近年来，信息技术快速发展，编程技术也开始进入大众的视线，人们也开始逐渐对编程产生兴趣，而HTML语言作为一种比较简单的语言，更加适合初学者去学习。为了方便初学者的学习，需要一种适合的编辑器，它除了最基本的语言编译功能，还要有比较舒适的界面，和不同于一般文本编辑的功能，从而有效地提高编码者的效率。所以，为了更加方便初学者的学习，于是自己设计实现了一款功能比较基础的HTML编辑器。

1.2研究发展现状

这些年随着信息技术的发展，开发出来的编辑器也越来越多。有一些编辑器虽然外观比较出色，但实际上并不好用；有些编辑器又太过专业，操作太麻烦，不适合初学者；一些商业编辑器虽然两方面都兼顾到了，但是需要付费，没有办法广泛使用。因此现在不少程序员都开始自己着手开发适应大众环境的编辑器，这样的情况以后也会越来越多。

1.3系统开发意义

HTML语言由于比较简单易学，市面上也有一些专门的编辑器，但是大部分人还是选择用记事本编辑，然后改成html格式，再用浏览器打开。这样的操作过于繁琐，初学者操作起来也非常不方便，没有办法即时查看自己编写的结果。而本项目着手于解决这样一个弊端，将代码编写和结果查看放在一起，方便及时修改调试，还可以随时保存，和别人共享自己的代码。此外还提供了其他几种语言的编译功能，提供了多样化的学习环境，更加方便有兴趣的人深入学习并爱上编程。同时，也方便了现场的前端开发调试，在开发人员不方便到达现场时也能提供一个实时交流的环境。

1.4论文组织

1. 绪论，介绍在现代码编辑器的研究背景、研究现状及开发意义。
2. 介绍本项目使用的开发技术及项目环境的配置。
3. 需求分析，包括功能需求、非功能需求等。
4. 系统设计，包括系统架构设计、数据库设计、详细设计等。
5. 系统实现，包括系统平台搭建、程序结构、核心代码，运行结果图，以及系统测试。

第六章 总结与展望

第二章 相关技术介绍及项目配置环境

2.1 相关技术介绍

1. JavaEE

请支付后下载全文，论文总字数：18057字