基于Java实现的多用户同步MarkDown编辑器

Change

发布日期: 2019-10-17 07:30:24 浏览量: 155
评分:
star star star star star star star star star star_border
*转载请注明来自write-bug.com

一、功能简介

1.1 离线功能

支持本地文件导入、保存,导出HTML、Word文档,添加CSS样式、导入外部CSS文件,大文件处理。如果用户一直输入,没有停下超过1秒,右边的HTML视图就不会更新,这样可以减少无用的计算。左侧的导航栏用树形结构表示,点击标题可以跳转到对应行。

1.2 在线编辑

模拟多人在线编辑的效果,可以用IDE运行多个当前程序,除了第一个正常,之后的会提示无法创建本地服务器等等好几个错误,这是正常的,因为服务器已经由第一个进程创建,之后的就不能再次创建。忽略即可。

如图,运行3个进程。

每一个都注册。然后让一个人创建一个房间,另外两个加入进去。

他们三个现在在0号房间内,并且用户“大王”是房间主。目前设计的模式是只有房间主人可以进行文本的修改,其他成员无权修改。

二、技术实现

2.1 Markdown解析

2.1.1 Markdown导出

主要用了开源的markdown4j包。

2.1.2 实时显示

为了减少不必要的计算,这里用线程阻塞的方式,结合SwingUtilities.InvokeLater()实现高效地更新。每次,想要更新的线程先sleep 1000毫秒,如果之后又有想要更新的线程,就将上一个阻塞,这样的话上一个就直接返回,放弃更新的操作。这样的效果就是,只要持续输入或删除内容,对文本内容做出改变的间隔不超过1秒钟,就一直不会更新,当用户停止1秒后,才会执行更新操作。大大减少了无用的计算。

  1. private void updateUIEfficiently() {
  2. new Thread(() -> {
  3. Thread last = lastThread;
  4. lastThread = Thread.currentThread();
  5. try {
  6. //阻塞上一个更新的线程
  7. if(last != null) {
  8. last.interrupt();
  9. }
  10. Thread.sleep(1000);
  11. } catch(InterruptedException exc) {
  12. return;
  13. }
  14. if(Thread.currentThread().isInterrupted()) return;
  15. SwingUtilities.invokeLater(() -> {update();});
  16. if(mIsHost) {
  17. String updation = mTextArea.getText();
  18. try {
  19. mClient.disposeRequest(RequestType.UPLOAD_UPDATION, updation);
  20. } catch (Exception e) {
  21. e.printStackTrace();
  22. Utility.error("与服务器端连接出现错误!");
  23. }
  24. }
  25. }).start();
  26. }

2.1.3 导航栏

用了JTree,生成关于目录的树状结构,并对每个节点添加点击事件。

2.2 Socket编程

创建一个本地服务器,开放2个端口,8080和8081。总共创建了2个类Server和Client。Server处理客户端发来的所有请求,并返回回复;Client用于在客户端帮助用户发送所有请求。工程建立在C/S架构上。

所有客户端一旦试图进行登录或注册,就会创建一个Client,并建立相应的端口进行通信。服务器也会新开一个线程对这个客户端进行服务。客户端进行的一切操作都是在向服务器发送请求,然后得到服务器的回复。当客户端退出登录或是退出程序,就断开连接的端口,释放资源,防止内存浪费。

一旦一个用户创建或是加入了一个房间,那么服务器就必须通过另一个端口——8081,来进行房间内内容的更新等操作。所以加入房间后,客户端会试图连接服务器的8081端口。对应的服务器上8081端口专门有一个线程来进行处理,依然是每有一个客户端连接过来就新开一个线程进行服务。这个端口做的事就是专门把房间主人发过来的文本内容发送给房间其他所有成员让他们进行同步。所以,每个客户端也必须开一个线程,不断尝试从对应8081端口的socket读取内容,然后更新。

关于请求的类型定义在RequestType.java中:

  1. /**
  2. * 向服务器提交请求,请求格式为:[请求类型]#[参数列表(中间用#隔开)]
  3. * @param request
  4. */
  5. public void disposeRequest(RequestType type, String ... args) throws Exception {
  6. //传输请求
  7. switch (type) {
  8. case LOGIN:
  9. disposeLogin(type, args[0], args[1]);
  10. break;
  11. //注册和登录在客户端的处理不区分
  12. case REGISTER:
  13. disposeLogin(type, args[0], args[1]);
  14. break;
  15. case CUT_CONNECT:
  16. disposeCut(type);
  17. break;
  18. case CREATE_ROOM:
  19. disposeCreateRoom(type);
  20. break;
  21. case JOIN_ROOM:
  22. disposeJoinRoom(type, args[0]);
  23. break;
  24. case UPLOAD_UPDATION:
  25. disposeUpdation(type, args[0]);
  26. break;
  27. default:
  28. break;
  29. }
  30. }

一共定义了这么几种类型。同样,服务器端也根据某些特征判断发来的请求是什么类型的,然后执行相应的处理方法。

目前设计的模式是只有房间主人可以对文本内容进行更改。由于时间有限,没有添加申请成为房间主人的功能,不过这个只不过是在RequestType中加入了一个新的请求。

上传的附件 cloud_download 基于Java实现的多用户同步MarkDown编辑器.7z ( 10.96mb, 1次下载 )
error_outline 下载需要12点积分

发送私信

如果哪天我们真的久别重逢,我希望你别来无恙

12
文章数
14
评论数
最近文章
eject