2021SC@SDUSC SDUDOC项目分析（一）

一、SDUDOC项目介绍

SDUDOC是一个古籍管理器，可以对古籍图片进行数字化处理，目前系统已经基本实现了编辑器的功能，该编辑器能够上传扫描的古籍图像，并且能对图像进行注释、分块等处理

二、技术栈

1、前端框架vue

应用广泛的前端框架，实现数据的动态绑定，有良好的性能

2、2D渲染库- PIXI

速度很快的2D库，用来渲染绘制基本的图形

3、vuetify

一个material风格的vue样式库，减少了很多css设计并使风格统一

4、面向对象的原生js

也是该项目最大的特点。不同于传统的前端界面将逻辑写在vue文件中，该项目使用了js面向对象的思想，将大部分逻辑以对象的形式从页面中抽离，以一个引擎来统一管理所有的逻辑功能。这样的好处是使得项目的扩展性很好，易于功能的增加与修改。但同时也使得代码架构相对复杂，比较考验对js基础与面向对象设计逻辑的掌握。

三、代码架构

src文件夹

 该文件夹是前端的页面等内容

例如

pages文件夹存有前端页面

editor为编辑器界面，如初始界面index，编辑器页面editor与加载界面loading

enginloader为加载页面下的逻辑，如初始化引擎等工作

router文件夹下是前端路由

static文件夹

 

该文件夹下存有引擎相关的代码

该部分内容将会在下一篇报告中展开陈述