摘要:本文介绍了一个基于Node.js的Web在线编辑器的设计与实现。Web在线编辑器是提供给Web开发者进行在线编码，在线调试代码，在线学习编程的具有针对性的网站。该系统采用面向对象的方法实现，以Node4.5+Express4.13+Sublime Text3为开发平台。

本系统为Web开发者提供一个在线的编码平台，主要实现了两种编译方式：HTML编译和JavaScript编译。系统采用JavaScript进行编写，使用Express进行网站的基本架构，运用DIV+CSS3进行页面的布局与设计，用Node.js作为系统的服务端，它是系统的运行环境。

本论文在系统设计阶段，进行了系统概要设计，设计了系统的前台功能模块和系统的前台界面。采用MVC设计模式进行模块化开发，使得系统更易于维护。

关键词：在线；编辑器；Web开发者

目录

摘要

Abstract

1 概述-1

1.1 开发背景-1

1.2 项目设计目标-1

1.3 系统功能概述-1

2 系统分析-3

2.1 需求分析-3

2.1.1 优势分析-3

2.1.2 功能需求分析-3

2.1.3 非功能需求分析-3

2.2 技术分析-4

2.3 操作可行性分析-4

2.4 运行环境要求-5

3 概要设计-6

3.1 系统功能模块设计-6

3.1.1 服务端-6

3.1.2 客户端-6

3.2 网站工作流程设计-7

3.3 系统界面设计-7

4 系统详细设计与实现-9

4.1 系统文件结构的设计-9

4.1.1 express框架的组织-9

4.1.2 Web页面的静态资源目录结构-10

4.1.3 Web页面文件的目录结构-10

4.2 系统架构的设计-10

4.2.1 模型层的设计-11

4.2.2 视图层的设计-11

4.2.3 控制层的设计-12

4.3 系统功能的实现-13

4.3.1 服务端-13

（1）系统服务搭建-13

（2）系统服务启动的实现-13

4.3.2 客户端-13

（1）主页的实现-13

（2）HTML编辑页面的实现-14

（3）JavaScript编辑页面的实现-15

5 系统调试与运行-17

5.1 测试方法-17

5.2 错误调试-17

5.3 各模块测试用例-17

6 开发总结-19

6.1 系统特点-19

6.2 开发体会-19

结    论-20

参 考 文 献-21

致    谢-22