一款开源汉字拼音转换工具，前端就能实现，简单好用（带私活源码）

今天给大家分享的是一款开源汉字拼音转换工具。

背景

在以往啊，一般的拼音转换都是在后端实现。

比如引入 pinyin4j:

maven依赖

<dependency>
   <groupId>com.belerweb</groupId>
   <artifactId>pinyin4j</artifactId>
   <version>2.5.1</version>
</dependency>

实例

publicclass Client {

  public static void main(String[] args) throws BadHanyuPinyinOutputFormatCombination {
    HanyuPinyinOutputFormat format = new HanyuPinyinOutputFormat();
    //拼音小写
    format.setCaseType(HanyuPinyinCaseType.LOWERCASE);
    //不带声调
    format.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
    //要转换的中文，格式，转换之后的拼音的分隔符，遇到不能转换的是否保留   wo,shi,zhong,guo,ren,，hello
    System.out.println(PinyinHelper.toHanYuPinyinString("我是中国人，hello", format, ",", true));
  }

}

输出结果为

wo,shi,zhong,guo,ren,，hello

或者带音调使用 jpinyin:

maven依赖

<dependency>
   <groupId>com.github.stuxuhai</groupId>
   <artifactId>jpinyin</artifactId>
   <version>1.1.8</version>
</dependency>

实例

import com.github.stuxuhai.jpinyin.PinyinException;
import com.github.stuxuhai.jpinyin.PinyinFormat;
import com.github.stuxuhai.jpinyin.PinyinHelper;

/**
 * @version 1.0
 * @author：xasnow
 * @date：2022-02-08
 */

publicclass HanyuDemo {
    public static void main(String[] args) throws PinyinException {
        //要转换的中文，转换之后的拼音分隔符，拼音格式带声调  wǒshìzhōngguórén，hello
        System.out.println(
                PinyinHelper.convertToPinyinString("我是中国人，hello", "", PinyinFormat.WITH_TONE_MARK));
    }
}

输出：

wǒshìzhōngguórén，hello

那么，在不依赖后端的情况下，我们前端能不能也进行拼音转换呢？

当然可以！

今天呢，给大家推荐一款在前端可以进行拼音转换的方式的组件。

它就是---pinyin-pro。

介绍

特色功能

获取汉字、词语、句子等多种格式的拼音
获取声母
获取韵母
获取拼音首字母
获取音调
获取多音字的多种拼音
支持人名姓氏模式
支持自定义拼音
支持字符串和数组两种输出形式
支持拼音文本匹配功能

安装

npm 安装

npm install pinyin-pro

yarn 安装

yarn add pinyin-pro

引入

浏览器 script 引入:

<!--引入某个版本，如3.5.0版本-->
<!-- <script src="https://cdn.jsdelivr.net/gh/zh-lx/pinyin-pro@3.5.0/dist/pinyin-pro.js"></script> -->
<!--引入最新版本-->
<script src="https://cdn.jsdelivr.net/gh/zh-lx/pinyin-pro@latest/dist/pinyin-pro.js"></script>
<script>
  var { pinyin } = pinyinPro;
  pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'
</script>

commonjs 浏览器引入：

import { pinyin } from 'pinyin-pro';
pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'

commonjs node 引入：

const { pinyin } = require('pinyin-pro');
pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'

esm 引入：

import('pinyin-pro').then((exports) => {
  exports.pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'
});

使用示例

获取拼音

import { pinyin } from 'pinyin-pro';

// 获取带音调拼音
pinyin('汉语拼音'); // 'hàn yǔ pīn yīn'
// 获取不带声调的拼音
pinyin('汉语拼音', { toneType: 'none' }); // 'han yu pin yin'
// 获取声调转换为数字后缀的拼音
pinyin('汉语拼音', { toneType: 'num' }); // 'han4 yu3 pin1 yin1'
// 获取数组形式带音调拼音
pinyin('汉语拼音', { type: 'array' }); // ["hàn", "yǔ", "pīn", "yīn"]
// 获取数组形式不带声调的拼音
pinyin('汉语拼音', { toneType: 'none', type: 'array' }); // ["han", "yu", "pin", "yin"]
// 获取数组形式声调转换为数字后缀的拼音
pinyin('汉语拼音', { toneType: 'num', type: 'array' }); // ["han4", "yu3", "pin1", "yin1"]
获取声母
import { pinyin } from 'pinyin-pro';

// 获取声母

pinyin('汉语拼音', { pattern: 'initial' }); // 'h y p y'

// 获取数组形式声母

pinyin('汉语拼音', { pattern: 'initial', type: 'array' }); // ["h", "y", "p", "y"]

获取韵母

import { pinyin } from 'pinyin-pro';

// 获取带音调韵母
pinyin('汉语拼音', { pattern: 'final' }); // 'àn ǔ īn īn'
// 获取不带音调韵母
pinyin('汉语拼音', { pattern: 'final', toneType: 'none' }); // 'an u in in'
// 获取音调为数字的韵母
pinyin('汉语拼音', { pattern: 'final', toneType: 'num' }); // 'an4 u3 in1 in1'
// 获取数组形式带音调韵母
pinyin('汉语拼音', { pattern: 'final', type: 'array' }); // ["àn", "ǔ", "īn", "īn"]
// 获取数组形式不带音调韵母
pinyin('汉语拼音', { pattern: 'final', toneType: 'none', type: 'array' }); // ["an", "u", "in", "in"]
// 获取数组形式音调为数字的韵母
pinyin('汉语拼音', { pattern: 'final', toneType: 'num', type: 'array' }); // ['an4', 'u3', 'in1', 'in1']

里面还支持其他拼音的API。

以后在前端也可以处理汉语拼音转换啦。

写在最后（私活源码）

最近有一些读者问我有没有完整的基于Springboot+Vue的在线考试系统项目源码，今天给大家整理了一下，并且录制了搭建的教程，无偿分享给大家。

一、系统运行图

1、登陆页面

2、后台管理

3、全套环境资源

源码文件部分截图，带视频教程

源码免费领取方式

扫码关注本号，后台回复 考试

持续关注本号，分享更多项目源码

分享一些关于学习Java编程方面的经验

在实际工作中，开发Java项目是一项重要且常见的任务。为了帮助您更好地进行Java项目开发，本文将分享一些实践经验和技巧，以帮助您顺利完成项目。

1. 需求分析与设计

在开始项目之前，首先需要进行需求分析和设计。明确项目的目标和功能，并根据需求设计出合理的系统架构和数据库结构。这个阶段的工作对于后续的开发和测试非常关键，务必认真对待。

2. 选择合适的开发工具和框架

Java有许多优秀的开发工具和框架可供选择，如Eclipse、IntelliJ IDEA、Spring等。根据项目的特点和需求，选择适合的工具和框架可以提高开发效率和代码质量。

3. 模块化开发

将项目拆分成多个模块，每个模块负责一个特定的功能。通过模块化开发，可以提高代码的可维护性和复用性。同时，合理划分模块也便于团队协作和并行开发。

4. 使用版本控制工具

使用版本控制工具（如Git）管理项目代码是一个良好的习惯。通过版本控制，可以方便地进行代码的追踪、回滚和合并，同时也便于多人协作开发。

5. 编写高质量的代码

编写高质量的代码是每个开发者的追求。遵循编码规范，使用有意义的变量和方法命名，注重代码的可读性和可维护性。同时，及时进行代码的重构和优化，以提高代码的性能和可靠性。

6. 单元测试和集成测试

在开发过程中，及时编写单元测试和集成测试是保证代码质量的有效手段。通过测试，可以验证代码的正确性和稳定性，减少后期的调试和修复工作。

7. 持续集成与部署

借助持续集成工具（如Jenkins），实现自动化的构建、测试和部署流程。持续集成可以提高开发效率，减少人为错误，并确保项目的稳定性和可靠性。

8. 文档和知识管理

在项目开发过程中，及时编写文档记录项目的设计思路、开发过程和技术方案。同时，建立知识库或内部论坛，方便团队成员之间的交流和学习。

以上是关于Java项目开发的一些实践经验和技巧。希望这些内容对您有所帮助，祝您在实际工作中取得成功！