[MySym] - 自定义 Sym 论坛编辑器中 emoji 列表提示

本贴最后更新于 2950 天前,其中的信息可能已经时过境迁

通过问 D 大,得知 ctrl+/的代码在 common.js 里,搜索 emoji 关键字找到 emojiString,此处存放了所有 emoji 名称的字符串(老长了 D 大怎么做到的……)
于是在此处添加 ajax 方法,以从后台获取该用户相关的 emoji 列表:

$.ajax({
   async: false,
   url: Label.servePath + "/users/emotions",
   type: "GET",
   success: function (result) {
       console.log('ajax:'+result.emotions);
       emojString=result.emotions;
   }
});

其实我不太清楚 async 的含义,也懒得管,能用就行 0.0~
这里其实用了一个 CodeMirror 的插件(似乎是做代码自动补全的,D 大将它用到了表情符号上👍)
鉴于这块代码内也有其他 ajax 并且调用了 UserProcessor(类似于 Controller),我也将 emotion 获取的 controller 写在了这里(因为是获取该用户的 emoji,所以也不算打乱,应该是吧)

@RequestProcessing(value = "/users/emotions", method = HTTPRequestMethod.GET)
public void getEmotions(final HTTPRequestContext context, final HttpServletRequestrequest,final HttpServletResponse response) throws Exception {
    String emotions;
    context.renderJSON();//context包含request和resposne对象,不知道是否一致
    final JSONObject currentUser = (JSONObject) request.getAttribute(User.USER); //获到的包含用户信息的JSON对象
    final String userId = currentUser.optString(Keys.OBJECT_ID); //取得用户ID1470108766562
    emotions=emotionQueryService.getEmotions(userId);//保存
    context.renderJSONValue("emotions",emotions);
}

这段代码是拷贝的其他方法里的再做修改,注释是我通过调试读取到的值,以明白这段代码是用来做什么的(这段时间工作的新技能,不必探查源码考究代码的功能,通过调试知道其能获取什么值就直接拿来用好了)
可以看到,这里建立了 emotionQueryService,需要如下引入:

@Inject
private EmotionQueryService emotionQueryService;

虽然这个 ajax 是 void 类型的,不过可以通过 context.renderJSONValue 方法将值带回去(这个是向 D 讨教类似功能的代码得出的结论)
于是,进入 getEmotions 方法。
在论坛上问过 D 大 Service,Repository,Cache,以及 Model 类的关系(查看帖子
如 D 所言,Repository 就是执行数据库查询操作的 DAO,不过我得说,Service 也有 Query 代码,这属于分层不够明确:P
Service 是服务类,按我的理解就是调用 Repository 以完成 Processing 需要的动作,Cache,D 大的解释是放入内存,有些操作就是先对内存数据进行操作,完后再写回数据库的,如此大概会提高速度(积分就是如此,以至于直接通过该数据库库字段的话,积分不会变化,需要重启服务才能生效)
于是,我照着原有规则,写了一个 EmotionQueryService 和 EmotionMgmtService,目前只用到了前者:
完整代码由于包含完整 emoji 列表比较长,就不贴了,关键代码如下:

try {
  String emojis=emotionRepository.getUserEmotions(userId);
  if(emojis!=null&&emojis.length()!=0)
        return emojis;
} catch (final RepositoryException e) {
LOGGER.log(Level.ERROR, e.getMessage());
  return allEmojis;
}

这块没什么可说的了,关键在于 Repository 里面:

@Repository
public class EmotionRepository extends AbstractRepository {
    public EmotionRepository() {
        super("emotions");//此处据我推测应该与repository.json里的name有关
    }
    public String getUserEmotions(final String userId) throws RepositoryException {
        final PropertyFilter pf=new PropertyFilter(Emotion.EmotionUser, FilterOperator.EQUAL, userId);//定义查询条件
        final Query query = new Query().setFilter(pf);//添加查询条件
        final JSONObject result = get(query);//执行查询
        final JSONArray array = result.optJSONArray(Keys.RESULTS);
        if (0 == array.length()) {
            return null;
        }
        String resultString="";
        try {
            
            for(int i=0;i<array.length();i++){
                resultString+=array.optJSONObject(i).get("emotionName").toString();
                if(i!=array.length()-1)
                    resultString+=",";
            }
        } catch (JSONException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        return resultString;
    }
}

Query 或者 Filter 的具体逻辑无需关心,直接可用(一般情况下应该很容易吧,再复杂我还没有考虑过,我这里只需要通过 userid 获取到所有结果就行)
这个项目 json 处处可见,此处亦然,只定义 Repository 还不行,还需要在 repository.json 里添加数据表的对应:

{
    "name": "emotions",
    "keys": [
        {
            "name": "oId",
            "type": "String",
            "length": 19
        },
        {
            "name": "user_oId",
            "type": "String",
            "length": 19
        },
        {
            "name": "emotionName",
            "type": "String",
            "length": 25
        },
        {
            "name": "emotionSort",
            "type": "int"
        },
        {
            "name": "emotionType",
            "type": "int"
        }
    ]
}

第一个 name 疑似 repository 的 super 里传入的参数,其他的则对应数据表的列名了。
如此,emoji 快捷键调出来的 emoji 列表就掌握在自己手中了,还有相应的管理等功能,尚未完成,装逼要趁早,所以先写了个这个流水账。实际开发的流程其实是逆推过来的,先模拟了 service,repository 等再反过来向上写。

  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4599 回帖 • 706 关注

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • ZephyrJung

    @88250 发现了一个小 bug,不过我觉得可以忽略。。ctrl+/后,输入-,列表消失,再输入 1,列表又显示,并且选中正确的 emoji,然而回车会变成-:-1(:)

  • 其他回帖
  • ZephyrJung

    @88250 我觉得 name 也有点快捷键的意思吧,如果保存上传地址什么的,可以再加字段

  • 88250 1

    @Zephyr 用 GFM 语法

  • 88250

    @Zephyr 哦,明白了。也为了扩展考虑,要不这个字段用 text 吧(repository.json 里面长度设置为 1024 或者更大,生成的时候就是 text 了),里面也可以存上传的图片地址(自定义表情)。

  • 查看全部回帖
ZephyrJung
一切有为法,如梦幻泡影,如露亦如电,应作如是观 北京

推荐标签 标签

  • 负能量

    上帝为你关上了一扇门,然后就去睡觉了....努力不一定能成功,但不努力一定很轻松 (° ー °〃)

    88 引用 • 1234 回帖 • 432 关注
  • 自由行
    2 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖 • 1 关注
  • IBM

    IBM(国际商业机器公司)或万国商业机器公司,简称 IBM(International Business Machines Corporation),总公司在纽约州阿蒙克市。1911 年托马斯·沃森创立于美国,是全球最大的信息技术和业务解决方案公司,拥有全球雇员 30 多万人,业务遍及 160 多个国家和地区。

    17 引用 • 53 回帖 • 126 关注
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    176 引用 • 814 回帖
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    162 引用 • 529 回帖
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    58 引用 • 22 回帖 • 5 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 366 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    84 引用 • 139 回帖 • 2 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现,服务器端用 Erlang 语言编写,支持多种语言客户端,如:Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息,在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 390 关注
  • Java

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言,是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3169 引用 • 8208 回帖
  • Redis

    Redis 是一个开源的使用 ANSI C 语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value 数据库,并提供多种语言的 API。从 2010 年 3 月 15 日起,Redis 的开发工作由 VMware 主持。从 2013 年 5 月开始,Redis 的开发由 Pivotal 赞助。

    285 引用 • 248 回帖 • 104 关注
  • Spring

    Spring 是一个开源框架,是于 2003 年兴起的一个轻量级的 Java 开发框架,由 Rod Johnson 在其著作《Expert One-On-One J2EE Development and Design》中阐述的部分理念和原型衍生而来。它是为了解决企业应用开发的复杂性而创建的。框架的主要优势之一就是其分层架构,分层架构允许使用者选择使用哪一个组件,同时为 JavaEE 应用程序开发提供集成的框架。

    942 引用 • 1459 回帖 • 92 关注
  • ZeroNet

    ZeroNet 是一个基于比特币加密技术和 BT 网络技术的去中心化的、开放开源的网络和交流系统。

    1 引用 • 21 回帖 • 618 关注
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 63 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    20772 引用 • 81269 回帖
  • 设计模式

    设计模式(Design pattern)代表了最佳的实践,通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖
  • TGIF

    Thank God It's Friday! 感谢老天,总算到星期五啦!

    287 引用 • 4484 回帖 • 662 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 52 关注
  • 微软

    微软是一家美国跨国科技公司,也是世界 PC 软件开发的先导,由比尔·盖茨与保罗·艾伦创办于 1975 年,公司总部设立在华盛顿州的雷德蒙德(Redmond,邻近西雅图)。以研发、制造、授权和提供广泛的电脑软件服务业务为主。

    8 引用 • 44 回帖 • 1 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架,使用 Node.js 编写。

    21 引用 • 140 回帖 • 5 关注
  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 379 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 3 关注
  • Love2D

    Love2D 是一个开源的, 跨平台的 2D 游戏引擎。使用纯 Lua 脚本来进行游戏开发。目前支持的平台有 Windows, Mac OS X, Linux, Android 和 iOS。

    14 引用 • 53 回帖 • 529 关注
  • Vim

    Vim 是类 UNIX 系统文本编辑器 Vi 的加强版本,加入了更多特性来帮助编辑源代码。Vim 的部分增强功能包括文件比较(vimdiff)、语法高亮、全面的帮助系统、本地脚本(Vimscript)和便于选择的可视化模式。

    28 引用 • 66 回帖 • 4 关注
  • 外包

    有空闲时间是接外包好呢还是学习好呢?

    26 引用 • 232 回帖 • 1 关注
  • 爬虫

    网络爬虫(Spider、Crawler),是一种按照一定的规则,自动地抓取万维网信息的程序。

    106 引用 • 275 回帖 • 1 关注